/* La Ventana Palenque · Maya Bioregion overlay v1.0 · Agency NEO Library
   Additive stylesheet: only adds new classes (lv-*). Reuses the site's own :root tokens. */
.lv-tr>span{display:none}.lv-tr>.en{display:inline}
html[lang=es] .lv-tr>.en,html[lang=fr] .lv-tr>.en{display:none}
html[lang=es] .lv-tr>.es{display:inline}html[lang=fr] .lv-tr>.fr{display:inline}
.lv-js .lv-rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.lv-js .lv-rv.in{opacity:1;transform:none}

/* ───────── Bioregion ───────── */
.lv-bio{background:radial-gradient(1200px 520px at 85% -10%,rgba(191,154,50,.16),transparent 60%),radial-gradient(900px 500px at -10% 40%,rgba(44,87,73,.55),transparent 65%),linear-gradient(180deg,#112a20 0%,var(--forest-deep) 55%,#0e231a 100%);color:#f3ecdc;overflow:hidden}
.lv-bio::before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background:repeating-radial-gradient(circle at 78% 18%,transparent 0 22px,#fff 22px 23px)}
.lv-bio .wrap{position:relative}
.lv-bio .lbl{color:var(--gold)}
.lv-bio h2.t{color:#fff}.lv-bio h2.t em{color:var(--gold)}
.lv-bio .lede{color:#d9d0ba;max-width:560px}
.lv-hero2{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center}
.lv-arch{position:relative;width:min(100%,400px);aspect-ratio:3/4;margin-inline:auto;border-radius:999px 999px 20px 20px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 0 10px rgba(191,154,50,.14),0 50px 90px -34px rgba(0,0,0,.7);background:#16372b}
.lv-arch img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.lv-arch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,35,26,0) 50%,rgba(14,35,26,.72) 100%)}
.lv-pin{position:absolute;z-index:2;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:999px;background:rgba(14,35,26,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;font:700 .7rem/1 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.lv-dot{width:10px;height:10px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 0 rgba(191,93,57,.7);animation:lvping 2.2s infinite}
@keyframes lvping{70%{box-shadow:0 0 0 14px rgba(191,93,57,0)}100%{box-shadow:0 0 0 0 rgba(191,93,57,0)}}
.lv-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(28px,4vw,46px)}
.lv-pillar{padding:1.2rem 1.25rem;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.lv-pillar b{display:block;font:500 1.15rem/1.2 'Fraunces',serif;color:#fff;margin:.35rem 0 .3rem}
.lv-pillar p{font-size:.88rem;line-height:1.6;color:#cfc6b0}
.lv-pillar i{font-style:normal;font-size:1.4rem}
.lv-mapwrap{margin-top:clamp(34px,5vw,64px)}
.lv-maphead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px 24px;margin-bottom:14px}
.lv-maphead h3{font:500 clamp(1.4rem,3vw,2rem)/1.1 'Fraunces',serif;color:#fff}
.lv-maphead p{font-size:.85rem;color:#cfc6b0;max-width:520px;line-height:1.55}
.lv-atlas{display:grid;gap:12px}
.lv-atlas .atlas-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.lv-atlas .atlas-base,.lv-atlas .atlas-layers{display:flex;flex-wrap:wrap;gap:6px}
.lv-atlas button[data-base],.lv-atlas button[data-layer]{height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#f3ecdc;font:700 .74rem/1 'Manrope',sans-serif;letter-spacing:.05em;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .2s,color .2s,border-color .2s}
.lv-atlas button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1b3a30}
.lv-atlas button i{width:9px;height:9px;border-radius:50%;background:var(--dot,var(--clay))}
.lv-atlas button:focus-visible,.lv-atlas .atlas-tour button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lv-atlas .atlas-map{position:relative;height:clamp(380px,62vh,640px);border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0d2a21;z-index:0;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.lv-atlas .atlas-map .earth-now{position:absolute;inset:0;margin:0;display:grid;place-items:center}
.lv-atlas .atlas-map .earth-now img{width:100%;height:100%;object-fit:contain;opacity:.9}
.lv-atlas .atlas-map .earth-now figcaption{display:none}
.lv-atlas .atlas-map.live .earth-now,.lv-atlas .atlas-map.live .loading{display:none}
.lv-atlas .atlas-map .loading{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;padding:8px 14px;border-radius:999px;background:rgba(14,35,26,.9);color:#fff;font:700 .72rem/1 'Manrope',sans-serif}
.lv-atlas .atlas-tour{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;color:#cfc6b0;font:600 .8rem/1.4 'Manrope',sans-serif}
.lv-atlas .atlas-tour .ctl{display:flex;align-items:center;gap:8px}
.lv-atlas .atlas-tour button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:700 1rem/1 'Manrope',sans-serif;cursor:pointer}
.lv-atlas .atlas-tour button:hover{border-color:var(--gold);color:var(--gold)}
.lv-atlas .atlas-tour .now{min-width:14ch;color:#fff;font-weight:800}
.lv-atlas .mk{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.45);font-size:15px;line-height:1;transition:transform .25s}
.lv-atlas .mk.lv{width:42px;height:42px;font-size:21px;border:3px solid var(--clay);box-shadow:0 0 0 0 rgba(191,93,57,.6),0 4px 16px rgba(0,0,0,.5);animation:lvping 2.2s infinite}
.lv-atlas .leaflet-container{font-family:'Manrope',sans-serif;background:#0d2a21}
.lv-atlas .leaflet-popup-content-wrapper{border-radius:16px}
.lv-atlas .leaflet-popup-content{margin:14px 16px;font:400 .88rem/1.45 'Manrope',sans-serif;color:#221e18}
.lv-atlas .pp b{display:block;font:500 1.15rem/1.2 'Fraunces',serif;margin-bottom:2px}
.lv-atlas .pp small{display:block;font:600 .72rem/1.4 'Manrope',sans-serif;color:#5e564a;margin-bottom:8px}
.lv-atlas .pp a{display:inline-block;margin-right:10px;font-weight:700;color:var(--clay-dark);text-decoration:none}
.lv-atlas .pp a[href*="wa.me/529999922040"],.lv-atlas .pp a[href*="wikipedia.org"]{display:none}
.lv-leader{margin-top:clamp(26px,4vw,44px);display:flex;gap:1.2rem 1.5rem;align-items:center;flex-wrap:wrap;padding:1.3rem 1.5rem;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 30px 60px -34px rgba(0,0,0,.65)}
.lv-mono{flex:none;width:76px;height:96px;border-radius:999px 999px 12px 12px;display:grid;place-items:center;background:linear-gradient(160deg,var(--gold),var(--clay));color:#fff;font:600 1.7rem/1 'Fraunces',serif;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.lv-leader .who{flex:1 1 260px}
.lv-leader .role{font:800 .68rem/1 'Manrope',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--clay)}
.lv-leader h3{font:500 1.7rem/1.1 'Fraunces',serif;color:var(--forest-deep);margin:.35rem 0 .4rem}
.lv-leader p{font-size:.92rem;line-height:1.65;color:var(--muted);max-width:560px}
.lv-leader .hub{flex:none;padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;font:800 .7rem/1 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}

/* ───────── Plan de Vida ───────── */
.lv-plan{background:linear-gradient(180deg,var(--sand),var(--bg));overflow-x:clip}
.lv-net,.lv-bio{overflow-x:clip}
.lv-plan-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
.lv-ring{position:relative;width:min(calc(100% - 40px),360px);aspect-ratio:1;margin-inline:auto;border-radius:50%;background:conic-gradient(from var(--a,0deg),var(--forest) 0 25%,var(--gold) 0 50%,var(--clay) 0 75%,var(--forest-deep) 0 100%);padding:14px;transition:--a 1s}
.lv-ring::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px dashed rgba(34,30,24,.25);animation:lvspin 60s linear infinite}
.lv-ring .core{position:absolute;inset:14px;border-radius:50%;overflow:hidden;background:#16372b}
.lv-ring .core img{width:100%;height:100%;object-fit:cover;opacity:.9}
.lv-ring .core::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(14,35,26,.1),rgba(14,35,26,.72))}
.lv-ring .mid{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;color:#fff;padding:22%}
.lv-ring .mid b{font:500 clamp(1.3rem,3vw,1.9rem)/1.1 'Fraunces',serif}
.lv-ring .mid small{display:block;margin-top:.4rem;font:800 .62rem/1.3 'Manrope',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
@keyframes lvspin{to{transform:rotate(360deg)}}
.lv-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:1.6rem}
.lv-step{position:relative;padding:1.1rem 1.15rem 1.15rem;border-radius:18px;background:var(--paper);border:1px solid var(--line);transition:transform .3s,box-shadow .3s,border-color .3s;cursor:default}
.lv-step.on,.lv-step:hover{transform:translateY(-4px);border-color:var(--clay);box-shadow:0 22px 40px -26px rgba(34,30,24,.55)}
.lv-step .n{font:600 .8rem/1 'Fraunces',serif;color:var(--clay)}
.lv-step b{display:block;font:500 1.2rem/1.2 'Fraunces',serif;color:var(--forest-deep);margin:.35rem 0 .3rem}
.lv-step p{font-size:.85rem;line-height:1.55;color:var(--muted)}
.lv-plan .cta{margin-top:1.6rem;background:var(--clay-dark);color:#fff}
.lv-plan .cta:hover{background:#8d3f23}

/* ───────── Links of interest ───────── */
.lv-net{background:var(--paper)}
.lv-netgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:1.6rem}
.lv-netcard{display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem;border-radius:18px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .3s,box-shadow .3s,border-color .3s}
.lv-netcard:hover,.lv-netcard:focus-visible{transform:translateY(-4px);border-color:var(--forest);box-shadow:0 24px 40px -28px rgba(34,30,24,.5)}
.lv-netcard small{font:800 .66rem/1 'Manrope',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--clay)}
.lv-netcard b{font:500 1.2rem/1.2 'Fraunces',serif;color:var(--forest-deep)}
.lv-netcard span{font-size:.86rem;line-height:1.55;color:var(--muted)}
.lv-netcard em{font-style:normal;font-weight:800;color:var(--forest);margin-top:auto;padding-top:.4rem;font-size:.8rem}

/* ribbons */
.lv-ribbon{margin-top:1.4rem;text-align:center;font-size:.86rem;color:var(--muted)}
.lv-ribbon a{color:var(--clay-dark);font-weight:800;text-decoration:none;border-bottom:1px solid currentColor}
.lv-ribbon.bib{margin:0;padding:.7rem clamp(18px,4vw,40px);background:var(--forest-deep);color:#e9e2cf;font-size:.8rem}
.lv-ribbon.bib a{color:var(--gold)}
.lv-foot{margin-top:1.1rem;font-size:.78rem;line-height:1.9;opacity:.85}
.lv-foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}

@media(max-width:860px){
 .lv-hero2,.lv-plan-grid{grid-template-columns:1fr}
 .lv-pillars,.lv-netgrid{grid-template-columns:1fr}
 .lv-arch{order:-1;width:min(78%,300px)}
 .lv-steps{grid-template-columns:1fr}
}
@media(max-width:480px){.lv-leader .hub{width:100%;text-align:center}.lv-atlas .atlas-tour .now{min-width:0}}
@media(prefers-reduced-motion:reduce){
 .lv-js .lv-rv{opacity:1;transform:none;transition:none}
 .lv-dot,.lv-atlas .mk.lv,.lv-ring::before{animation:none}
 .lv-arch img{transform:none}
}

/* biblioteca.html: the tab strip scrolled sideways but pushed the whole page wider on phones */
@media(max-width:900px){.nav-in{min-width:0}.nav-in>.tabs{min-width:0;max-width:100%}}
@media(max-width:420px){.nav-in{grid-template-columns:minmax(0,1fr)}.nav-in>.nav-right{justify-self:start;flex-wrap:wrap}.nav-in>.tabs{grid-column:auto}}