/* Theme Name: Twenty Twenty-Five Hijo Theme URI: https://desdelaraiz.ar Description: Tema hijo para el tema Twenty Twenty-Five Author: Desde la raiz Author URI: https://desdelaraiz.ar Template: twentytwentyfive Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyfive-child */ /* ============================================================ CSS del tema hijo de Desde la raíz ------------------------------------------------------------ Este archivo NO se carga solo: lo encola functions.php (función dlr_encolar_estilos_hijo, prioridad 20). ⚠️ El CSS real del sitio son ~57 KB dentro de "CSS adicional" de los estilos globales (wp_global_styles, post 6428), con más de 800 !important. Este archivo es el destino de esa migración: cada bloque que se traiga aquí se BORRA de la BD en la misma operación, para no tener la misma regla viva en dos sitios ni tener que pelear con !important. Copia de referencia: docs/plantillas-bd/prod/wp_global_styles--6428--*.css ============================================================ */ /* Marcador de verificación del encolado. Si en el navegador :root tiene --dlr-child-css, este archivo está cargando. */ :root { --dlr-child-css: activo; } /* ============================================================================ CSS MIGRADO DESDE LA BASE DE DATOS · 2026-08-05 ---------------------------------------------------------------------------- Todo lo que sigue vivía en "CSS adicional" del editor de estilos de FSE, es decir dentro de wp_global_styles (post 6428). Se servía EN LÍNEA en cada página: 57 KB que viajaban en cada visita y que el navegador no podía cachear nunca. Aquí es un archivo con caché de un mes. Se movió TAL CUAL, sin reordenar ni reescribir nada, para que las relaciones de cascada entre estas reglas sean idénticas a las que había. Sobre el cambio de posición en el : antes iba en global-styles (posición 20), ahora va en dlr-child-style (la última). Eso solo importa para las declaraciones SIN !important, que son 124 de 905 (14%). Se revisaron las 56 reglas que las contienen: solo 5 tienen selectores que podrían coincidir con CSS que WordPress emite después, y ninguna colisiona en la misma propiedad (son bordes, scroll-snap y z-index sobre selectores propios). Por eso el movimiento es seguro. ⚠️ La versión de la BD quedó VACÍA. Si alguien vuelve a escribir en Apariencia → Estilos → CSS adicional, ese CSS se cargará ANTES que este archivo y con menos prioridad. El sitio para editar CSS es este archivo. Deuda pendiente, para cuando haya tiempo: 807 !important y una decena de secciones de parches acumulados. Ahora que está en git se puede limpiar por partes y con diff, que antes era imposible. ============================================================================ */ /* 1. CONFIGURACIÓN DEL CONTENEDOR PRINCIPAL */ .entry-content { max-width: 1200px !important; margin: 0 auto !important; padding: 20px 2.5% !important; } /* Forzar que el contenido de WP respete el ancho total */ .entry-content > * { max-width: 100% !important; width: 100% !important; } /* 2. RESET Y ESTRUCTURA DE LA LISTA (UL) */ ul.wp-block-latest-posts { display: grid !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 50px 0 !important; list-style: none !important; box-sizing: border-box !important; } /* 3. GRILLAS EN DESKTOP (Min-width 769px) */ @media (min-width: 769px) { /* Hero: 2 columnas */ ul.wp-block-latest-posts.columns-2 { grid-template-columns: 1fr 1fr !important; column-gap: 45px !important; } /* Grilla: 3 columnas */ ul.wp-block-latest-posts.columns-3 { grid-template-columns: 1fr 1fr 1fr !important; column-gap: 35px !important; } /* Aumento de tamaño de títulos en Desktop */ ul.wp-block-latest-posts.columns-2 .wp-block-latest-posts__post-title { font-size: 3.2rem !important; /* Más impacto en principales */ } ul.wp-block-latest-posts.columns-3 .wp-block-latest-posts__post-title { font-size: 1.8rem !important; /* Más presencia en grilla */ } } /* 4. COMPORTAMIENTO DE LOS ARTÍCULOS (LI) */ ul.wp-block-latest-posts li { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; overflow: hidden; } /* 5. IMÁGENES AL 100% */ .wp-block-latest-posts__featured-image { width: 100% !important; margin: 0 0 18px 0 !important; } .wp-block-latest-posts__featured-image img { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; object-fit: cover !important; display: block !important; } /* 6. TIPOGRAFÍA EDITORIAL (OSWALD BLACK) */ .wp-block-latest-posts__post-title, .wp-block-latest-posts__post-title a { font-family: 'Oswald', sans-serif !important; font-weight: 900 !important; /* Estilo Black */ text-transform: uppercase !important; text-decoration: none !important; line-height: 1.05 !important; margin-bottom: 12px !important; color: #000 !important; letter-spacing: -0.5px !important; } /* Efecto hover en títulos */ .wp-block-latest-posts__post-title a:hover { color: #3265a9 !important; } /* Botón Leer más */ .wp-block-latest-posts__read-more { display: inline !important; white-space: nowrap !important; background: none !important; color: #000 !important; padding: 0 !important; font-weight: 400 !important; text-transform: none !important; font-size: 1rem !important; width: auto !important; margin-top: 0 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* Acento azul bajo el Hero */ ul.wp-block-latest-posts.columns-2 li { border-bottom: 8px solid #3265a9; padding-bottom: 25px !important; } /* 7. RESPONSIVE MOBILE (Max-width 768px) */ @media (max-width: 768px) { ul.wp-block-latest-posts { grid-template-columns: 1fr !important; row-gap: 45px !important; } .wp-block-latest-posts__post-title { font-size: 2.1rem !important; } /* Espaciado lateral para el texto en mobile */ .wp-block-latest-posts__post-title, .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { padding-left: 15px !important; padding-right: 15px !important; } } /* --- ESTILO EDITORIAL PARA EL HEADER --- */ /* ============================================================ HEADER COMPLETO: DESDE LA RAÍZ (ESTILO EDITORIAL) ============================================================ */ header.wp-block-template-part { background-color: #000 !important; color: #fff !important; padding: 0 !important; border-bottom: 1px solid #222; } /* --- FILA 1: FECHA Y BUSCADOR --- */ header.wp-block-template-part > .wp-block-group:first-of-type { display: flex !important; align-items: center !important; /* Centrado vertical de la lupa */ justify-content: space-between !important; padding: 8px 25px !important; border-bottom: 1px solid #111; background-color: #080808; min-height: 40px !important; } header.wp-block-template-part p { margin: 0 !important; font-size: 11px !important; color: #888 !important; text-transform: uppercase; letter-spacing: 1px; } /* Buscador (Solo Icono) */ .wp-block-search.wp-block-search__button-only { margin: 0 !important; display: flex !important; align-items: center !important; } .wp-block-search__inside-wrapper { display: flex !important; align-items: center !important; } .wp-block-search__button { background: transparent !important; border: none !important; padding: 0 !important; display: flex !important; align-items: center !important; } .wp-block-search__button svg { fill: #fbb915 !important; width: 20px !important; height: 20px !important; } /* --- FILA 2: LOGO + TITULO + MENÚ --- */ header.wp-block-template-part > .wp-block-group:last-of-type { display: flex !important; align-items: center !important; /* Alinea logo/título con el menú */ justify-content: space-between !important; padding: 12px 25px !important; flex-wrap: nowrap !important; } /* Agrupación Logo e Icono */ .wp-block-site-title { margin: 0 !important; line-height: 1 !important; display: flex !important; align-items: center !important; /* Centrado vertical interno */ gap: 12px !important; } .wp-block-image { margin: 0 !important; display: flex !important; align-items: center !important; } .wp-block-image img { width: 50px !important; /* Tamaño ajustado DLR */ height: auto !important; } .wp-block-site-title a { font-family: 'Oswald', sans-serif !important; font-weight: 900 !important; font-size: 26px !important; color: #fff !important; text-transform: uppercase !important; letter-spacing: -1px !important; } /* --- NAVEGACIÓN DESKTOP --- */ .wp-block-navigation { margin: 0 !important; } .wp-block-navigation__container { gap: 25px !important; align-items: center !important; } .wp-block-navigation-item__label { font-family: 'Roboto', sans-serif !important; font-size: 14px !important; /* Menú más grande en Desktop */ font-weight: 700 !important; color: #fff !important; text-transform: uppercase !important; } /* --- MOBILE (AJUSTES) --- */ @media (max-width: 768px) { /* Fila exterior: logo+título a la izquierda, hamburguesa a la derecha */ header.wp-block-template-part > .wp-block-group:last-of-type { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; padding: 10px 15px !important; } /* Grupo interior: logo imagen + nombre del sitio en la misma fila */ header.wp-block-template-part > .wp-block-group:last-of-type > .wp-block-group { flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 10px !important; } .wp-block-site-title a { font-size: 19px !important; white-space: nowrap !important; } .wp-block-image img { width: 36px !important; flex-shrink: 0 !important; } /* Hamburguesa Mobile */ .wp-block-navigation__responsive-container-open svg { fill: #fff !important; width: 28px !important; height: 28px !important; } } /* 1. FONDO DEL MENÚ MÓVIL (MODAL) */ .wp-block-navigation__responsive-container.is-menu-open { background-color: #000 !important; /* Fondo negro sólido */ color: #fff !important; z-index: 999999 !important; } /* 2. ESTILO DE LOS LINKS EN EL MENÚ ABIERTO */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label { font-family: 'Oswald', sans-serif !important; font-weight: 900 !important; text-transform: uppercase !important; font-size: 1.8rem !important; /* Tamaño grande tipo editorial */ color: #fff !important; display: block; padding: 10px 0; } /* 3. BOTÓN DE CERRAR (La X) */ .wp-block-navigation__responsive-container-close { color: #fff !important; top: 20px !important; right: 20px !important; } .wp-block-navigation__responsive-container-close svg { fill: #fff !important; width: 35px !important; height: 35px !important; } /* 4. ALINEACIÓN DEL CONTENIDO */ .wp-block-navigation__responsive-container-content { padding-top: 80px !important; /* Espacio para que la X no tape el primer link */ display: flex !important; flex-direction: column !important; align-items: center !important; /* Centrado clásico de revista */ text-align: center !important; } /* 5. ITEM "SUSCRIBITE" DESTACADO EN MOBILE */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__label { color: #fbb915 !important; /* Amarillo de marca para resaltar */ } /* --- PULIDO FINAL MENÚ MOBILE --- */ /* 1. Quitar el recuadro blanco de los items (enfocado actual) */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { border: none !important; box-shadow: none !important; outline: none !important; } /* 2. Ajustar el espaciado para que sea más touch-friendly */ .wp-block-navigation__responsive-container.is-menu-open ul { gap: 30px !important; /* Más espacio entre palabras */ } /* 3. Animación suave al abrir (opcional) */ .wp-block-navigation__responsive-container.is-menu-open { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* 4. Asegurar que la X de cerrar no se mueva */ .wp-block-navigation__responsive-container-close { padding: 20px !important; } /* --- PULIDO FINAL MENÚ MOBILE --- */ /* 1. Quitar el recuadro blanco de los items (enfocado/actual) */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { border: none !important; box-shadow: none !important; outline: none !important; } /* 2. Ajustar el espaciado para que sea más "touch-friendly" */ .wp-block-navigation__responsive-container.is-menu-open ul { gap: 30px !important; /* Más espacio entre palabras */ } /* 3. Animación suave al abrir (opcional) */ .wp-block-navigation__responsive-container.is-menu-open { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* 4. Asegurar que la X de cerrar no se mueva */ .wp-block-navigation__responsive-container-close { padding: 20px !important; } /* 1. RESET PARA DESKTOP (Evita que el menú se desplace hacia abajo) */ @media (min-width: 769px) { .wp-block-navigation__responsive-container-content { padding-top: 0 !important; /* Eliminamos el empuje de 80px */ display: flex !important; flex-direction: row !important; /* Volvemos a poner los items en fila */ align-items: center !important; } } /* 2. MANTENER SOLO PARA MOBILE CUANDO ESTÁ ABIERTO */ @media (max-width: 768px) { .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 80px !important; /* Solo aquí es necesario para no tapar la X */ display: flex !important; flex-direction: column !important; align-items: center !important; } } /* --- ESTILO EDITORIAL FOOTER: DESDE LA RAÍZ --- */ footer.wp-block-template-part { background-color: #000 !important; /* Negro absoluto */ color: #ffffff !important; padding: 60px 2.5% 40px 2.5% !important; border-top: 1px solid #222; /* Línea sutil superior */ } /* 1. ESTRUCTURA Y ALINEACIÓN */ footer .wp-block-columns { align-items: flex-start !important; gap: 50px !important; } /* 2. TEXTOS E INFORMACIÓN */ footer p { font-family: 'Roboto', sans-serif !important; font-size: 12px !important; color: #666 !important; /* Gris oscuro para datos secundarios */ margin-bottom: 12px !important; text-transform: uppercase; letter-spacing: 0.5px; } /* 3. MENÚ DE CATEGORÍAS (Estilo Anfibia) */ footer .wp-block-navigation { margin-bottom: 25px !important; } footer .wp-block-navigation__container { gap: 0 !important; /* Usamos bordes para separar */ display: flex; flex-wrap: wrap; } footer .wp-block-navigation-item__label { font-family: 'Oswald', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 14px !important; color: #fff !important; padding: 0 15px !important; border-right: 1px solid #333; /* Separador vertical */ } footer .wp-block-navigation-item:first-child .wp-block-navigation-item__label { padding-left: 0 !important; } footer .wp-block-navigation-item:last-child .wp-block-navigation-item__label { border-right: none !important; } /* 4. COLUMNA DERECHA: LOGO Y REDES */ footer .wp-block-column:last-child { display: flex !important; flex-direction: column !important; align-items: flex-end !important; /* Alinea todo a la derecha en desktop */ } footer .wp-block-site-logo { margin-bottom: 20px !important; } footer .wp-block-site-logo img { width: 70px !important; height: auto !important; } /* 5. ICONOS SOCIALES (Ajuste Quirúrgico) */ .wp-block-social-links { gap: 15px !important; } .wp-block-social-links .wp-social-link { background-color: transparent !important; /* Sin círculos de fondo */ padding: 0 !important; transition: transform 0.2s ease-in-out; } .wp-block-social-links .wp-social-link:hover { transform: translateY(-3px); /* Pequeño salto al pasar el mouse */ } .wp-block-social-links .wp-social-link svg { fill: #fff !important; /* Iconos blancos por defecto */ width: 22px !important; height: 22px !important; transition: fill 0.3s ease; } .wp-block-social-links .wp-social-link:hover svg { fill: #fbb915 !important; /* Amarillo de marca en hover */ } /* 6. RESPONSIVE MOBILE */ /* --- AJUSTE FINO FOOTER MOBILE --- */ @media (max-width: 768px) { /* 1. CENTRADO DE COLUMNAS */ footer.wp-block-template-part .wp-block-columns { flex-direction: column !important; align-items: center !important; /* Centra las columnas entre sí */ text-align: center !important; gap: 40px !important; } /* 2. CENTRADO DE LA SEGUNDA COLUMNA (LOGO Y REDES) */ footer.wp-block-template-part .wp-block-column:last-child { display: flex !important; flex-direction: column !important; align-items: center !important; /* Centra el logo y las redes horizontalmente */ justify-content: center !important; width: 100% !important; flex-basis: auto !important; } /* 3. AJUSTE DE ICONOS SOCIALES */ footer .wp-block-social-links { justify-content: center !important; /* Centra los iconos de IG, TikTok, X */ margin-top: 20px !important; width: 100% !important; } /* 4. AJUSTE DEL LOGO */ footer .wp-block-site-logo { margin: 0 auto !important; /* Asegura el centrado del contenedor del logo */ display: flex !important; justify-content: center !important; } footer .wp-block-site-logo img { width: 100px !important; /* Un poco más grande para que destaque en mobile */ margin: 0 auto !important; } /* 5. MENÚ DE CATEGORÍAS EN MOBILE */ footer .wp-block-navigation__container { justify-content: center !important; gap: 10px 20px !important; /* Espacio entre filas y columnas de links */ } footer .wp-block-navigation-item__label { border-right: none !important; /* Quitamos la rayita en mobile para centrar mejor */ padding: 5px 0 !important; font-size: 16px !important; /* Un toque más legible */ } } /* ============================================================ ESTILO DE ENTRADA: DESDE LA RAÍZ (INSPIRACIÓN ANFIBIA) ============================================================ */ /* 1. CONTENEDOR GENERAL */ main#wp--skip-link--target { background-color: #fff !important; padding-bottom: 80px !important; } /* 2. TAG DE CATEGORÍA (Estilo Etiqueta) */ ul.wp-block-categories-list { list-style: none !important; padding: 0 !important; margin: 40px auto 20px auto !important; display: flex !important; justify-content: center !important; } ul.wp-block-categories-list li a { background-color: #3265a9 !important; /* Azul de marca */ color: #fff !important; font-family: 'Oswald', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 12px !important; padding: 5px 12px !important; text-decoration: none !important; letter-spacing: 1px !important; transition: background 0.3s; } ul.wp-block-categories-list li a:hover { background-color: #fbb915 !important; /* Amarillo en hover */ color: #000 !important; } /* 3. TÍTULO (H1) - Impacto Black */ .wp-block-post-title { font-family: 'Oswald', sans-serif !important; font-weight: 900 !important; font-size: clamp(2.5rem, 6vw, 4.5rem) !important; /* Fluido según pantalla */ line-height: 0.9 !important; text-transform: uppercase !important; max-width: 900px !important; margin: 0 auto 30px auto !important; letter-spacing: -2px !important; } /* 4. BAJADA (Excerpt) */ .wp-block-post-excerpt { max-width: 700px !important; margin: 0 auto 40px auto !important; font-family: 'Roboto', sans-serif !important; font-size: 20px !important; line-height: 1.4 !important; color: #444 !important; } /* 5. AUTOR Y DATA */ .wp-container-core-group-is-layout-aa781d79 { border-top: 1px solid #eee; padding-top: 20px !important; gap: 10px !important; } .wp-block-post-author-name a { font-weight: 700 !important; color: #000 !important; text-transform: uppercase !important; font-size: 13px !important; } /* 6. IMAGEN DESTACADA (Full Width pero contenida) */ .wp-block-post-featured-image { margin: 50px 0 !important; width: 100% !important; max-height: 70vh !important; /* Para que no ocupe más de la pantalla inicial */ } /* 7. CUERPO DE TEXTO (Lectura enfocada) */ /* 1. ESTILO SOLO PARA EL CUERPO DE LAS NOTAS (LECTURA) */ .single-post .entry-content.wp-block-post-content { max-width: 700px !important; margin: 0 auto !important; font-family: 'Roboto', sans-serif !important; font-size: 18px !important; line-height: 1.8 !important; color: #222 !important; } /* 2. RESET PARA LA HOME Y OTRAS PÁGINAS */ /* Esto asegura que la Home recupere su ancho total o el de su contenedor original */ .home .entry-content.wp-block-post-content { max-width: none !important; font-size: inherit !important; } /* Capitular (La primera letra más grande) - Estilo Revista */ .entry-content > p:first-of-type::first-letter { font-family: 'Oswald', sans-serif !important; font-weight: 900 !important; font-size: 4rem !important; float: left !important; line-height: 0.8 !important; margin-right: 10px !important; color: #3265a9 !important; } /* Estilo para el texto en cursiva (itálica) del inicio .entry-content p em { display: block !important; font-size: 22px !important; color: #555 !important; border-left: 4px solid #fbb915; padding-left: 20px !important; margin: 30px 0 !important; font-style: italic !important; }*/ /* Responsive */ @media (max-width: 768px) { .wp-block-post-title { font-size: 2.5rem !important; } .entry-content.wp-block-post-content { padding: 0 20px !important; } } /* ========================================================================== PÁGINA DE NOTAS - COMPILADO FINAL (ESTILO EDITORIAL COMPACTO) ========================================================================== */ /* 1. TÍTULO DE LA SECCIÓN (NOTAS) */ .wp-block-heading.has-text-align-center { font-family: 'Oswald', sans-serif !important; font-size: 3.5rem !important; font-weight: 700 !important; letter-spacing: -2px !important; text-transform: uppercase !important; margin-bottom: 15px !important; color: #000 !important; } /* 1b. TÍTULO DE ARCHIVO, AUTOR Y BÚSQUEDA Estas páginas usan el bloque "Título de la consulta", que renderiza un

y NO recibe la clase wp-block-heading, así que no heredaba el estilo de arriba y se veía con otra tipografía y tamaño. Se le da el mismo aspecto que el "NOTAS" de /notas/ para que las tres páginas se vean iguales. (Pedido 2 de Lucas, 2026-08-05.) */ .wp-block-query-title { font-family: 'Oswald', sans-serif !important; font-size: 3.5rem !important; font-weight: 700 !important; letter-spacing: -2px !important; text-transform: uppercase !important; margin-bottom: 15px !important; color: #000 !important; text-align: center !important; } /* 2. MENÚ DE CATEGORÍAS (ESTILO ANFIBIA) */ nav.wp-block-navigation[aria-label="Categorias_menu"] { border-top: 2px solid #000 !important; border-bottom: 2px solid #000 !important; padding: 8px 0 !important; margin-bottom: 30px !important; background-color: transparent !important; } nav.wp-block-navigation[aria-label="Categorias_menu"] .wp-block-navigation-item__label { font-family: 'Oswald', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #000 !important; } /* 3. GRILLA Y TARJETAS (CARDS) */ .wp-block-post-template.is-layout-grid { gap: 25px !important; } .wp-block-post > .wp-block-group { padding: 15px !important; } /* 4. IMAGEN DESTACADA (CORRECCIÓN DE MARGEN DE 50PX) */ .wp-block-post-featured-image { /* Reducimos el margen superior de 50px a 0 para compactar la entrada */ margin: 0 0 12px 0 !important; width: 100% !important; max-height: 70vh !important; } .wp-block-post-featured-image img { border-radius: 0 !important; aspect-ratio: 3/2; object-fit: cover; } /* 5. TÍTULOS DE NOTAS Y FECHA */ .wp-block-post-date { font-family: 'Oswald', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; color: #888 !important; margin-bottom: 5px !important; } .wp-block-post-title { margin-bottom: 10px !important; } .wp-block-post-title a { font-family: 'Oswald', sans-serif !important; font-weight: 700 !important; font-size: 1.8rem !important; line-height: 1.1 !important; text-transform: uppercase !important; color: #000 !important; display: block; text-decoration: none !important; } /* 6. EXTRACTO (EXCERPT) */ .wp-block-post-excerpt { max-width: 100% !important; margin: 0 0 12px 0 !important; font-family: 'Roboto', sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; color: #444 !important; } /* 7. CRÉDITOS DE AUTOR (ACF) */ .seccion-autor { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px 12px !important; margin: 12px 0 0 0 !important; padding: 12px 0 0 0 !important; border-top: 1px solid #eee !important; } .seccion-autor br, .seccion-autor p { display: none !important; } .credito-bloque { display: inline-flex !important; align-items: center !important; font-family: 'Roboto', sans-serif !important; font-size: 12px !important; color: #333 !important; line-height: 1 !important; } .etiqueta-rol { font-family: 'Oswald', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; color: #3265a9 !important; font-size: 10px !important; margin-right: 5px !important; } .separador { color: #ccc !important; font-size: 18px !important; font-weight: 200 !important; display: inline-flex !important; align-items: center !important; } /* 8. RESPONSIVE */ @media (max-width: 768px) { .wp-block-post-title a { font-size: 1.5rem !important; } .wp-block-heading.has-text-align-center { font-size: 2.5rem !important; } .wp-block-query-title { font-size: 2.5rem !important; } .seccion-autor { gap: 10px !important; } .separador { display: none !important; } } /* ========================================================================== SECCIÓN SUSCRIPCIÓN - RESET Y DISEÑO FINAL ========================================================================== */ /* 1. RESET TOTAL DE LETRA CAPITAL Y ESTILOS DE PÁRRAFO */ .entry-content p::first-letter, .entry-content p.has-drop-cap:not(:focus)::first-letter, .wp-block-post-content p::first-letter, .entry-content > p:first-of-type::first-letter { float: none !important; font-size: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; font-weight: inherit !important; color: inherit !important; text-transform: none !important; font-family: 'Roboto', sans-serif !important; } /* 2. TEXTO DE INTRODUCCIÓN Aquí había un bloque ".entry-content p { ... }" que NO hacía nada: más abajo, en "CORRECCIÓN DE CUERPO DE TEXTO EN ENTRADAS", hay otro con el mismo selector y las mismas 7 propiedades, y al ir después ganaba en todo (entre otras cosas cambiaba el text-align de center a left, que es lo que se ve hoy). Se elimina porque era una trampa: quien editara este bloque no vería ningún efecto. Los párrafos se estilan en ese único sitio, más abajo. (Limpieza 2026-08-05.) */ /* Título superior "¿Por qué importa...?" */ .home .entry-content h2:first-of-type { font-family: 'Oswald', sans-serif !important; font-size: 3rem !important; font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; letter-spacing: -1.5px !important; margin: 40px auto 20px auto !important; line-height: 1 !important; } /* 3. CONTENEDOR DE TARJETAS (PRICING) */ .wp-block-columns.alignwide { max-width: 1100px !important; margin: 50px auto !important; gap: 20px !important; /* Espacio real entre tarjetas */ display: flex !important; } .wp-block-column { border: 3px solid #000 !important; /* Estilo Gritera */ padding: 30px 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; /* Empuja el botón al fondo */ min-height: 320px !important; /* Altura ajustada para que no sea un tubo largo */ border-radius: 0 !important; margin-bottom: 0 !important; } /* 4. TÍTULOS DENTRO DE LAS TARJETAS */ .wp-block-column h2, .wp-block-column h2 strong { font-family: 'Oswald', sans-serif !important; font-size: 24px !important; /* Tamaño legible */ line-height: 1.1 !important; text-align: center !important; text-transform: uppercase !important; margin: 0 0 15px 0 !important; min-height: 60px !important; /* Espacio reservado para el texto */ display: flex !important; align-items: center !important; justify-content: center !important; border: none !important; } /* 5. SEPARADORES Y BOTONES */ .wp-block-separator { border: none !important; border-top: 2px solid #000 !important; opacity: 1 !important; margin: 10px auto 20px auto !important; width: 40% !important; } .wp-block-button { width: 100% !important; margin: 0 !important; } .wp-block-button__link { font-family: 'Oswald', sans-serif !important; font-size: 20px !important; font-weight: 700 !important; text-transform: uppercase !important; background-color: #000 !important; color: #fff !important; border-radius: 0 !important; padding: 12px 10px !important; border: 2px solid #000 !important; width: 100% !important; display: block !important; text-align: center !important; transition: all 0.2s ease !important; } .wp-block-button__link:hover { background-color: #fff !important; color: #000 !important; } /* 6. RESPONSIVE */ @media (max-width: 768px) { .wp-block-columns.alignwide { flex-direction: column !important; } .wp-block-column { min-height: auto !important; margin-bottom: 20px !important; } .entry-content h2:first-of-type { font-size: 2.2rem !important; } } /* Solo aplica este estilo a las columnas que están DENTRO de un grupo de botones (como el pricing) */ .wp-block-buttons + .wp-block-columns .wp-block-column, .entry-content .wp-block-columns .wp-block-column { border: 3px solid #000 !important; padding: 30px 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-height: 320px !important; border-radius: 0 !important; margin-bottom: 0 !important; } /* RESET PARA EL FOOTER: Esto asegura que el footer ignore las reglas de arriba */ footer .wp-block-column { border: none !important; padding: 0 !important; display: block !important; min-height: auto !important; background: transparent !important; } .menu-substack a { background-color: #3265a9 !important; /* Azul DLR */ color: #fff !important; border-radius: 0px !important; padding: 8px 15px !important; font-family: 'Oswald', sans-serif !important; text-transform: uppercase; } .menu-substack a:hover { background-color: #000 !important; } /* DESTACADO DEL BOTÓN SUSCRIBITE EN EL MENÚ */ .wp-block-navigation-item.wp-block-navigation-link:has(a[href*="/suscribite/"]) a { background-color: #3265a9 !important; /* El azul de Desde la Raíz */ color: #ffffff !important; padding: 10px 22px !important; border-radius: 0px !important; /* Manteniendo la estética de bloques */ font-family: 'Oswald', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; transition: all 0.3s ease !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; } .wp-block-navigation-item.wp-block-navigation-link:has(a[href*="/suscribite/"]) a:hover { background-color: #000000 !important; transform: scale(1.05); /* Un pequeño pulso al pasar el mouse */ } /* Ajuste para que el texto no quede pegado en mobile */ @media (max-width: 768px) { .wp-block-navigation-item.wp-block-navigation-link:has(a[href*="/suscribite/"]) { margin-top: 15px !important; margin-bottom: 10px !important; } } /* ALINEACIÓN DE CRÉDITOS Y EXTRACTO */ /* 1. Aseguramos que el extracto y los créditos compartan el mismo centrado */ .wp-block-post-excerpt, .seccion-autor { text-align: center !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; } /* 2. Ajuste del contenedor de créditos para que sea un bloque centrado */ .seccion-autor { display: flex !important; flex-wrap: wrap !important; gap: 5px 10px !important; padding: 10px 0 !important; border-top: 1px solid #eee; /* Una línea sutil para separar del extracto */ margin-top: 15px !important; } /* 3. Limpieza de márgenes del párrafo del extracto */ .wp-block-post-excerpt__excerpt { margin-bottom: 0 !important; line-height: 1.6 !important; } /* 4. Estética de las etiquetas para que luzcan editorialmente limpias */ .etiqueta-rol { font-family: 'Oswald', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; color: #3265a9 !important; font-weight: 700 !important; } /* AJUSTE DE TAMAÑO DEL EXTRACTO */ .wp-block-post-excerpt__excerpt { font-size: 1.2rem !important; /* Aumenta el tamaño (puedes probar con 20px también) */ line-height: 1.7 !important; /* Da más aire entre líneas para legibilidad */ color: #333 !important; /* Un gris oscuro casi negro para que tenga fuerza */ margin-bottom: 15px !important; } /* OPCIONAL: Si querés que el extracto sea un poco más ancho o angosto */ .wp-block-post-excerpt { max-width: 850px !important; margin: 0 auto !important; } /* ALINEACIÓN NOTAS - CORRECCIÓN DE EXTRACTO */ /* 1. Forzamos la alineación a la izquierda para el cuerpo del extracto en las grillas */ .wp-block-post-excerpt__excerpt { text-align: left !important; /* Cambiar a 'justify' si prefieres bloques parejos */ margin-left: 0 !important; margin-right: 0 !important; display: block !important; } /* 2. Mantenemos los créditos con una alineación coherente */ .seccion-autor { justify-content: flex-start !important; /* Alinea los créditos a la izquierda con el texto */ text-align: left !important; margin-top: 15px !important; padding-top: 10px !important; border-top: 1px solid #eee; } /* 3. Ajuste de jerarquía para el contenedor del bloque */ .wp-block-post-excerpt { text-align: left !important; } /* --- ESTILO ELEGANTE PARA AUTOR NATIVO --- */ /* Contenedor principal del autor */ .wp-block-post-author, .wp-block-latest-posts__post-author { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 15px !important; font-family: 'Roboto', sans-serif !important; transition: all 0.3s ease; } /* Estilo del Avatar (Imagen circular y pequeña) */ .wp-block-post-author__avatar img, .wp-block-latest-posts__post-author img { border-radius: 50% !important; border: 2px solid #eee !important; width: 32px !important; height: 32px !important; object-fit: cover !important; } /* Nombre del autor */ .wp-block-post-author__name, .wp-block-latest-posts__post-author { font-size: 13px !important; font-weight: 500 !important; color: #444 !important; text-transform: none !important; } /* Prefijo "por" o "Escribe" (opcional para dar contexto) */ .wp-block-post-author__name::before { content: "Escribe: "; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 10px; color: #3265a9; font-weight: 700; margin-right: 4px; } /* --- ESTILO PARA LA FECHA --- */ .wp-block-post-date, .wp-block-latest-posts__post-date { display: block !important; font-family: 'Oswald', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; color: #999 !important; letter-spacing: 1px !important; margin-bottom: 8px !important; } /* Ajuste específico para que la fecha no se pegue al título */ .wp-block-latest-posts__post-date { margin-top: 5px !important; } /* REDUCIR ESPACIO DEL AVATAR Y ALINEAR */ .wp-block-post-author__avatar { margin-right: 0px !important; /* Espacio corto y elegante */ } .wp-block-post-author { display: flex !important; align-items: center !important; margin-bottom: 20px !important; } .wp-block-post-author__name { margin: 0 !important; line-height: 1 !important; } /* FECHA MINIMALISTA */ .wp-block-post-date, .wp-block-latest-posts__post-date { display: block !important; font-family: 'Oswald', sans-serif !important; font-size: 11px !important; text-transform: uppercase !important; color: #999 !important; letter-spacing: 1px !important; margin-bottom: 5px !important; } /* NOMBRE DE AUTOR ELEGANTE */ .wp-block-post-author__name, .wp-block-latest-posts__post-author { font-size: 14px !important; font-weight: 500 !important; color: #333 !important; } /* EL "ESCRIBE" EN AZUL */ .wp-block-post-author__name::before { content: "ESCRIBE: "; font-family: 'Oswald', sans-serif; font-size: 10px; color: #3265a9; font-weight: 700; margin-right: 5px; } /* ALINEACIÓN DE EXTRACTO EN NOTAS */ .single-post .wp-block-post-excerpt, .single-post .wp-block-post-excerpt__excerpt { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } /* Tamaño del extracto para la reunión */ .wp-block-post-excerpt__excerpt { font-size: 1.15rem !important; line-height: 1.6 !important; color: #444 !important; } /* CENTRADO DE EXTRACTO EN ENTRADA INDIVIDUAL */ .single-post .wp-block-post-excerpt, .single-post .wp-block-post-excerpt__excerpt { text-align: center !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width: 800px !important; /* Mantiene una línea de lectura cómoda */ } /* AJUSTE DE ESPACIADO DEL AUTOR (PARA QUE NO EMPUJE) */ .wp-block-post-author__avatar { margin-right: 10px !important; /* Reduce el espacio naranja que vimos en la captura */ } .wp-block-post-author { justify-content: center !important; /* Centra el bloque de autor con el extracto */ margin-top: 20px !important; } /* REFINAMIENTO DE LA FECHA */ .wp-block-post-date { margin-bottom: 10px !important; } /* CENTRADO DE AUTOR SOLO EN ENTRADA INDIVIDUAL */ .single-post .wp-block-post-author { justify-content: center !important; /* Centra el contenido (avatar + nombre) */ text-align: center !important; margin-left: auto !important; margin-right: auto !important; padding-bottom: 20px !important; /* Espacio antes de la imagen principal */ } /* ELIMINAR EL MARGEN DERECHO DEL AVATAR PARA UN CENTRADO PERFECTO */ .single-post .wp-block-post-author__avatar { margin-right: 10px !important; } /* CENTRADO DE LA FECHA EN LA ENTRADA */ .single-post .wp-block-post-date { text-align: center !important; } /* CENTRADO INTEGRAL DEL BLOQUE DE AUTOR EN NOTAS */ .single-post .wp-block-post-author { display: flex !important; flex-direction: row !important; /* Mantiene imagen y texto en la misma línea */ justify-content: center !important; /* Centra el conjunto en el ancho de la página */ align-items: center !important; /* Centra verticalmente imagen y texto entre sí */ width: 100% !important; gap: 10px !important; /* Espacio controlado entre avatar y nombre */ margin: 20px auto !important; } /* ELIMINAR MÁRGENES RESIDUALES QUE DESPLAZAN EL CONTENIDO */ .single-post .wp-block-post-author__avatar { margin: 0 !important; /* Quita el margen derecho que empujaba el texto */ flex-shrink: 0 !important; } .single-post .wp-block-post-author__content { margin: 0 !important; text-align: left !important; /* El texto se alinea con el avatar, pero el bloque está centrado */ } /* CORRECCIÓN DE LA FECHA PARA QUE ACOMPAÑE EL CENTRADO */ .single-post .wp-block-post-date { text-align: center !important; width: 100% !important; } /* CENTRADO REAL DEL BLOQUE DE AUTOR EN NOTAS */ .single-post .wp-block-post-author { display: flex !important; flex-direction: row !important; justify-content: center !important; /* Mueve todo el grupo al centro */ align-items: center !important; /* Alinea imagen y texto verticalmente */ width: 100% !important; max-width: 100% !important; margin: 30px auto !important; /* Espaciado superior e inferior */ gap: 0 !important; /* Eliminamos gap para controlarlo con márgenes */ } /* AJUSTE DEL AVATAR */ .single-post .wp-block-post-author__avatar { margin: 0 12px 0 0 !important; /* Solo margen a la derecha para separar del nombre */ padding: 0 !important; flex-shrink: 0 !important; display: flex !important; } /* AJUSTE DEL CONTENIDO (NOMBRE) */ .single-post .wp-block-post-author__content { margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; } .single-post .wp-block-post-author__name { margin: 0 !important; text-align: left !important; /* El nombre se alinea a la derecha del avatar */ white-space: nowrap !important; /* Evita que el nombre salte de línea */ } /* CONTENEDOR DE CRÉDITOS */ .dlr-creditos-wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; /* Espacio entre items */ margin-top: 20px; padding-top: 15px; border-top: 1px solid #f0f0f0; } /* CADA BLOQUE (Escribe, Foto, etc) */ .dlr-credito-item { display: flex; align-items: baseline; gap: 6px; } /* ETIQUETA (POR:, FOTO:) */ .dlr-label { font-family: 'Oswald', sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 700; color: #3265a9; /* Tu azul institucional */ letter-spacing: 0.5px; } .dlr-label::after { content: ":"; } /* VALOR (EL NOMBRE) */ .dlr-value { font-family: 'Roboto', sans-serif; font-size: 13px; color: #444; font-weight: 400; } /* SEPARADOR SUTIL (OPCIONAL) */ .dlr-credito-item:not(:last-child)::after { content: "|"; color: #ddd; margin-left: 10px; font-weight: 300; } /* AJUSTE PARA MÓVILES */ @media (max-width: 600px) { .dlr-creditos-wrapper { gap: 5px; } .dlr-credito-item::after { display: none; /* Quitamos el palito en móvil para que fluyan mejor */ } } /* CONTENEDOR PRINCIPAL */ .dlr-creditos-wrapper { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 15px; margin-top: 15px; padding-top: 12px; border-top: 1px solid #b5500e; /* Línea sutil en color salmón de la marca */ } /* CADA BLOQUE DE CRÉDITO */ .dlr-credito-item { display: flex; align-items: center; gap: 6px; font-size: 13px; } /* ETIQUETAS (POR:, FOTO:, ARTE:) */ .dlr-label { font-family: 'Roboto', sans-serif !important; /* Usamos Roboto para que se vea más moderno y menos rígido */ font-size: 13px !important; font-weight: 300 !important; color: #b5500e !important; /* Color salmón suave de la referencia */ text-transform: capitalize !important; /* "Por:" en lugar de "POR:" para suavizar */ } .dlr-label::after { content: ":"; } /* NOMBRES */ .dlr-value { font-family: 'Roboto', sans-serif !important; font-weight: 700 !important; /* Negrita para los nombres, igual que la referencia */ color: #222 !important; letter-spacing: -0.2px; } /* SEPARADOR (La barra diagonal / de Anfibia) */ .dlr-credito-item:not(:last-child)::after { content: "/"; color: #222; margin-left: 10px; font-weight: 400; } /* ELIMINAR LOS BORDES GRISES SI QUEDARON DE PRUEBAS ANTERIORES */ .credito-bloque { border: none !important; } /* --- CONFIGURACIÓN GENERAL PARA NOTAS INDIVIDUALES --- */ /* Centramos el contenedor principal y aumentamos el margen */ .single-post .dlr-creditos-wrapper { justify-content: center !important; /* Centra los items horizontalmente */ margin: 30px auto !important; max-width: 800px; /* Alineado al ancho del texto de la nota */ padding-bottom: 15px; } /* Aumentamos el tamaño de la tipografía en la entrada individual */ .single-post .dlr-credito-item { font-size: 15px !important; /* Un poco más grande para destacar */ } .single-post .dlr-label { font-size: 15px !important; } .single-post .dlr-value { font-size: 15px !important; } /* --- REFINAMIENTO VISUAL ESTILO ANFIBIA --- */ /* El separador diagonal / estilo Anfibia */ .dlr-credito-item:not(:last-child)::after { content: "/"; color: #222; margin-left: 15px; font-weight: 400; } /* Etiquetas en salmón suave y nombres en negrita */ .dlr-label { font-family: 'Roboto', sans-serif !important; font-weight: 300 !important; color: #b5500e !important; text-transform: capitalize !important; } .dlr-label::after { content: ":"; } .dlr-value { font-family: 'Roboto', sans-serif !important; font-weight: 700 !important; color: #222 !important; } /* CORRECCIÓN DE CUERPO DE TEXTO EN ENTRADAS */ .entry-content p { max-width: 850px !important; margin: 0 auto 1.5rem auto !important; /* Mantiene el bloque de texto centrado en la pantalla */ text-align: left !important; /* El contenido interno se alinea a la izquierda */ font-family: 'Roboto', sans-serif !important; font-size: 18px !important; line-height: 1.6 !important; color: #222 !important; } /* ESPACIADO ENTRE PÁRRAFOS DEL CUERPO DE LA NOTA Pedido de Lucas (2026-08-05): "acomodar saltos entre párrafos de la nota, son muy grandes". El margen de 1.5rem de la regla de arriba se escribió para el texto de introducción de la PORTADA, pero .entry-content p arrastra también a todas las notas. Se acota con .single-post (la misma clase que ya usa este archivo para el cuerpo de lectura) para no tocar la portada. 1.5rem = 24px = 1,33 veces el tamaño de letra → 1rem = 16px = 0,89 veces. Sigue separando los párrafos con claridad y quita un tercio del hueco. El !important es inevitable mientras la regla de arriba lo lleve; desaparece cuando este bloque se migre al style.css del tema hijo. */ .single-post .entry-content p { margin-bottom: 1rem !important; } /* Opcional: Centrar solo los párrafos que sean citas o destacados si lo deseas */ .entry-content blockquote p { text-align: center !important; font-style: italic; } /* ================================================================= CÓDIGO MAESTRO FINAL: SLIDER FULL + MÁRGENES SEGUROS ================================================================= */ /* 1. SEGURO ANTI-SCROLL HORIZONTAL (CRÍTICO) */ html, body { overflow-x: hidden !important; max-width: 100% !important; width: 100% !important; margin: 0 !important; } /* 2. LIBERAR EL CONTENEDOR PRINCIPAL */ .entry-content, .entry-content.wp-block-post-content { padding: 0 !important; max-width: 100% !important; margin: 0 !important; overflow-x: hidden !important; /* Asegura que nada interno rompa el ancho */ } /* 3. CONTROL DE MÁRGENES PARA EL CONTENIDO (TEXTO, GRILLAS) */ /* Aplicamos esto a todo lo que NO sea el Slider */ .entry-content > *:not(.hero-slider) { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 20px !important; /* LA SOLUCIÓN AL SCROLL HORIZONTAL: */ box-sizing: border-box !important; /* Incluye el padding dentro del ancho */ padding-left: 20px !important; /* Margen seguro Móvil */ padding-right: 20px !important; } /* Margen extra solo en PC */ @media (min-width: 1024px) { .entry-content > *:not(.hero-slider) { padding-left: 40px !important; padding-right: 40px !important; } } /* 4. ESTRUCTURA DEL SLIDER (FULL WIDTH PERFECTO) */ .hero-slider { width: 100% !important; margin-bottom: 0 !important; position: relative !important; background-color: #000; } .hero-slider ul.wp-block-post-template { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory; margin: 0 !important; padding: 0 !important; list-style: none !important; height: 90vh !important; scrollbar-width: none; z-index: 1; } .hero-slider ul.wp-block-post-template::-webkit-scrollbar { display: none; } .hero-slider li.wp-block-post { flex: 0 0 100% !important; width: 100% !important; /* Usamos % en vez de vw para evitar conflictos de scrollbar */ height: 100% !important; scroll-snap-align: center; margin: 0 !important; padding: 0 !important; position: relative; } /* 5. DISEÑO VISUAL SLIDER (PC: CENTRADO) */ .hero-slider .wp-block-cover { height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .hero-slider .wp-block-cover__background { background-color: #000 !important; opacity: 0.3 !important; } .hero-slider .wp-block-cover__inner-container { width: 100% !important; max-width: 900px !important; text-align: center !important; z-index: 10; padding: 0 20px !important; box-sizing: border-box !important; } /* TÍTULOS */ .hero-slider .wp-block-post-title, .hero-slider .wp-block-post-title a { color: #ffffff !important; font-family: 'Oswald', sans-serif !important; font-size: clamp(2.5rem, 5vw, 4.5rem) !important; line-height: 0.95 !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; text-shadow: 0 4px 20px rgba(0,0,0,0.8) !important; margin-bottom: 10px !important; } /* FECHA */ .hero-slider .wp-block-post-date { color: #fbb915 !important; font-family: 'Oswald', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; margin-bottom: 15px !important; display: block !important; } /* 6. FLECHAS (VISIBLES Y FUNCIONALES) */ .slider-arrow { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; background: rgba(0,0,0,0.3) !important; border: 2px solid rgba(255,255,255,0.5) !important; color: #fff !important; width: 60px !important; height: 60px !important; cursor: pointer !important; z-index: 9999 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; transition: all 0.3s ease !important; } .slider-arrow:hover { background: #fbb915 !important; border-color: #fbb915 !important; color: #000 !important; } .prev-arrow { left: 30px !important; } .next-arrow { right: 30px !important; } /* 7. SLIDER EN MÓVIL — TEXTO SOBRE LA FOTO, COMO EN ESCRITORIO Pedido de Lucas (2026-08-05): "el titulo y la bajada en celular se ven fuera de la foto; deberia ser como se ve en la version escritorio". Aquí había un bloque titulado "CAJA NEGRA AUTOAJUSTABLE" que hacía justo lo contrario, y a propósito: sacaba la foto del fondo del cover y la ponía en flujo con aspect-ratio 4/3 (order: 1), escondía la capa de oscurecido y bajaba el texto a una caja negra debajo (order: 2). De ahí venía el título fuera de la foto. La corrección consiste sobre todo en NO sobrescribir: sin esos overrides, el cover vuelve a comportarse como en escritorio — foto de fondo a sangre, capa negra al 30 % para que el texto blanco se lea encima, y el texto centrado sobre la imagen. Se conservan solo dos ajustes propios del celular. */ @media (max-width: 768px) { /* Sin flechas: en el celular se navega deslizando, que el scroll-snap ya permite. */ .slider-arrow { display: none !important; } /* En escritorio el slider mide 90vh. En un celular en vertical eso recorta una foto horizontal hasta dejar una franja estrecha, así que se baja a 70vh: sigue siendo un hero grande y se ve bastante más de la foto. ⚠️ Este es EL valor a tocar si Lucas lo quiere más alto o más bajo. */ .hero-slider ul.wp-block-post-template { height: 70vh !important; } /* Título a escala de celular. Lo demás (blanco, sombra, centrado) se hereda del bloque de escritorio, y la sombra es lo que lo hace legible sobre cualquier foto. */ .hero-slider .wp-block-post-title, .hero-slider .wp-block-post-title a { font-size: 32px !important; } } /* --- ESTILO PARA LA FECHA DEL LAZY BLOCK --- */ .dlr-fecha-custom { font-family: 'Oswald', sans-serif; font-size: 14px; /* Un poco más grande que antes para legibilidad */ font-weight: 700; text-transform: uppercase; color: #000; /* Negro o gris oscuro */ text-align: center; /* Centrado igual que el extracto */ margin-bottom: 15px; /* Espacio antes de los créditos */ letter-spacing: 1px; padding-top: 10px; } /* Ajuste Mobile */ @media (max-width: 768px) { .dlr-fecha-custom { font-size: 12px; margin-bottom: 10px; } } /* ======================================================= PARCHE DE SEGURIDAD: ARREGLO DE FOTOS EN NOTAS ======================================================= */ /* Forzamos a que las imágenes dentro del contenido (entry-content) ignoren el tamaño de 50px del header y usen su tamaño real */ .entry-content .wp-block-image img, .wp-block-post-content .wp-block-image img { width: auto !important; /* Restablece el ancho natural */ max-width: 100% !important; /* Asegura que no se salgan del ancho de la nota */ height: auto !important; /* Mantiene la proporción correcta */ min-width: 0 !important; /* Evita comportamientos extraños en flexbox */ } /* Aseguramos que la figura que contiene la imagen también se comporte bien */ .entry-content .wp-block-image, .wp-block-post-content .wp-block-image { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* ======================================================= CORRECCIÓN DE LEYENDAS (CAPTION) EN NOTAS ======================================================= */ /* 1. Forzamos que la figura sea un bloque vertical */ .entry-content .wp-block-image, .wp-block-post-content .wp-block-image { display: block !important; /* Rompe el flexbox lateral si lo hubiera */ width: 100% !important; max-width: 100% !important; margin-bottom: 30px !important; /* Espacio antes del siguiente párrafo */ } /* 2. La imagen ocupa todo el ancho */ .entry-content .wp-block-image img, .wp-block-post-content .wp-block-image img { display: block !important; width: 100% !important; height: auto !important; } /* 3. La leyenda (Caption) baja y se estiliza */ .entry-content .wp-block-image figcaption, .wp-block-post-content .wp-block-image figcaption, .wp-element-caption { display: block !important; /* Fuerza bloque para que caiga abajo */ width: 100% !important; text-align: left !important; /* O center si prefieres */ margin-top: 8px !important; font-family: 'Roboto', sans-serif !important; font-size: 12px !important; /* Letra pequeña de crédito */ color: #666 !important; /* Gris suave */ line-height: 1.3 !important; border: none !important; /* Quitamos bordes raros si los hay */ padding: 0 !important; position: static !important; /* Evita que flote */ } /* ======================================================= ESTILO DEL EXCERPT (BAJADA) - CORRECCIÓN DE COLOR ======================================================= */ /* Atacamos directamente al párrafo para ganarle al .entry-content p */ .hero-slider .wp-block-post-excerpt p, .hero-slider .wp-block-post-excerpt__excerpt { color: #ffffff !important; /* Blanco puro */ text-shadow: 0 2px 15px rgba(0,0,0,0.9) !important; /* Sombra fuerte para legibilidad */ font-family: 'Roboto', sans-serif !important; font-weight: 300 !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } /* Contenedor del extracto para el espaciado y ancho */ .hero-slider .wp-block-post-excerpt { margin: 20px auto 0 auto !important; max-width: 750px !important; display: block !important; } /* Ajuste de la bajada en móvil. Antes quitaba la sombra "porque no hace falta en el fondo negro". Ese fondo negro ya no existe: desde 2026-08-05 el texto va sobre la foto, así que la sombra es justo lo que mantiene legible la bajada blanca sobre cualquier imagen. Se conserva solo el ajuste de tamaño, que sí es propio del celular. */ @media (max-width: 768px) { .hero-slider .wp-block-post-excerpt p, .hero-slider .wp-block-post-excerpt__excerpt { font-size: 1.05rem !important; } } /* Ocultar la fecha SOLO cuando está dentro del bloque de créditos de Lazy Blocks */ .wp-block-lazyblock-creditos-dlr .dlr-fecha-custom { display: none !important; } p.has-text-align-center.text-center { text-align:center!important; } .pricing { display: flex; flex-direction: column; } .wp-block-button.has-custom-width.wp-block-button__width-100 { max-width: 500px; } /* /* Corrección para Banner 728x90 */ .entry-content > .ad_728x90 { width: 100% !important; /* Mantiene el contenedor flexible */ max-width: 728px !important; /* Pero limita el ancho real al del banner */ margin-left: auto !important; /* Centrado */ margin-right: auto !important; /* Centrado */ margin-top: 30px!important; } /* Quitando el '>' para que funcione dentro de columnas, grupos o tablas */ .entry-content .ad_300x250 { width: 100% !important; max-width: 300px !important; /* Bloquea el ancho a 300px */ margin-left: auto !important; margin-right: auto !important; display: block !important; } /* Forzar a la imagen interna a respetar el tamaño */ .ad_300x250 img { width: 300px !important; height: auto !important; max-width: 100% !important; } .entry-content .ad_1200x627 { width: 100% !important; max-width: 550px !important; /* Bloquea el ancho a 600px */ margin-left: auto !important; margin-right: auto !important; display: block !important; }*/ /* Forzar a la imagen interna a respetar el tamaño .ad_1200x627 img { width: 500px !important; height: auto !important; max-width: 100% !important; }*/ @media (max-width: 782px) { /* Forzamos al contenedor principal a que rompa la fila y sea una columna */ .wp-block-group.is-nowrap.is-layout-flex { flex-wrap: wrap !important; flex-direction: column !important; } /* Hacemos que la lista de posts y el bloque de anuncios ocupen el 100% */ .wp-block-group.is-nowrap.is-layout-flex > * { width: 100% !important; max-width: 100% !important; } /* Espacio opcional entre los posts y los anuncios en mobile */ .wp-block-latest-posts { margin-bottom: 30px !important; } } .wp-block-latest-posts__post-excerpt { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase!important; } /* h1 incluido desde 2026-08-05: el "NOTAS" de /notas/ pasó de h2 a h1 para que la página tenga un encabezado principal, igual que las de categoría y autor. Sin añadirlo aquí perdía el margen superior de 20px y se pegaba al menú. */ h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading { margin: 20px 0 20px; } /* Contenedor Superior (728x90) */ .entry-content > .spot-top { width: 100% !important; max-width: 728px !important; margin: 30px auto 0 !important; } /* Contenedor Box (300x250) */ .entry-content .spot-box { width: 100% !important; max-width: 300px !important; margin: 0 auto !important; display: block !important; } .spot-box img { width: 300px !important; height: auto !important; max-width: 100% !important; } /* Contenedor Destacado (1200x627) */ .entry-content .spot-hero { width: 100% !important; max-width: 550px !important; margin: 0 auto !important; display: block !important; } /** modificaciones 5 de agosto **/ a.wp-block-post-author-name__link { text-decoration: none; text-transform: capitalize !important; font-size:16px!important; } hr.wp-block-separator.has-text-color.has-alpha-channel-opacity.has-background.is-style-default { background-color: #b5500e !important; color: #b5500e !important; border-top: 1px solid #b5500e !important; }