/*---------------------------------------------------*/ /* Logo del header: emblema SVG + wordmark en texto /* Reemplaza images/logobig.png (131x50, mapa de bits). /* /* OJO con el doble selector: js/custom-main.js clona /* #header .header-holder dentro de #B_sticky_menu al /* hacer scroll (truethemes_doStickyMenu). Ese clon vive /* fuera de #header, asi que toda regla del logo debe /* repetirse para #B_sticky_menu o el logo aparece sin /* estilos en la barra fija. /* /* Se carga al final del para ganar a style.css. /*---------------------------------------------------*/ #header .logo, #B_sticky_menu .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; text-decoration: none; } /* El emblema. Anula el width/height fijo de .tt-retina-logo y el margin-bottom:-17px que style.css aplica a los img del logo. */ #header .logo .logo-mark, #B_sticky_menu .logo .logo-mark { display: block; width: 46px; height: 46px; margin: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* Bloque de texto: dos lineas, alineadas a la derecha */ #header .logo .logo-text, #B_sticky_menu .logo .logo-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-family: 'Lato', 'Open Sans', Arial, sans-serif; color: #FFF; line-height: 1; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } #header .logo .logo-text-main, #B_sticky_menu .logo .logo-text-main { font-size: 34px; font-weight: 700; letter-spacing: 0.5px; } #header .logo .logo-text-sub, #B_sticky_menu .logo .logo-text-sub { font-size: 15px; font-weight: 700; letter-spacing: 0.2px; margin-top: 3px; } /*---------------------------------------------------*/ /* Alto de la cabecera /* /* style.css trae "#header .header-area { padding: 35px 0 }": 70px de aire /* vertical para un logo de 46px. Se reduce a 16px arriba y abajo. /* /* La clase .tt-logo-center se quito de los dos masters: index.aspx no la /* tenia y por eso la cabecera cambiaba de alto al navegar entre la portada /* y el resto del sitio. Esa variante del tema pone height:auto y apila el /* logo, lo que sumaba todavia mas espacio. /*---------------------------------------------------*/ #header .header-area, #B_sticky_menu .header-area { padding: 16px 0; } /* El