/* TEMPO · home editorial (diseno-05 'La naturaleza del tiempo'), SCOPED bajo #hed para no chocar con site.css.
   Generado de _mockups-coleccion/diseno-05. Hero/nav/footer del sitio se conservan; aqui solo el cuerpo. */
#hed{
    --bg:#ffffff;
    --paper:#eef1f6;
    --ink:#1b1c1e;
    --mut:#6f6a62;
    --line:#e3e7ee;
    --gold:#caa765;
    --dark:#16171a;
    --space:radial-gradient(120% 100% at 70% -10%, #1d2740 0%, #0b1019 52%, #04060a 100%);
    --footer:radial-gradient(130% 120% at 78% -12%, #1c2c52, #111d39, #090f22);
  }
#hed *{margin:0;padding:0;box-sizing:border-box}
#hed img{display:block;max-width:100%}
#hed a{color:inherit;text-decoration:none}
#hed .mono{font-family:'Spline Sans Mono',monospace}
#hed .kicker{
    font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.26em;
    text-transform:uppercase;color:var(--mut);display:inline-flex;align-items:center;gap:14px;
  }
#hed .kicker::before{content:"";width:24px;height:1px;background:var(--gold);display:inline-block;flex:none}
#hed .kicker.on-dark{color:#aeb9cd}
#hed .serif{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.02em;line-height:1.04}
#hed .philosophy{
    background:linear-gradient(180deg,#04060a 0%, #0a0f18 16%, #232f49 64%, #6cbae0 92%, #9ec7e6 100%);
    color:#fff;padding:clamp(90px,13vw,180px) 22px clamp(110px,15vw,200px);text-align:center;position:relative;overflow:hidden;
  }
#hed .philosophy .stars-faint{position:absolute;inset:0 0 40% 0;opacity:.45;pointer-events:none;
    background-image:
      radial-gradient(1px 1px at 22% 30%, rgba(255,255,255,.7), transparent),
      radial-gradient(1px 1px at 68% 18%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 80% 40%, rgba(255,255,255,.55), transparent),
      radial-gradient(1px 1px at 40% 12%, rgba(255,255,255,.5), transparent);}
#hed .philosophy .inner{position:relative;z-index:3;max-width:820px;margin:0 auto}
#hed .philosophy .kicker{color:#c7d3e6}
#hed .philosophy p.big{
    font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(24px,3.4vw,40px);
    line-height:1.32;letter-spacing:-.01em;margin-top:30px;color:#f3f7fc;
  }
#hed .philosophy p.body{
    margin:34px auto 0;max-width:600px;color:rgba(232,240,250,.8);font-size:16px;
  }
#hed .philosophy p.body.late{color:#1c2c46}
#hed .chapters{background:var(--bg)}
#hed .chapter{
    display:grid;grid-template-columns:1fr 1fr;align-items:center;
    gap:clamp(30px,5vw,80px);
    max-width:1320px;margin:0 auto;padding:clamp(70px,9vw,140px) clamp(22px,5vw,72px);
  }
#hed .chapter:not(:last-child){border-bottom:none}
#hed .chapter.flip .visual{order:2}
#hed .chapter.flip .copy{order:1}
#hed .chapter .visual{
    position:relative;border-radius:6px;overflow:hidden;
    border:1px solid var(--line);aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;
  }
#hed .chapter .visual::before{
    content:"";position:absolute;width:78%;height:78%;border-radius:50%;
    background:radial-gradient(circle, rgba(160,125,75,.13), transparent 70%);
    filter:blur(6px);z-index:0;
  }
#hed .chapter .visual .sky{position:absolute;inset:0;z-index:0;pointer-events:none}
#hed .chapter .visual.night{
    background:
      radial-gradient(140% 120% at 28% -10%, #2a3a63 0%, #131d36 38%, #070b16 78%);
  }
#hed .chapter .visual.night::before{background:radial-gradient(circle, rgba(110,160,210,.28), transparent 70%)}
#hed .chapter .visual.night .sky{
    background-image:
      radial-gradient(1.4px 1.4px at 16% 22%, rgba(255,255,255,.95), transparent),
      radial-gradient(1px 1px at 34% 58%, rgba(255,255,255,.6), transparent),
      radial-gradient(1.2px 1.2px at 52% 18%, rgba(255,255,255,.85), transparent),
      radial-gradient(1px 1px at 70% 44%, rgba(214,228,255,.7), transparent),
      radial-gradient(1.5px 1.5px at 84% 26%, rgba(255,255,255,.9), transparent),
      radial-gradient(1px 1px at 90% 68%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 24% 82%, rgba(255,255,255,.55), transparent);
    opacity:.9;
  }
#hed .chapter .visual.dusk{
    background:
      linear-gradient(180deg, #25304d 0%, #6a4a55 44%, #c98b54 74%, #f0c074 100%);
  }
#hed .chapter .visual.dusk::before{background:radial-gradient(circle, rgba(240,192,116,.35), transparent 68%)}
#hed .chapter .visual.dusk .sky{
    background:
      radial-gradient(120% 80% at 50% 118%, rgba(255,214,150,.55), transparent 60%),
      radial-gradient(1px 1px at 22% 18%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 64% 12%, rgba(255,255,255,.4), transparent);
  }
#hed .chapter .visual.deep{
    background:
      radial-gradient(130% 120% at 50% -20%, #0e2740 0%, #08182b 46%, #02060c 86%);
  }
#hed .chapter .visual.deep::before{background:radial-gradient(circle, rgba(70,150,200,.26), transparent 70%)}
#hed .chapter .visual.deep .sky{
    background:
      radial-gradient(70% 90% at 50% 130%, rgba(20,70,110,.55), transparent 70%),
      radial-gradient(1px 1px at 30% 24%, rgba(190,225,255,.7), transparent),
      radial-gradient(1.2px 1.2px at 72% 36%, rgba(190,225,255,.6), transparent),
      radial-gradient(1px 1px at 50% 60%, rgba(190,225,255,.45), transparent);
  }
#hed .chapter .visual.aurora-sky{
    background:
      linear-gradient(180deg, #16213f 0%, #2d3a6b 30%, #3a6e8f 56%, #c9925f 86%, #f1c178 100%);
  }
#hed .chapter .visual.aurora-sky::before{background:radial-gradient(circle, rgba(120,200,170,.3), transparent 68%)}
#hed .chapter .visual.aurora-sky .sky{
    background:
      radial-gradient(80% 50% at 30% 36%, rgba(96,200,160,.4), transparent 60%),
      radial-gradient(70% 46% at 68% 30%, rgba(120,110,200,.38), transparent 62%),
      radial-gradient(1px 1px at 20% 16%, rgba(255,255,255,.55), transparent),
      radial-gradient(1px 1px at 80% 22%, rgba(255,255,255,.45), transparent);
    filter:blur(.4px);
  }
#hed .chapter .visual .platef{
    position:relative;z-index:2;width:min(74%,360px);
    filter:drop-shadow(0 26px 40px rgba(20,24,32,.28));
    transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
  }
#hed .chapter:hover .visual .platef{transform:scale(1.045)}
#hed .chapter .phenom{ display:none; }
#hed .chapter .visual.dusk .phenom, #hed .chapter .visual.aurora-sky .phenom{color:var(--ink);background:rgba(255,255,255,.66);border-color:rgba(27,28,30,.14)}
/* ---- F3: nombre DM Serif + kicker bold+gris + specs en grid con labels + boton fantasma + precio serif ---- */
#hed .chapter .copy .kicker{margin-bottom:14px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13px;letter-spacing:.02em;text-transform:none;color:var(--mut);display:block}
#hed .chapter .copy .kicker::before{display:none}
#hed .chapter.on-dark .copy .kicker b, #hed .chapter .copy .kicker b{color:var(--ink);font-weight:600;font-style:normal}
#hed .chapter .copy h2{
    font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.01em;line-height:.96;
    font-size:clamp(42px,5.6vw,72px);color:var(--ink);
  }
#hed .chapter .copy .desc{color:var(--mut);font-size:15.5px;line-height:1.55;margin-top:20px;max-width:42ch}
#hed .chapter .specgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;margin-top:30px;max-width:440px}
#hed .chapter .specgrid > div{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#hed .chapter .specgrid .lab{font-family:'Hanken Grotesk',sans-serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut)}
#hed .chapter .specgrid .val{font-family:'Hanken Grotesk',sans-serif;font-size:17px;font-weight:600;color:var(--ink)}
#hed .chapter .ctarow{display:flex;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}
#hed .chapter .gbtn{font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:15px 32px;text-decoration:none;transition:background .2s,color .2s}
#hed .chapter .gbtn:hover{background:var(--ink);color:#fff}
#hed .chapter .ctarow .price{display:flex;flex-direction:column;line-height:1.05}
#hed .chapter .ctarow .price small{font-family:'Hanken Grotesk',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:3px}
#hed .chapter .ctarow .price b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,36px);color:var(--ink)}
@media(max-width:840px){
#hed .chapter{grid-template-columns:1fr;gap:34px}
#hed .chapter.flip .visual{order:1}
#hed .chapter.flip .copy{order:2}
}
#hed .familyhead{
    max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,72px);
    display:flex;align-items:center;gap:24px;
  }
#hed .familyhead .ttl{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
#hed .familyhead .rule{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),var(--line) 40%,transparent)}
#hed .lineup{background:var(--bg);padding:clamp(70px,9vw,130px) 0 clamp(80px,10vw,150px)}
#hed .lineup .head{max-width:1320px;margin:0 auto clamp(40px,5vw,64px);padding:0 clamp(22px,5vw,72px);text-align:center}
#hed .lineup .head h2{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(28px,4vw,46px);margin-top:16px;color:var(--ink)}
#hed .lineup .head .kicker{justify-content:center;display:inline-flex}
#hed .lineup .head p{color:var(--mut);max-width:540px;margin:18px auto 0;font-size:15.5px}
#hed .filters{
    display:flex;justify-content:center;flex-wrap:wrap;gap:8px;
    max-width:900px;margin:0 auto clamp(40px,5vw,56px);padding:0 22px;
  }
#hed .filters button{
    font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:30px;
    padding:9px 16px;cursor:pointer;transition:all .25s;
  }
#hed .filters button:hover{border-color:var(--gold);color:var(--ink)}
#hed .filters button.active{background:var(--dark);color:#fff;border-color:var(--dark)}
#hed .grid{
    max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,72px);
    display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,30px);
  }
@media(max-width:1080px){
#hed .grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
#hed .grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:430px){
#hed .grid{grid-template-columns:1fr}
}
#hed .card{
    position:relative;display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;
    background:linear-gradient(180deg,#f5f8fc,#e9eef5);
    transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;
  }
#hed .card:hover{transform:translateY(-5px);border-color:rgba(160,125,75,.4);box-shadow:0 26px 46px -24px rgba(27,40,72,.45)}
#hed .card .imgwrap{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:14px}
#hed .card .imgwrap img{
    width:78%;filter:drop-shadow(0 16px 22px rgba(20,24,32,.18));
    transition:transform .55s cubic-bezier(.2,.7,.2,1);
  }
#hed .card:hover .imgwrap img{transform:scale(1.05)}
#hed .badge{
    position:absolute;top:12px;left:12px;z-index:3;
    font-family:'Spline Sans Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
    padding:4px 9px;border-radius:30px;
  }
#hed .badge.new{background:var(--gold);color:#fff}
#hed .badge.soon{background:rgba(11,16,25,.78);color:#dbe6f7;border:1px solid rgba(255,255,255,.2)}
#hed .card .info{padding:4px 16px 18px;text-align:center;border-top:1px solid var(--line);background:#fff}
#hed .card .info .name{font-family:'Fraunces',serif;font-weight:500;font-size:17px;letter-spacing:-.01em;color:var(--ink);margin-top:12px}
#hed .card .info .ref{font-family:'Spline Sans Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--mut);margin-top:3px;text-transform:uppercase}
#hed .card .info .price{font-family:'Spline Sans Mono',monospace;font-size:13px;color:var(--gold);margin-top:10px;font-weight:500}
#hed .card .arrow{
    position:absolute;right:13px;bottom:13px;z-index:3;width:30px;height:30px;border-radius:50%;
    border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff;
    color:var(--ink);font-size:14px;opacity:0;transform:translateX(-6px);transition:all .35s;
  }
#hed .card:hover .arrow{opacity:1;transform:translateX(0)}
#hed .card.placeholder{background:radial-gradient(125% 110% at 50% 18%, #1d2740 0%, #0b1019 60%, #04060a 100%);border-color:rgba(255,255,255,.08)}
#hed .card.placeholder .imgwrap{aspect-ratio:1/1}
#hed .card.placeholder .nebula{
    position:absolute;inset:0;z-index:0;opacity:.9;
    background:
      radial-gradient(40% 36% at 38% 40%, rgba(116,56,138,.5), transparent 70%),
      radial-gradient(46% 40% at 66% 60%, rgba(44,100,178,.45), transparent 72%);
    filter:blur(4px);
  }
#hed .card.placeholder .field{position:absolute;inset:0;z-index:1;opacity:.85;
    background-image:
      radial-gradient(1px 1px at 30% 28%, rgba(255,255,255,.85), transparent),
      radial-gradient(1px 1px at 64% 36%, rgba(255,255,255,.6), transparent),
      radial-gradient(1.2px 1.2px at 50% 60%, rgba(255,255,255,.8), transparent),
      radial-gradient(1px 1px at 40% 74%, rgba(255,255,255,.55), transparent),
      radial-gradient(1px 1px at 74% 70%, rgba(255,255,255,.6), transparent),
      radial-gradient(1px 1px at 22% 56%, rgba(255,255,255,.5), transparent);}
#hed .card.placeholder svg.constel{position:relative;z-index:2;width:62%;height:auto;opacity:.92}
#hed .card.placeholder .constel .ln{stroke:rgba(190,215,255,.5);stroke-width:1;stroke-dasharray:3 4;animation:trace 6s linear infinite}
#hed .card.placeholder .constel .st{fill:#fff;filter:drop-shadow(0 0 4px rgba(190,215,255,.9))}
#hed .card.placeholder .constel .core{fill:#d9c39a;filter:drop-shadow(0 0 6px rgba(217,195,154,.9))}
@keyframes trace{to{stroke-dashoffset:-28}}
#hed .card.placeholder .info{background:transparent;border-top:1px solid rgba(255,255,255,.08)}
#hed .card.placeholder .info .name{color:#eef3fb}
#hed .card.placeholder .info .ref{color:#8fa0bc}
#hed .card.placeholder .info .coord{font-family:'Spline Sans Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--gold);margin-top:10px}
#hed .card.placeholder:hover{transform:translateY(-5px);border-color:rgba(160,125,75,.45)}
#hed .viewall{text-align:center;margin-top:clamp(44px,5vw,64px)}
#hed .viewall a{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Spline Sans Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
    color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:6px;transition:gap .3s;
  }
#hed .viewall a:hover{gap:16px}
#hed .soul{background:var(--space);color:#fff;padding:clamp(80px,10vw,150px) 0;position:relative;overflow:hidden}
#hed .soul .stars{position:absolute;inset:0;opacity:.6;pointer-events:none;
    background-image:
      radial-gradient(1px 1px at 14% 26%, rgba(255,255,255,.7), transparent),
      radial-gradient(1px 1px at 58% 14%, rgba(255,255,255,.5), transparent),
      radial-gradient(1.2px 1.2px at 82% 60%, rgba(255,255,255,.7), transparent),
      radial-gradient(1px 1px at 36% 78%, rgba(255,255,255,.5), transparent);}
#hed .soul .inner{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 clamp(22px,5vw,72px)}
#hed .soul .head{text-align:center;margin-bottom:clamp(48px,6vw,72px)}
#hed .soul .head .kicker{justify-content:center;display:inline-flex;color:#aeb9cd}
#hed .soul .head h2{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(28px,4vw,46px);margin-top:16px;color:#fff}
#hed .soul .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px)}
@media(max-width:780px){
#hed .soul .cols{grid-template-columns:1fr;gap:36px}
}
#hed .soul .col{padding:34px 30px;border:1px solid rgba(255,255,255,.1);border-radius:10px;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0));}
#hed .soul .col .num{font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gold)}
#hed .soul .col h3{font-family:'Fraunces',serif;font-weight:500;font-size:23px;letter-spacing:-.01em;margin-top:14px;color:#fff}
#hed .soul .col p{color:rgba(213,222,236,.74);font-size:14.5px;margin-top:12px}
#hed .soul .col .fig{font-family:'Spline Sans Mono',monospace;font-size:11px;color:#9fb0cc;margin-top:18px;letter-spacing:.04em}
#hed .series{background:var(--bg);padding:clamp(74px,9vw,130px) 0}
#hed .series .inner{max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,72px)}
#hed .series .head{margin-bottom:clamp(34px,4vw,52px)}
#hed .series .head h2{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(26px,3.6vw,42px);margin-top:14px;color:var(--ink)}
#hed .series .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
@media(max-width:780px){
#hed .series .tiles{grid-template-columns:1fr}
}
#hed .tile{
    position:relative;border-radius:10px;overflow:hidden;min-height:300px;
    display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff;
    background:var(--space);border:1px solid var(--line);
  }
#hed .tile.aurora{background:linear-gradient(160deg, rgba(116,56,138,.9), rgba(62,64,166,.85) 45%, rgba(44,100,178,.85))}
#hed .tile.dawn{background:linear-gradient(160deg, rgba(62,64,166,.9), rgba(108,186,224,.85) 60%, #9ec7e6)}
#hed .tile .tk{font-family:'Spline Sans Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78)}
#hed .tile h3{font-family:'Fraunces',serif;font-weight:500;font-size:26px;letter-spacing:-.01em;margin-top:8px}
#hed .tile p{color:rgba(255,255,255,.8);font-size:14px;margin-top:10px;max-width:34ch}
#hed .tile .go{margin-top:18px;font-family:'Spline Sans Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center}
#hed .tile .field{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
    background-image:
      radial-gradient(1px 1px at 24% 20%, rgba(255,255,255,.8), transparent),
      radial-gradient(1px 1px at 70% 30%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 50% 60%, rgba(255,255,255,.6), transparent);}
#hed .tile > *{position:relative;z-index:1}
#hed .ctaband{
    background:linear-gradient(180deg,#9ec7e6 0%, #6cbae0 30%, #2c64b2 70%, #111d39 100%);
    color:#fff;text-align:center;padding:clamp(80px,11vw,150px) 22px;position:relative;overflow:hidden;
  }
#hed .ctaband .inner{position:relative;z-index:2;max-width:620px;margin:0 auto}
#hed .ctaband h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,5vw,56px);line-height:1.08;letter-spacing:-.01em}
#hed .ctaband p{margin:20px auto 0;color:rgba(255,255,255,.85);font-size:16px;max-width:440px}
#hed .ctaband .btn{
    display:inline-block;margin-top:34px;font-family:'Spline Sans Mono',monospace;font-size:12px;
    letter-spacing:.16em;text-transform:uppercase;color:#0b0f18;background:#fff;padding:15px 30px;border-radius:34px;
    transition:transform .25s,box-shadow .25s;
  }
#hed .ctaband .btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(0,0,0,.4)}
#hed .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
#hed .reveal.in{opacity:1;transform:none}
#hed button:focus-visible, #hed input:focus-visible, #hed textarea:focus-visible, #hed select:focus-visible, #hed .card:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){
#hed *, #hed *::before, #hed *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
#hed .reveal{opacity:1;transform:none}
}


/* ---- CAPÍTULOS · fondo blanco con un toque LIGERO del color de cada colección (feedback usuario 2026-06-02) ---- */
body:has(#hed){overflow-x:hidden}
#hed .chapters{background:transparent}
#hed .chapter{position:relative;z-index:0}
#hed .chapter:not(:last-child){border-bottom:none}
/* toque ligero del color de la coleccion en el FONDO de cada seccion (no relleno entero); deja ver el degradado galaxia->blanco del documento */
#hed .chapter::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;z-index:-1;pointer-events:none}
/* CASCADA de color que baja por la pagina: azul -> dorado -> verde. Cada banda llena ENTERA y conecta con la siguiente. */
#hed .chapter.ch-night::before{background:linear-gradient(180deg, rgba(150,182,222,.07) 0%, rgba(108,152,210,.17) 100%)}
#hed .chapter.ch-deep::before{background:linear-gradient(180deg, rgba(108,152,210,.17) 0%, rgba(146,170,200,.13) 52%, rgba(214,182,120,.11) 100%)}
#hed .chapter.ch-dusk::before{background:linear-gradient(180deg, rgba(214,182,120,.11) 0%, rgba(228,190,116,.18) 50%, rgba(178,196,140,.14) 100%)}
#hed .chapter.ch-aurora::before{background:linear-gradient(180deg, rgba(178,196,140,.14) 0%, rgba(130,184,150,.18) 34%, rgba(150,190,162,.09) 66%, rgba(255,255,255,0) 100%)}
/* texto oscuro sobre blanco (anula el on-dark del HTML) */
#hed .chapter.on-dark .copy .kicker{color:var(--mut)}
#hed .chapter.on-dark .copy h2{color:var(--ink)}
#hed .chapter.on-dark .copy .desc{color:var(--mut)}
#hed .chapter.on-dark .spec{color:var(--ink);border-top-color:var(--line)}
#hed .chapter.on-dark .spec .price{color:var(--gold)}
#hed .chapter.on-dark .link{color:var(--ink)}
#hed .chapter.on-dark .visual{border-color:var(--line)}
/* card del reloj: claro, con wash y glow suaves del color de la colección; fuera estrellas */
#hed .chapter .visual .sky{display:none}
#hed .chapter .visual .platef{filter:drop-shadow(0 22px 30px rgba(20,28,46,.16))}
#hed .chapter .phenom{color:var(--ink);background:rgba(255,255,255,.8);border-color:var(--line);backdrop-filter:none}
#hed .chapter .visual.dusk .phenom, #hed .chapter .visual.aurora-sky .phenom{color:var(--ink);background:rgba(255,255,255,.8);border-color:var(--line)}
#hed .chapter .visual.night, #hed .chapter .visual.deep{background:radial-gradient(120% 110% at 50% 0%, #d7e3f6 0%, #e4eef9 58%, #eef4fc 100%)}
#hed .chapter .visual.night::before, #hed .chapter .visual.deep::before{background:radial-gradient(circle, rgba(47,77,128,.16), transparent 70%)}
#hed .chapter .visual.dusk{background:radial-gradient(120% 100% at 50% 4%, #f8f1e4 0%, #fbf6ee 72%)}
#hed .chapter .visual.dusk::before{background:radial-gradient(circle, rgba(178,138,74,.20), transparent 70%)}
#hed .chapter .visual.aurora-sky{background:radial-gradient(120% 100% at 50% 4%, #e8f3ee 0%, #f3f8f5 72%)}
#hed .chapter .visual.aurora-sky::before{background:radial-gradient(circle, rgba(70,135,110,.16), transparent 70%)}