/* Theme Name: Ramos Dacal & Seara (Hello Elementor Child) Theme URI: https://ramosyseara.com Description: Child theme de Hello Elementor para Clínica Dental Ramos Dacal & Seara. Header, footer y contenido de página se montan con widgets nativos de Elementor Pro (plantillas en /plantillas-json/). Este child theme solo aporta tipografía de marca y el comportamiento del header transparente sobre el hero, que no tiene equivalente nativo en Elementor. Author: Ramos Dacal & Seara Template: hello-elementor Version: 2.0.0 Text Domain: ramos-dacal-seara */ :root{ --rds-teal: #0E93AC; --rds-teal-dark: #0A5C6C; --rds-teal-deep: #083B45; --rds-teal-tint: #E8F5F7; --rds-ink: #12262B; } body{ font-family: 'Inter', sans-serif; color: var(--rds-ink); } h1, h2, h3 { font-family: 'Fraunces', serif; } /* ===== Header transparente sobre el hero, sólido al hacer scroll ===== El contenedor con clase "rds-header-flex" (definida en header.json) nace transparente SOLO en la portada (WordPress añade "front-page" al cuando la página está marcada como "Página de inicio" en Ajustes → Lectura). En páginas interiores no hay marca de agua ni imagen detrás, así que el header debe quedarse sólido siempre — por eso todo esto va dentro de "body.front-page". El JS del theme añade la clase "rds-scrolled" al hacer scroll, que fuerza el fondo sólido incluso en portada. ===== */ body.front-page .rds-header-flex:not(.rds-scrolled){ background: transparent !important; box-shadow: none !important; } body.front-page .rds-header-flex:not(.rds-scrolled) a{ color: #FFFFFF !important; } .rds-header-flex.rds-scrolled{ background: rgba(251,250,246,0.94) !important; backdrop-filter: blur(10px); box-shadow: 0 1px 0 rgba(18,38,43,0.08); transition: background .3s ease; } .rds-header-flex.rds-scrolled a{ color: var(--rds-ink) !important; } /* Compensar el header fijo al hacer clic en los anclas del menú (#quienes-somos, etc.) */ [id]{ scroll-margin-top: 90px; }