/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* --- 1. ESTABILIZACIÓN Y ESCALA DEL LOGO (CORREGIDO) --- */
/* Limitamos el contenedor para que no se desborde */
.branding, 
.branding a.df-logo-link {
    display: inline-block !important;
    vertical-align: middle;
    max-width: 280px !important; /* Ajuste según ancho visual deseado */
    min-height: 70px;            /* Reserva de espacio para evitar CLS */
    line-height: 0;
}

/* Forzamos a la imagen a respetar el tamaño del contenedor */
.branding a img {
    width: 100% !important;      /* Se adapta al max-width del contenedor */
    max-width: 280px !important; 
    height: auto !important;     /* Mantiene proporción original */
    max-height: 80px !important; /* Evita que crezca verticalmente de más */
    display: block;
}

/* Evitar colapso del header en la carga inicial */
.masthead:not(.side-header) .branding {
    min-width: 250px;
}

/* Reducción ligera para el modo Sticky (cuando haces scroll) */
.header-navigation.sticky-on .branding img,
.fixed-header .branding img {
    max-width: 220px !important;
}

/* --- 2. OPTIMIZACIÓN DE RENDERIZADO (CORE WEB VITALS) --- */

/* Prevenir desplazamiento por carga de fuentes (FOIT/FOUT) */
html, body, p, h1, h2, h3, h4, h5, h6 {
    font-display: swap !important;
}

/* Reserva de espacio para filas de WPBakery (Evita saltos de página) */
.vc_row {
    min-height: 1px;
}

/* Estabilización de Iconos de Redes Sociales (Evita saltos en el top bar) */
.soc-ico a {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}