@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap');:root{--paper:#f3f4ed;--ink:#24332d;--muted:#74817a;--line:#dce1d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(20px,4vw,72px);border-bottom:1px solid var(--line);background:rgba(243,244,237,.96)}header .brand{text-decoration:none;font-size:13px;letter-spacing:.16em;font-weight:600;white-space:nowrap}.controls{display:flex;gap:10px;align-items:center}button{font:inherit;cursor:pointer}.lang{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px 4px}.lang.active{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.menu-trigger{background:none;border:1px solid var(--line);padding:8px 12px;font-size:18px}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:20px clamp(20px,4vw,72px) 38px;box-shadow:0 20px 35px #13231c1a}.nav.open{display:grid;gap:7px}.nav a{text-decoration:none;padding:13px 0;border-bottom:1px solid var(--line);font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,3vw,36px)}.nav a[aria-current=page]{color:#8b3736}.hero{height:calc(100svh - 74px);min-height:620px;position:relative;overflow:hidden;color:white;background:#405c50}.hero>video,.hero>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(16,37,31,.47),transparent 48%,rgba(14,28,24,.30))}.hero-copy{position:absolute;z-index:2;top:15%;left:clamp(22px,5vw,75px);right:20px}.eyebrow{font-size:11px;letter-spacing:.27em}.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(58px,10vw,116px);margin:22px 0}.hero-copy p:last-of-type{font-size:17px;line-height:1.7;max-width:430px}.hero-link{display:inline-block;margin-top:30px;text-decoration:none;border-bottom:1px solid white;padding:12px 0;letter-spacing:.11em;font-size:12px}.hero-foot{position:absolute;z-index:2;bottom:26px;right:30px;font-size:11px;letter-spacing:.22em}.page{padding:clamp(40px,6vw,88px) clamp(22px,7vw,108px) 110px;min-height:75vh}.page .over{font-size:12px;letter-spacing:.2em;color:var(--muted)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(48px,8vw,94px);line-height:1.1;max-width:950px;margin:16px 0 38px}h2{font-size:clamp(28px,4vw,48px)}.lead{max-width:790px;font-size:clamp(19px,2.5vw,28px);line-height:1.6}.muted{color:var(--muted);line-height:1.7}.books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 32px;margin-top:75px}.books img{width:100%;height:300px;object-fit:contain}.books h2{font-size:25px;margin-bottom:5px}.books p{font-size:13px;color:var(--muted)}.countries{display:flex;gap:10px;flex-wrap:wrap;margin:45px 0}.countries button{padding:12px 16px;border:1px solid #bac9c1;background:transparent;color:var(--ink)}.countries button.active{background:var(--ink);color:white}.country{padding:35px 0;border-top:1px solid var(--line);max-width:740px}.country h2{margin:0}.country p{font-size:17px;line-height:1.8}.note{margin-top:50px;color:var(--muted);font-size:13px}.text-block{max-width:770px;line-height:1.9;font-size:18px}.links{display:flex;gap:20px;flex-wrap:wrap;margin-top:50px}.links a{padding:14px 20px;border:1px solid var(--ink);text-decoration:none}footer{padding:36px clamp(22px,7vw,108px);display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid var(--line)}@media(min-width:860px){.nav:not(.open){display:flex;position:static;background:transparent;padding:0;box-shadow:none;gap:24px;margin-left:auto}.nav a{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.04em;border:0;padding:0}.menu-trigger{display:none}.books{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{height:calc(100svh - 80px)}.hero video,.hero img{object-fit:cover}.hero-copy{top:28%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Navegación visible de inicio y controles móviles */
.site-index{background:var(--paper);padding:clamp(46px,8vw,110px) clamp(24px,8vw,120px) 120px}.index-head{margin-bottom:42px}.index-head span{font-size:11px;letter-spacing:.24em;color:var(--muted)}.index-head p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,3.5vw,43px);line-height:1.35;max-width:780px}.index-links{display:grid;grid-template-columns:1fr;max-width:1050px}.index-links a{font-family:'Playfair Display',Georgia,serif;text-decoration:none;font-size:clamp(27px,4vw,46px);padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.index-links span{font-family:'DM Sans',sans-serif;font-size:22px;color:var(--muted)}.nav.open{z-index:9999}.controls button:focus-visible,.index-links a:focus-visible,.nav a:focus-visible{outline:2px solid #8b3736;outline-offset:3px}.lang.active{font-weight:700;background:#dce8dd;border-radius:5px}.menu-trigger{min-width:44px;min-height:44px}.lang{min-height:42px;min-width:30px}.site-index a:hover{color:#8b3736}header{position:relative}@media(max-width:540px){header{gap:6px;padding:10px 13px}header .brand{font-size:11px;letter-spacing:.09em}.controls{gap:4px}.lang{font-size:11px}.hero{min-height:560px}.hero-copy{top:16%}}
/* v2.2: navigation must work without JavaScript */
header{position:relative;z-index:99}
.controls{display:flex;align-items:center;gap:9px}
a.lang{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:31px;color:var(--muted);font-size:12px}
a.lang.active{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:5px}
.menu{position:relative}
.menu>summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:10px 14px;font-size:20px;min-width:44px;min-height:44px;display:grid;place-items:center}
.menu>summary::-webkit-details-marker{display:none}
.menu-nav{display:flex;flex-direction:column;position:absolute;right:-12px;top:calc(100% + 12px);width:min(86vw,365px);background:var(--paper);padding:22px;box-shadow:0 14px 44px #1b2a2350;border:1px solid var(--line);z-index:9999}
.menu-nav a{font-family:'Playfair Display',Georgia,serif;text-decoration:none;font-size:23px;border-bottom:1px solid var(--line);padding:13px 0}
.menu-nav a:hover{color:#8b3736}
@media(max-width:540px){header{gap:5px;padding:10px 12px}header .brand{font-size:11px;letter-spacing:.08em}.controls{gap:5px}a.lang{min-width:28px;font-size:11px}.menu-nav{right:-12px}}

/* v2.3: no duplicate language controls in hero */
.hero-foot{display:none!important}

/* V2.5: typography preserved on hero; no overlay buttons. */
.hero-copy{pointer-events:none;top:14%;right:7%;max-width:650px;text-shadow:0 2px 18px rgba(10,30,25,.35)}
.hero-copy h1{font-size:clamp(54px,10vw,112px);line-height:1.06;margin:22px 0 20px}
.hero-copy p:last-child{font-size:clamp(16px,2.3vw,21px);line-height:1.6;max-width:430px}
@media(max-width:540px){.hero-copy{top:14%;left:clamp(24px,6vw,44px);right:18px}.hero-copy h1{font-size:clamp(54px,12.5vw,78px)}}

/* v2.7 — menú editorial transparente, más ligero y legible */
header{position:relative;z-index:99;padding:13px clamp(18px,4vw,68px);background:rgba(247,248,243,.80);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);border-bottom:1px solid rgba(72,94,77,.13)}
header .brand{font-size:clamp(12px,1.3vw,15px);font-weight:500;letter-spacing:.19em}
.controls{gap:clamp(8px,1.3vw,18px)}
a.lang{font-size:11px;letter-spacing:.08em;font-weight:400;opacity:.8;min-width:30px;min-height:44px;transition:opacity .2s ease,color .2s ease}
a.lang:hover{opacity:1}
a.lang.active{opacity:1;background:transparent;border-radius:0;font-weight:600;text-decoration:none;color:#244a3a;position:relative}
a.lang.active:after{content:'';height:1px;background:#697d68;position:absolute;left:6px;right:6px;bottom:9px}
.menu>summary{font-family:Georgia,serif;font-size:22px;font-weight:300;border:1px solid rgba(52,84,65,.21);background:rgba(255,255,255,.24);border-radius:50%;width:43px;height:43px;min-width:43px;min-height:43px;padding:0;transition:background .22s ease,transform .22s ease}
.menu>summary:hover,.menu[open]>summary{background:rgba(255,255,255,.72)}
.menu-nav{right:0;top:calc(100% + 14px);width:min(90vw,440px);border-radius:2px;border:1px solid rgba(95,113,99,.22);background:rgba(248,249,245,.94);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 24px 65px rgba(17,36,28,.16);padding:26px 32px;gap:0}
.menu-nav a{font-family:'Playfair Display',Georgia,serif;font-size:clamp(20px,3.5vw,27px);font-weight:400;line-height:1.28;color:#314539;border-bottom:1px solid rgba(93,117,100,.17);padding:16px 3px;transition:color .2s ease,padding-left .2s ease}
.menu-nav a:last-child{border-bottom:0}.menu-nav a:hover,.menu-nav a:focus-visible{color:#8b3736;padding-left:9px}
.menu-nav a[aria-current="page"]{color:#8b3736}
@media(max-width:540px){header{padding:9px 14px}header .brand{font-size:11.5px;letter-spacing:.13em}.controls{gap:7px}a.lang{min-width:25px;font-size:10.5px}.menu-nav{right:-2px;padding:17px 25px;width:min(89vw,390px)}.menu-nav a{font-size:23px;padding:15px 1px}}
@media(prefers-reduced-motion:reduce){.menu-nav a,.menu>summary,a.lang{transition:none}}