/* canto-bight.css — capa visual «lujo de detective» para thecoversense.com (s552, 2026-10-18).
   Solo presentación: no cambia texto, H1, enlaces ni JSON-LD. Se revierte quitando el <link>.
   Carga DESPUÉS de wow.css y menu.css. El menú (#tcs-nav) no se toca. */
:root{
  --cb-ink:#0e0d0b; --cb-ink2:#17150f; --cb-ink3:#221f17;
  --cb-gold:#c9a45c; --cb-gold-l:#ecd49c; --cb-gold-d:#9a7a3e;
  --cb-ivory:#faf7f1; --cb-cream:#f3ecdd; --cb-txt:#1b1a17; --cb-mut:#6b665c;
  --cb-glow:0 0 0 1px rgba(201,164,92,.35),0 30px 80px -30px rgba(201,164,92,.45);
  --cb-r:22px;
}
html{background:var(--cb-ivory)}
body{background:var(--cb-ivory);color:var(--cb-txt);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--cb-gold);color:var(--cb-ink)}

/* ── HERO: escena nocturna a sangre completa ───────────────────────── */
.hero{
  position:relative;isolation:isolate;max-width:none;margin:0;overflow:hidden;
  padding:6.5rem max(2rem,calc((100% - 980px)/2)) 5rem;
  color:#f5efe2;
  background:
    radial-gradient(60rem 30rem at 50% -8rem,rgba(201,164,92,.30),transparent 70%),
    radial-gradient(40rem 30rem at 100% 60%,rgba(201,164,92,.10),transparent 70%),
    radial-gradient(40rem 30rem at 0% 90%,rgba(120,96,52,.14),transparent 70%),
    linear-gradient(180deg,var(--cb-ink) 0%,#12100c 60%,var(--cb-ink2) 100%);
}
.hero::before{ /* retícula fina, textura de plano de vigilancia */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(236,212,156,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(236,212,156,.06) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);
          mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);
}
.hero::after{ /* hilo dorado de cierre */
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,164,92,.8),transparent);
}
.hero .hero-logo{border-radius:50%;box-shadow:0 0 0 1px rgba(201,164,92,.55),0 0 0 8px rgba(201,164,92,.08),0 18px 50px -10px rgba(201,164,92,.55);background:#fff}
.hero .badge{background:rgba(201,164,92,.10);color:var(--cb-gold-l);border:1px solid rgba(201,164,92,.40);backdrop-filter:blur(6px);letter-spacing:.14em}
.hero h1{color:#fbf6ea;font-weight:850;letter-spacing:-.035em;line-height:1.02;text-wrap:balance;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.hero h1 span{
  background:linear-gradient(100deg,#b8893e 0%,#f3dca4 35%,#c9a45c 55%,#fff1c9 75%,#b8893e 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:cb-sheen 7s ease-in-out infinite;
}
@keyframes cb-sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero p{color:rgba(245,239,226,.74)}
.hero p strong{color:#fff7e6;font-weight:650}
.hero .hero-micro{color:rgba(245,239,226,.55)}
.hero .hero-ad a{color:#f5efe2;border-bottom-color:rgba(201,164,92,.6)}
.hero .hero-ad a b{color:var(--cb-gold-l)}
.hero .giro-guias{color:rgba(245,239,226,.55)}
.hero .giro-guias a{color:var(--cb-gold-l)}
.hero nav.giro-sel{background:rgba(14,13,11,.78);border:1px solid rgba(201,164,92,.22);border-radius:28px;padding:.75rem 1rem 1rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hero nav.giro-sel{max-width:760px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.hero nav.giro-sel span{grid-column:1/-1}
.hero nav.giro-sel span{text-align:center;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.hero nav.giro-sel a{min-width:0;text-align:center;white-space:nowrap}
.hero .giro-sel span{color:rgba(245,239,226,.6)}
.hero .giro-sel a{background:rgba(255,255,255,.04);border:1px solid rgba(236,212,156,.22);color:#f5efe2;backdrop-filter:blur(6px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.hero .giro-sel a:hover{border-color:var(--cb-gold);background:rgba(201,164,92,.14);transform:translateY(-2px)}
.hero > img[fetchpriority]{
  border-radius:var(--cb-r);margin-top:3rem;
  box-shadow:var(--cb-glow),0 40px 90px -40px rgba(0,0,0,.9);
  outline:1px solid rgba(236,212,156,.25);outline-offset:6px;
}

/* Heroes interiores (casos, metodología, fundadora, verticales): sus <style> en línea pintan .lead/.authors/p en gris
   oscuro y cargan DESPUÉS de esta hoja → !important para que se lean sobre la noche. */
.hero .lead,.hero p{color:rgba(245,239,226,.78)!important}
.hero .authors{color:rgba(236,212,156,.75)!important}
.hero .role{color:var(--cb-gold-l)!important}
.hero .lead a,.hero p a{color:var(--cb-gold-l)}
/* «En resumen» de páginas interiores: del turquesa heredado al dorado de la home */
.aeo-cap{border:1px solid rgba(201,164,92,.40)!important;border-left:4px solid var(--cb-gold)!important;background:linear-gradient(180deg,#fffdf8,#fbf6ea)!important;color:var(--cb-txt)!important;box-shadow:0 24px 50px -32px rgba(60,45,15,.4);border-radius:14px!important}
.aeo-cap b{color:var(--cb-gold-d)}
.hero .aeo-cap{background:rgba(201,164,92,.08)!important;color:#f1e9d8!important;box-shadow:none}
.hero .aeo-cap b{color:var(--cb-gold-l)}

/* Enlaces de texto y cajas secundarias: una sola paleta en todo el sitio */
section a:not([class]),article a:not([class]),.container a:not([class]),p a:not([class]),li a:not([class]),dd a:not([class]),td a:not([class]){color:var(--cb-gold-d);text-decoration-color:rgba(201,164,92,.55);text-underline-offset:3px}
p a:not([class]):hover,li a:not([class]):hover{color:var(--cb-txt)}
.hero p a:not([class]),.hero a:not([class]),footer a:not([class]),.guarantee a:not([class]),.cta-mid a:not([class]),.trust-bar a:not([class]){color:var(--cb-gold-l)}
.note{background:linear-gradient(180deg,#fffaf0,#f7efdc)!important;border-color:rgba(201,164,92,.45)!important;color:var(--cb-txt)!important}
.note strong{color:var(--cb-gold-d)}
.illustrative{background:var(--cb-cream)!important;color:var(--cb-gold-d)!important;border:1px solid rgba(201,164,92,.4)}

.skip-link{background:var(--cb-ink)!important;color:var(--cb-gold-l)!important;outline:2px solid var(--cb-gold)}

/* ── Botones ───────────────────────────────────────────────────────── */
.btn-primary{
  background:linear-gradient(135deg,#e9cf92 0%,#c9a45c 48%,#a8833f 100%)!important;
  color:#17130a!important;border:0!important;font-weight:750;letter-spacing:.01em;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 12px 30px -10px rgba(201,164,92,.75);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 18px 40px -12px rgba(201,164,92,.9)}
.btn-secondary{box-shadow:0 12px 30px -12px rgba(16,128,72,.7);transition:transform .25s ease,box-shadow .25s ease}
.btn-secondary:hover{transform:translateY(-2px)}
.hero .btn-secondary{outline:1px solid rgba(255,255,255,.15);outline-offset:3px}

/* ── «En resumen» (caja con estilo en línea) ───────────────────────── */
header.hero + div > div{
  background:linear-gradient(180deg,#fffdf8,#fbf6ea)!important;
  border:1px solid rgba(201,164,92,.35)!important;border-left:4px solid var(--cb-gold)!important;
  box-shadow:0 30px 60px -30px rgba(60,45,15,.35)!important;
}
header.hero + div{margin-top:-2.25rem!important;position:relative;z-index:2}

/* ── Secciones: ritmo marfil / tinta ───────────────────────────────── */
section h2{letter-spacing:-.025em;text-wrap:balance}
section .subtitle{color:var(--cb-mut)}
section[style*="background:#fff"]{background:var(--cb-ivory)!important}
section > .container > h2::after,#del-blog h2::after,.ad h2::after{
  content:"";display:block;width:56px;height:2px;margin:.9rem auto 0;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--cb-gold),transparent);
}

/* Autodiagnóstico */
.ad-card{border:1px solid rgba(201,164,92,.28);box-shadow:0 30px 70px -40px rgba(60,45,15,.45);border-radius:var(--cb-r)}
.ad-prog i.on{background:linear-gradient(90deg,var(--cb-gold-d),var(--cb-gold-l))}
.ad-opt{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ad-opt:hover{transform:translateY(-2px);border-color:var(--cb-gold);box-shadow:0 10px 24px -14px rgba(201,164,92,.8)}
.ad-opt[aria-pressed=true]{background:var(--cb-ink);color:#f5efe2;border-color:var(--cb-gold)}
.ad-opts:has(> [data-k="g"]){grid-template-columns:repeat(4,1fr)}
@media (max-width:640px){.ad-opts:has(> [data-k="g"]){grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.ad-opts:has(> [data-k="g"]) .ad-opt{text-align:center;padding-left:.5rem;padding-right:.5rem;font-size:.92rem;display:flex;align-items:center;justify-content:center}}

/* Barra de cifras */
.trust-bar{
  position:relative;overflow:hidden;
  background:radial-gradient(50rem 14rem at 50% 0%,rgba(201,164,92,.22),transparent 70%),linear-gradient(180deg,var(--cb-ink),var(--cb-ink2));
  border-top:1px solid rgba(201,164,92,.35);border-bottom:1px solid rgba(201,164,92,.35);
}
.trust-bar .stat-num{
  background:linear-gradient(180deg,#fff3d0,#c9a45c);-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:850;letter-spacing:-.03em;
}
.trust-bar .stat-label{color:rgba(245,239,226,.6)}

/* Planes */
.start-aqui{background:linear-gradient(135deg,#fffaf0,#f6ecd6);border:1px solid rgba(201,164,92,.45);box-shadow:0 20px 50px -30px rgba(120,90,30,.5)}
.tier{border-radius:var(--cb-r);border:1px solid rgba(27,26,23,.08);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 60px -36px rgba(40,30,10,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.tier:hover{transform:translateY(-6px);box-shadow:0 34px 70px -34px rgba(40,30,10,.45)}
.tier.featured{
  background:radial-gradient(30rem 16rem at 50% 0%,rgba(201,164,92,.25),transparent 70%),linear-gradient(180deg,var(--cb-ink3),var(--cb-ink));
  color:#f1e9d8;border:1px solid rgba(201,164,92,.7);box-shadow:var(--cb-glow),0 40px 80px -36px rgba(0,0,0,.6);
}
.tier.featured h3,.tier.featured .price{color:#fff6e2}
.tier.featured .desc,.tier.featured ul li{color:rgba(241,233,216,.78)}
.tier.featured .price .currency{color:var(--cb-gold-l)}
.tier.featured ul li::before{color:var(--cb-gold-l)}
.tier.featured::before{background:linear-gradient(135deg,#ecd49c,#b8893e);color:#17130a}
.tier .price{letter-spacing:-.03em}
.extra{border:1px solid rgba(201,164,92,.35);background:linear-gradient(135deg,#fffaf0,#f7efdc)}

/* Lo que recibes */
.rep figure img{border-radius:18px;box-shadow:var(--cb-glow);background:#fff}
.entregables figure{border:1px solid rgba(201,164,92,.22);box-shadow:0 20px 40px -30px rgba(40,30,10,.5)}
.entregables figure .ev-num{background:linear-gradient(135deg,#ecd49c,#b8893e);color:#17130a}

/* Franjas de llamada */
.cta-mid{background:radial-gradient(40rem 10rem at 50% 50%,rgba(201,164,92,.20),transparent 70%),linear-gradient(90deg,var(--cb-ink),var(--cb-ink3),var(--cb-ink));border-top:1px solid rgba(201,164,92,.3);border-bottom:1px solid rgba(201,164,92,.3)}
.cta-mid b{color:var(--cb-gold-l)}

/* ¿Por qué? */
.criterio{transition:transform .3s ease}
.criterio h3{color:var(--cb-txt)}

/* Comparativa */
.cmp-wrap{border-radius:var(--cb-r);box-shadow:0 30px 70px -40px rgba(40,30,10,.45);border:1px solid rgba(27,26,23,.08)}
table.cmp thead th{background:var(--cb-ink);color:#f1e9d8}
table.cmp thead th.tcs{background:linear-gradient(135deg,#ecd49c,#b8893e);color:#17130a}
table.cmp td.tcs{background:rgba(201,164,92,.09);font-weight:650}

/* Glosario */
.glossary dt{color:var(--cb-gold-d)}

/* Proceso: línea de tiempo con hilo dorado */
.proceso{position:relative}
.paso .num{background:radial-gradient(circle at 30% 30%,#fff3cf,#c9a45c 60%,#9a7a3e);color:#17130a;box-shadow:0 0 0 6px rgba(201,164,92,.12),0 10px 24px -8px rgba(201,164,92,.8)}
@media (min-width:900px){
  .proceso::before{content:"";position:absolute;left:10%;right:10%;top:1.35rem;height:1px;z-index:0;background:linear-gradient(90deg,transparent,rgba(201,164,92,.7),transparent)}
  .paso{position:relative;z-index:1}
}

/* Garantía y contacto */
.guarantee{background:radial-gradient(40rem 18rem at 50% 0%,rgba(201,164,92,.22),transparent 70%),linear-gradient(180deg,var(--cb-ink3),var(--cb-ink));border:1px solid rgba(201,164,92,.4);box-shadow:var(--cb-glow)}
.guarantee h2{color:#fff6e2}
.contact{background:linear-gradient(180deg,#fffdf8,#f8f1e1);border:1px solid rgba(201,164,92,.4);box-shadow:0 30px 70px -40px rgba(60,45,15,.5)}
.contact .info a{border-color:rgba(201,164,92,.5);transition:background .2s ease,color .2s ease}
.contact .info a:hover{background:var(--cb-ink);color:#f5efe2}

/* FAQ */
.faq-item{border-radius:16px;border:1px solid rgba(27,26,23,.07);transition:border-color .25s ease,box-shadow .25s ease}
.faq-item[open]{border-color:rgba(201,164,92,.55);box-shadow:0 20px 40px -30px rgba(120,90,30,.55)}
.faq-item summary::after{color:var(--cb-gold-d)}

/* Blog */
#del-blog .db-card{border-radius:18px;border:1px solid rgba(27,26,23,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
#del-blog .db-card:hover{transform:translateY(-4px);border-color:rgba(201,164,92,.55);box-shadow:0 26px 50px -30px rgba(120,90,30,.55)}
#del-blog .db-tag{color:var(--cb-gold-d)}

/* Pie */
footer{background:linear-gradient(180deg,var(--cb-ink2),#080706)!important;border-top:1px solid rgba(201,164,92,.35)}
footer a{color:var(--cb-gold-l)}

/* Sin animaciones de aparición: Google renderiza con viewport alto y las vería ocultas (GEO > VISUAL). */
@media (prefers-reduced-motion:reduce){.hero h1 span{animation:none}}

/* ── Móvil ─────────────────────────────────────────────────────────── */
@media (max-width:640px){
  .hero{padding:3rem 1.25rem 3rem}
  .hero::before{background-size:40px 40px}
  .hero > img[fetchpriority]{margin-top:2rem;outline-offset:4px}
  header.hero + div{margin-top:-1.25rem!important}
  .hero nav.giro-sel{border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:.9rem}
  .hero nav.giro-sel span{grid-column:1/-1}
  .hero nav.giro-sel a{min-width:0}
}