:root {
      color-scheme:dark;
      /* Cambia estos colores para ajustar todo el sitio. */
      --black:#0d0d0e;
      --ink:#b3adaa;
      --muted:#b3adaa;
      --line:#5c5959;
      --red:#9f3036;
      --nav-bg:#0b0b0ce8;
      --card-bg:#181819;
      --region-bg:#111112;
      --button-bg:#b3adaa;
      --button-text:#151515;
      --button-hover:#9f3036;
    }
    * { box-sizing:border-box }
    html { scroll-behavior:smooth }
    body { margin:0; background-color:var(--black); background-image:linear-gradient(#0505065c,#0505065c),url('assets/fondo.png'); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; color:var(--ink); font:1rem/1.65 Inter,Arial,sans-serif }
    a { color:inherit }
    a:focus-visible, button:focus-visible { outline:2px solid #fff; outline-offset:5px }
    .wrap { width:min(1180px, calc(100% - 48px)); margin:auto }
    .top { border-bottom:1px solid #ffffff32; background:var(--nav-bg); }
    .top .wrap { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px }
    .brand { color: #8d3337;
  font: 1000 2.1rem/1 'Cormorant Garamond', Georgia, serif;
  letter-spacing: .14em;
  text-decoration: none;}
    nav { display:flex; align-items:center; flex-wrap:wrap; gap:clamp(16px,3vw,38px); font-size:.85rem; letter-spacing:.08em; text-transform:uppercase }
    nav a { text-decoration:none; color:#d0ccca }
    nav a:hover, .text-link:hover { color:white; text-decoration:underline; text-underline-offset:5px }
    nav .instagram { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; color:#d0ccca }
    nav .instagram:hover { color:white }
    .language { color:#aaa; border-left:1px solid #666; padding-left:20px; cursor:default }
    .hero { min-height:690px; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.82fr); align-items:center; gap:clamp(42px,7vw,110px); padding:72px 0 88px }
    .eyebrow { color:#c3beb9; font-size:.78rem; text-transform:uppercase; letter-spacing:.25em; font-weight:600; margin:0 0 18px }
h1,h2,h3,p { margin-top:0 }
h1,h2,h3 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; line-height:1.04 }
h1 { font-size:clamp(3.8rem,7vw,7.3rem); letter-spacing:-.035em; margin-bottom:26px; line-height:.80 }
h1 span { display:block }
h1 span:nth-child(2) { margin-top:.03em }
h1 .linea-cercana { margin-top:-.09em }
    .hero-lead { max-width:580px; font:500 clamp(1.35rem,2vw,1.75rem)/1.35 'Cormorant Garamond',Georgia,serif; color:#f0edeb; margin-bottom:20px }
    .hero-copy { max-width:540px; color:#c9c4c1; margin-bottom:34px }
    .actions { display:flex; flex-wrap:wrap; gap:12px }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:11px 23px; border:1px solid #bbb6b1; text-decoration:none; text-align:center; font-size:.83rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; transition:background .2s,border-color .2s,transform .2s }
    .button:hover { transform:translateY(-2px) }
    .button.primary { background:var(--button-bg); color:var(--button-text); border-color:var(--button-bg) }
    .button.primary:hover { background:var(--button-hover); border-color:var(--button-hover) }
    .button.secondary:hover { background:#ffffff18 }
    .book-stage { position:relative; padding:14px 26px 20px 8px }
    .book-stage::after { content:""; position:absolute; height:30px; left:13%; right:2%; bottom:5px; background:#000; filter:blur(20px); z-index:-1 }
    .book-stage img { display:block; width:100%; max-width:435px; margin:auto; height:auto; box-shadow:16px 20px 36px #000b,2px 2px 0 #777; transform:rotate(1.5deg) }
    .rule { border:0; border-top:1px solid #ffffff36; margin:0 }
    section { scroll-margin-top:30px }
    .intro { padding:100px 0; text-align:center }
    .intro .eyebrow { margin-bottom:20px }
    h2 { font-size:clamp(2.9rem,5vw,5rem); margin-bottom:25px }
    .intro p:last-child { max-width:770px; margin:0 auto; color:#d2cdca; font:400 clamp(1.3rem,2.2vw,1.75rem)/1.45 'Cormorant Garamond',Georgia,serif }
    .intro em { color:#fff; font-style:normal; border-bottom:1px solid var(--red) }
    .story { padding:95px 0 120px; max-width:800px }
    .story p { max-width:760px; color:#d1cbca }
    .story .pull { font:500 1.65rem/1.35 'Cormorant Garamond',Georgia,serif; color:#eee; border-left:2px solid var(--red); padding-left:22px; margin:35px 0 }
    .text-link { display:inline-block; margin-top:7px; font-size:.88rem; text-transform:uppercase; letter-spacing:.08em; text-underline-offset:5px }
    .editions { padding:95px 0 110px }
    .section-head { max-width:700px; margin-bottom:38px }
    .section-head p:last-child { color:var(--muted) }
    .edition-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#595657; border:1px solid #595657 }
    .edition { background:var(--card-bg); padding:35px 31px 37px; display:flex; flex-direction:column; min-height:310px }
    .edition .num { color:#af7778; font:600 .78rem Inter,Arial,sans-serif; letter-spacing:.2em }
    .edition h3 { font-size:2.4rem; margin:29px 0 11px }
    .edition p { color:#c0bab6; font-size:.94rem; flex:1 }
    .edition a { font-size:.83rem; text-transform:uppercase; letter-spacing:.08em; text-underline-offset:5px; font-weight:600 }
    .edition a:hover { color:white }
    .country-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#595657; border:1px solid #595657; border-top:0 }
    .country { background:var(--region-bg); padding:27px 31px 31px }
    .country h3 { font:600 .8rem Inter,Arial,sans-serif; letter-spacing:.13em; text-transform:uppercase; margin:0 0 18px; color:#d5d0cc }
    .country-links { display:flex; flex-wrap:wrap; gap:11px 18px }
    .country-links a { color:#c2bdb9; font-size:.9rem; text-underline-offset:4px }
    .country-links a:hover { color:#fff }
    .note { color:#aaa3a0; font-size:.8rem; margin:22px 0 0 }
    footer { padding:45px 0; color:#aca7a5; font-size:.86rem }
    footer .wrap { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap }
    footer strong { color:#ece8e5; font:600 1.3rem 'Cormorant Garamond',Georgia,serif; letter-spacing:.12em }
    @media(max-width:780px) {
      .top .wrap { min-height:66px; align-items:flex-start; padding:18px 0; flex-direction:column; gap:13px }
      nav { gap:16px; font-size:.75rem }
      .language { padding-left:14px }
      .hero { grid-template-columns:1fr; min-height:0; gap:50px; padding:68px 0 78px }
      .hero .copy { max-width:630px }
      .book-stage { width:min(75%,400px); margin:auto }
      .intro { padding:75px 0 }
      .story { padding:70px 0 85px }
      .editions { padding:70px 0 85px }
      .edition-grid { grid-template-columns:1fr }
      .edition { min-height:240px }
      .country-grid { grid-template-columns:1fr; border-top:1px solid #595657; margin-top:16px }
    }
    @media(max-width:440px) {
      .wrap { width:min(100% - 32px,1180px) }
      h1 { font-size:3.55rem }
      nav { gap:11px }
      .button { width:100% }
      .book-stage { width:91% }
    }
    @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } .button { transition:none } }

/* Contacto de 333 */
.contact-page { width:min(650px,calc(100% - 48px)); min-height:calc(100vh - 220px); padding:150px 0 125px; margin-inline:auto }
.contact-page h1 { font-size:clamp(3.5rem,7vw,6rem); line-height:1; margin-bottom:22px }
.contact-lead { color:#d2cdca; font:400 clamp(1.3rem,2.2vw,1.75rem)/1.45 'Cormorant Garamond',Georgia,serif; margin:0 0 40px; max-width:650px }
.contact-form { display:grid; gap:22px; width:100% }
.contact-form label { display:grid; gap:8px; font-size:.9rem; font-weight:600 }
.contact-form input,.contact-form textarea { width:100%; min-width:0; padding:14px 16px; border:1px solid var(--line); border-radius:0; background:var(--card-bg); color:#f0edeb; font:1rem/1.5 Inter,Arial,sans-serif }
.contact-form textarea { min-height:180px; resize:vertical }
.contact-form input:focus-visible,.contact-form textarea:focus-visible { outline:2px solid #d0ccca; outline-offset:2px }
.contact-form button { justify-self:start; cursor:pointer; font-family:Inter,Arial,sans-serif }
.contact-form button:disabled { opacity:.6; cursor:default }
.contact-form .status { min-height:1.5em; margin:0; color:#d2cdca }
.contact-form .hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden }
.thank-you { display:flex; flex-direction:column; align-items:flex-start; justify-content:center }
.thank-you .eyebrow { margin-bottom:20px }
.thank-you .contact-lead { margin-bottom:35px }
@media(max-width:780px) { .contact-page { width:min(100% - 32px,650px); padding:100px 0 90px; min-height:calc(100vh - 260px) } }

/* Shared language switch and pending English edition links. */
.language { display:inline-flex; align-items:center; gap:10px; white-space:nowrap }
.language [aria-current="page"] { color:#ece8e5; font-weight:600 }
.language a { color:#aaa }
.button:disabled { opacity:.6; cursor:default; font-family:Inter,Arial,sans-serif }
.button:disabled:hover { transform:none }
.purchase-pending { font-size:.83rem; text-transform:uppercase; letter-spacing:.08em; font-weight:600; color:var(--muted) }
.country-pending { color:#aaa3a0; font-size:.9rem }
.sample-pending { color:var(--muted) }