/* ================================================================== El Sueño del Duque — CSS propio del sitio ------------------------------------------------------------------ Este es el sitio para todos los ajustes de estilo del proyecto. Se carga desde ../../esdd-customizaciones.php (mu-plugin), por lo que ni las actualizaciones de WordPress ni las del tema Extendable lo tocan. Carga después de la hoja del tema, así que en general NO hace falta !important: basta con igualar especificidad. Se usa solo donde hay que ganar a un estilo inline impreso por un bloque, y siempre comentado. ================================================================== */ /* ------------------------------------------------------------------ PORTADA · Hero a pantalla completa ------------------------------------------------------------------ El tema sube el hero con margin-top: calc(-1 * var(--ext-header-height)) para que la cabecera lo solape (extendable/style.css:772). Si aquí pusiéramos 100svh a secas, el hero se quedaría 96px corto por abajo: hay que sumar esa altura de cabecera que queda oculta arriba. svh (small viewport height) evita el salto al ocultarse la barra de direcciones en móvil. !important justificado: el bloque cover imprime min-height inline. ------------------------------------------------------------------ */ body:has(.ext-header-overlay) .entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child > .wp-block-cover { min-height: calc(100svh + var(--ext-header-height)) !important; } /* Compensa el solape de la cabecera al centrar el titular. Sin esto el texto se centra sobre el alto total (incluidos los 96px ocultos bajo el header) y se ve ópticamente alto. */ body:has(.ext-header-overlay) .entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child > .wp-block-cover > .wp-block-cover__inner-container { padding-top: var(--ext-header-height); } /* ------------------------------------------------------------------ CABECERA · Logo ------------------------------------------------------------------ Sobre cabecera oscura el tema aplica al logo filter: brightness(0) invert(1) (extendable/style.css:726 y :886). Ese filtro asume un logo PNG transparente y monocromo, y lo pinta de blanco sólido. El nuestro es un emblema a color, así que el filtro lo convertía en un cuadrado blanco. Lo anulamos. El tema declara la variable en :root; nosotros cargamos después, así que con la misma especificidad ganamos. ------------------------------------------------------------------ */ :root { --ext-header-dark-logo-filter: none; } /* Tamaño del logo. El tema fuerza max-height: 42px !important; height: auto !important sobre .wp-block-site-logo.is-default-size img (extendable/style.css:396), y el bloque no tiene ancho definido, así que lleva esa clase. Hay que repetir su selector exacto y usar !important o no hay forma de ganarle. Si algún día se fija un ancho al bloque en el editor, desaparece .is-default-size y esta regla deja de aplicar: entonces ajustar aquí. */ .wp-block-site-logo.is-default-size img { max-height: 56px !important; height: 56px !important; width: auto !important; } @media (max-width: 781px) { .wp-block-site-logo.is-default-size img { max-height: 44px !important; height: 44px !important; } } /* ------------------------------------------------------------------ Páginas legales (aviso legal, privacidad, cookies) Clase 'esdd-legal' que añade el mu-plugin al . La plantilla page-with-title coloca el post-content justo detrás del hero sin padding vertical. El resto de páginas no lo nota porque sus patrones de Extendify traen padding propio; estas son texto corrido y quedaban con el primer párrafo pegado a la imagen. Damos el aire aquí en vez de en la plantilla para no alterar Servicios y compañía, que sí dependen de ese margen cero. ------------------------------------------------------------------ */ .esdd-legal .wp-block-post-content { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); } /* En móvil el contenido constrained llega a tocar el borde de la pantalla. */ @media (max-width: 781px) { .esdd-legal .wp-block-post-content { padding-left: var(--wp--preset--spacing--30); padding-right: var(--wp--preset--spacing--30); } } /* Las tablas de finalidades y de cookies tienen 3-4 columnas y desbordan en pantallas estrechas: que scrollen ellas y no la página entera. */ .esdd-legal .wp-block-table { overflow-x: auto; } /* Aire por encima de cada apartado numerado, para que se lean como secciones y no como un muro de texto. */ .esdd-legal .wp-block-post-content h2 { margin-top: var(--wp--preset--spacing--40); }