:root{--ink:#0c0c0c;--on:#f2f2f0;--mut:#8c8c8a;--gold:#d0b77f;--line:rgba(255,255,255,.13)}
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--ink);color:var(--on);font-family:'Inter',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .awrap{max-width:760px;margin:0 auto;padding:0 24px}
  .abar{position:sticky;top:0;z-index:20;background:rgba(12,12,12,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .abar .awrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
  .abrand{font-size:1.3rem;font-weight:700;letter-spacing:-.04em;color:#fff}
  .abrand span{color:var(--gold)}
  .aback{font-size:.84rem;font-weight:600;color:rgba(255,255,255,.72);transition:color .2s}
  .aback:hover{color:#fff}
  .aback:focus-visible,.abtn:focus-visible,.abrand:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
  .article{padding-top:clamp(48px,9vw,88px);padding-bottom:clamp(56px,10vw,110px)}
  .aeyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
  .atitle{font-size:clamp(2.8rem,10vw,4.6rem);font-weight:800;letter-spacing:-.04em;line-height:.98;margin:14px 0 0}
  .ameta{margin-top:12px;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
  .alede{margin-top:22px;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:300;color:rgba(255,255,255,.9)}
  .aportrait{margin-top:40px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
  .aportrait img{width:100%;aspect-ratio:4/3;object-fit:cover}
  .abody{margin-top:40px}
  .abody p{font-size:1.08rem;line-height:1.75;color:rgba(255,255,255,.86);margin-top:20px}
  .abody h2{margin-top:44px;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}
  .facts{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
  .fact{background:var(--ink);padding:24px 20px}
  .fact dt{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
  .fact dd{margin-top:8px;font-size:1.02rem;font-weight:500}
  .cities{margin-top:44px;display:flex;flex-wrap:wrap;gap:8px}
  .cities span{border:1px solid var(--line);border-radius:2px;padding:8px 14px;font-size:.85rem;font-weight:500}
  .acta{margin-top:48px;display:flex;gap:12px;flex-wrap:wrap}
  .abtn{display:inline-flex;align-items:center;padding:14px 26px;border-radius:2px;font-weight:600;font-size:.86rem;background:var(--gold);color:#0c0c0c;transition:transform .2s,opacity .2s}
  .abtn:hover{transform:translateY(-1px);opacity:.92}
  .abtn.ghost{background:transparent;color:#fff;border:1px solid var(--line)}
  .abtn.ghost:hover{border-color:var(--gold)}
  .afoot{border-top:1px solid var(--line);padding:38px 0}
  .afoot .awrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
  .afoot p{color:var(--mut);font-size:.8rem}
  @media(max-width:600px){.facts{grid-template-columns:1fr}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

  /* ── Secciones que antes vivían en la portada ───────────────────────────── */
  .care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair-paper);border:1px solid var(--hair-paper);margin-top:var(--s4)}
  .care{background:var(--paper);padding:clamp(26px,2.8vw,36px) clamp(22px,2.2vw,30px)}
  .care-when{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a6d34}
  .care h3{font-size:1.22rem;font-weight:600;letter-spacing:-.018em;margin:var(--s2) 0 var(--s1)}
  .care p{font-size:.94rem;color:#3a372f;line-height:1.62}
  .care-alert{margin-top:var(--s4);padding:18px 22px;border-left:2px solid #8a6d34;background:var(--paper-soft);font-size:.94rem;line-height:1.62}
  .care-note{margin-top:var(--s3);font-size:.85rem}
  .shop-item{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3.4vw,56px);align-items:center;margin-top:var(--s4)}
  .shop-media{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .shop-media img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:2px;display:block}
  .shop-body h3{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;letter-spacing:-.025em}
  .shop-meta{margin-top:var(--s1);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-mut)}
  .shop-body p{margin-top:var(--s2);font-size:.98rem;line-height:1.68;color:rgba(255,255,255,.78)}
  .shop-soon{display:inline-block;margin-top:var(--s3);border:1px solid #d0b77f;color:#d0b77f;padding:8px 16px;border-radius:2px;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
  .shop-ask{font-size:.88rem}
  .shop-body .ghost{display:inline-block;margin-top:var(--s3);padding:14px 28px;border:1px solid var(--hair-ink);border-radius:2px;font-weight:600;font-size:.84rem;transition:.25s}
  .shop-body .ghost:hover{border-color:#d0b77f;color:#d0b77f}
  .care-grid{grid-template-columns:repeat(2,1fr)}
  .shop-item{grid-template-columns:1fr;gap:var(--s4)}
  .care-grid{grid-template-columns:1fr}

  /* Las de la portada usan variables del tema claro; acá el fondo es oscuro. */
  .care{background:transparent;border:1px solid var(--line)}
  .care-grid{background:transparent;border:none;gap:12px}
  .care h3{color:var(--on)}
  .care p{color:rgba(255,255,255,.82)}
  .care-when{color:var(--gold)}
  .care-alert{background:rgba(255,255,255,.04);border-left-color:var(--gold);color:rgba(255,255,255,.88)}
  .care-note{color:var(--mut)}
  .shop-meta{color:var(--mut)}
  .shop-soon{border-color:var(--gold);color:var(--gold)}
  @media(max-width:640px){.care-grid{grid-template-columns:1fr}.shop-item{grid-template-columns:1fr}}