/* ─────────────────────────────────────────────────────────────────────────────
   Marca Dento Estetic (14 oct 2026) · modo claro para las landings
   Colores de sus publicaciones de Instagram, fijados por Luis: turquesa #0296B1,
   navy #1E5466, acento #066678 y dorado fino (#8A5A18 → #DEBA84).
   Se carga DESPUÉS del <style> de cada landing y de prefijo-telefono.css, así que
   sus reglas mandan. La landing de prótesis lleva lo mismo dentro de su <style>.
   ───────────────────────────────────────────────────────────────────────────── */
:root{
--navy:#1E5466;
--navy-mid:#174554;
--teal:#0296B1;
--teal-light:#0296B1;
--teal-dark:#066678;
--teal-glow:rgba(2,150,177,0.10);
--gold:#B8862F;
--gold-light:#DEBA84;
--gold-dark:#8A5A18;
--tint:#EEF8FA;
}

/* Botones y etiquetas en turquesa */
.btn-primary,.btn-cta{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:var(--white);box-shadow:0 4px 20px rgba(2,150,177,0.35)}
.btn-primary:hover,.btn-cta:hover{box-shadow:0 8px 30px rgba(2,150,177,0.45)}
.badge{background:var(--teal);color:var(--white)}
.badge-teal{background:var(--teal-glow);color:var(--teal-dark)}

/* La línea fina dorada debajo de los títulos */
.section-title::after{content:'';display:block;width:120px;height:4px;margin:14px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-dark))}
.section-title[style*="text-align:left"]::after{margin-left:0}

/* Cabecera clara */
.hero{background:linear-gradient(180deg,#ffffff 0%,var(--tint) 100%);color:var(--navy)}
.hero::before{background:radial-gradient(circle,rgba(2,150,177,0.10) 0%,transparent 70%)}
.hero::after{background:var(--teal);opacity:0.9;border-radius:50%;width:520px;height:320px;bottom:-230px;right:-170px;left:auto;top:auto}
.hero-location{color:var(--teal-dark);opacity:1;font-weight:600}
.hero-title{color:var(--navy)}
.hero-title span{background:linear-gradient(180deg,var(--teal) 0%,var(--teal-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-discount,.hero-highlight{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:var(--white);border-radius:50px}
.hero-price .price-main{color:var(--navy)}
.hero-price .price-detail{color:var(--gray-600);opacity:1}
.hero-price .price-bonus{color:var(--teal-dark);font-weight:600}
.hero-text{color:var(--gray-600);opacity:1}
.hero-trust{border-top-color:rgba(30,84,102,0.12)}
.hero-trust-item{color:var(--navy);opacity:1;font-weight:500}
.hero-trust-item i{color:var(--teal)}
.hero-img img{box-shadow:0 20px 50px rgba(30,84,102,0.22);border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gold-light),var(--gold-dark)) border-box}
@media(max-width:768px){.hero::after{display:none}}

/* La píldora de confianza de la cabecera, sobre fondo claro */
.fsp-trust{background:#fff !important;border:1px solid rgba(2,150,177,0.22) !important;box-shadow:0 6px 20px rgba(30,84,102,0.10) !important;backdrop-filter:none !important}
.fsp-trust__stars{color:var(--gold) !important}
.fsp-trust__stars strong,.fsp-trust__count{color:var(--navy) !important}

/* Bloque de precio claro */
.pricing{background:var(--tint);color:var(--navy)}
.pricing .section-title{color:var(--navy) !important}
.pricing .text-center p{color:var(--gray-600) !important}
.pricing-card{background:var(--white);border:1px solid rgba(2,150,177,0.25);box-shadow:0 12px 40px rgba(30,84,102,0.12)}
.pricing-card .price-tag{color:var(--teal-dark);opacity:1;font-weight:700}
.pricing-card .price-amount{color:var(--navy)}
.pricing-card .price-period{color:var(--gray-600);opacity:1}
.pricing-card [style*="line-through"]{color:var(--navy)}
.pricing-features li{border-bottom-color:rgba(30,84,102,0.08);color:var(--gray-700)}
.pricing-features li i{color:var(--teal)}
.pricing-card p[style*="font-style:italic"]{color:var(--gray-500);opacity:1 !important}

/* El cierre al revés: turquesa con blanco y dorado */
.cierre{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%)}
.cierre::before{background:none;border:2px solid rgba(222,186,132,0.45)}
.cierre p{opacity:0.92}
.cierre .btn-cta{background:var(--white);color:var(--teal-dark);box-shadow:0 4px 20px rgba(0,0,0,0.18)}
.cupos-badge{background:rgba(255,255,255,0.18);color:var(--white)}
.countdown-item .cd-num{color:var(--gold-light)}

/* Formulario claro y el texto de debajo legible */
.form-section{background:linear-gradient(180deg,var(--tint) 0%,#ffffff 100%);color:var(--navy)}
.form-section .section-title{color:var(--navy) !important}
.form-section .text-center p{color:var(--gray-600) !important}
.form-wrapper{border:1px solid rgba(2,150,177,0.22)}
.form-section .form-extra .form-urgency{color:var(--gray-600)}
.form-section .form-extra .form-urgency strong{color:var(--teal-dark)}
.form-section .form-extra .form-counter{background:var(--teal-glow);color:var(--teal-dark)}
.form-section .form-extra .form-nota{color:var(--gray-500)}

/* El carrusel de testimonios del formulario, sobre fondo claro */
.fsp{background:#fff !important;border:1px solid rgba(2,150,177,0.18) !important;box-shadow:0 4px 14px rgba(30,84,102,0.08) !important}
.fsp__count{color:var(--teal) !important}
.fsp__count-label{color:var(--navy) !important}
.fsp__card{border-color:rgba(2,150,177,0.18) !important}

/* El aviso de «¡Listo!» al registrarse */
#wa-listo{background:rgba(30,84,102,.85) !important}