:root{
  --cream:#F7F1E6; --paper:#FFFDF8; --ink:#26313D; --ink-soft:#5B6672; --navy-deep:#0A3E7A; --rust:#B84433;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Amiko',sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:#0C4C95;text-decoration:none;}
a:hover{color:var(--navy-deep);}
img{max-width:100%;}
button{font-family:inherit;}
@keyframes vb-pulse{0%{transform:scale(0.6);opacity:.5;}75%{transform:scale(2.2);opacity:0;}100%{opacity:0;}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;}}
[hidden]{display:none!important;}
.vb-lang-switch{position:fixed;top:14px;right:14px;z-index:60;}
.vb-lang-switch a{display:inline-block;background:var(--paper);border:1px solid rgba(12,76,149,.24);border-radius:999px;padding:8px 14px;font-weight:700;font-size:12px;color:var(--navy-deep);box-shadow:0 6px 16px -8px rgba(10,46,87,.3);}

.vb-hero{min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px 20px 40px;text-align:center;}
.vb-hero-grid{max-width:620px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%;}
.vb-hero-left,.vb-hero-right{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;}
@media(min-width:1024px){
  .vb-hero{padding:108px 56px 88px;text-align:left;}
  .vb-hero-grid{max-width:1180px;flex-direction:row;align-items:flex-start;text-align:left;gap:72px;}
  .vb-hero-left{flex:0 0 42%;align-items:flex-start;gap:20px;}
  .vb-hero-right{flex:0 0 50%;align-items:flex-start;gap:18px;}
  .vb-hero-left h1{font-size:clamp(2.6rem,3.6vw,3.4rem);}
  .vb-hero-body{max-width:none;text-align:left;}
  .vb-hero-foot{max-width:none;text-align:left;}
}
.eyebrow,.eyebrow-rust,.eyebrow-gold{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12px;}
.eyebrow{color:#C9640F;}
.eyebrow-rust{color:var(--rust);}
.eyebrow-gold{color:#F5C518;}
h1{font-size:clamp(1.9rem,5.2vw,2.7rem);line-height:1.15;font-weight:700;color:var(--navy-deep);margin:0;letter-spacing:-.005em;}
.vb-hero-body{font-size:15.5px;line-height:1.65;color:var(--ink-soft);max-width:500px;margin:0;}
.vb-hero-foot{font-size:12px;line-height:1.6;color:var(--ink-soft);opacity:.85;max-width:440px;font-style:italic;margin:2px 0 0;}
.weather-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--navy-deep);background:var(--paper);border:1px solid rgba(12,76,149,.18);border-radius:999px;padding:6px 13px;margin-top:2px;}
.data-banner{max-width:640px;margin:0 auto 20px;background:rgba(184,68,51,.1);border:1px solid rgba(184,68,51,.3);color:#8A3527;border-radius:14px;padding:12px 16px;font-size:12.5px;line-height:1.5;text-align:center;}

.vb-map-section{padding:40px 16px 56px;background:var(--paper);border-top:1px solid rgba(12,76,149,.12);border-bottom:1px solid rgba(12,76,149,.12);}
.section-head{max-width:1000px;margin:0 auto 20px;display:flex;flex-direction:column;gap:6px;}
.section-head-center{max-width:600px;margin:0 auto 22px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;}
h2{font-size:clamp(1.4rem,3.6vw,1.9rem);font-weight:700;color:var(--navy-deep);margin:0;}
.lede{color:var(--ink-soft);font-size:14px;max-width:520px;line-height:1.55;margin:0;}
.lede-center{color:var(--ink-soft);font-size:14px;max-width:480px;line-height:1.55;margin:0 auto;}

.map-shell{position:relative;margin:0 auto;width:100%;max-width:1000px;background:var(--cream);}
.map-img{width:100%;height:auto;display:block;user-select:none;}
.filters-bar{position:static;display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;margin:28px auto 24px;max-width:1000px;}
.chip{appearance:none;border:1.5px solid var(--chip-color,#26313D);background:var(--paper);color:var(--chip-color,#26313D);font-weight:700;font-size:12.5px;letter-spacing:.01em;padding:9px 16px;border-radius:999px;cursor:pointer;flex:0 0 auto;box-shadow:0 4px 12px -8px rgba(10,46,87,.18);transition:all 180ms ease;white-space:nowrap;}
.chip.active{background:var(--chip-color,#0C4C95);color:#fff;box-shadow:0 8px 18px -8px rgba(12,76,149,.5);}
.map-legend{max-width:1000px;margin:14px auto 0;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:12px;color:var(--ink-soft);}
.map-legend span{display:inline-flex;align-items:center;gap:6px;}
.map-legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block;}
.label-layer{position:absolute;inset:0;pointer-events:none;z-index:1;}
.map-label{position:absolute;transform:translate(-50%,10px);white-space:nowrap;font-family:inherit;}
.map-label.place{font-size:clamp(7.5px,1.05vw,11px);font-weight:700;color:var(--ink);background:rgba(255,253,248,.85);padding:2px 7px;border-radius:999px;box-shadow:0 1px 4px rgba(10,46,87,.16);letter-spacing:.01em;transform:translate(-50%,13px);}
.map-label.place.side-right{transform:translate(11px,-50%);}
.map-label.place.side-left{transform:translate(calc(-100% - 11px),-50%);}
.map-label.geo{transform:translate(-50%,-50%);font-size:clamp(6.5px,.85vw,9.5px);font-style:italic;font-weight:700;color:rgba(38,49,61,.55);letter-spacing:.04em;text-transform:uppercase;}
.map-label.territory{transform:translate(-50%,-50%);font-size:clamp(9px,1.3vw,13px);font-weight:800;color:var(--ink);letter-spacing:.01em;}
.hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;border:none;background:transparent;padding:0;cursor:pointer;z-index:2;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.hotspot.is-hidden{opacity:0;pointer-events:none;}
.hotspot:focus-visible{outline:2px solid #0C4C95;outline-offset:2px;}
.hotspot-dot{width:19px;height:19px;border-radius:50%;background:var(--dot-color,#0C4C95);border:2px solid #FFFDF8;box-shadow:0 2px 7px rgba(10,30,50,.32);transition:transform 200ms ease;}
.hotspot-halo{position:absolute;width:19px;height:19px;border-radius:50%;background:var(--dot-color,#0C4C95);opacity:.25;animation:vb-pulse 2.8s ease-out infinite;}
.hotspot:hover .hotspot-dot,.hotspot:focus-visible .hotspot-dot,.hotspot.is-selected .hotspot-dot{transform:scale(1.12);}
.hotspot:hover .hotspot-halo,.hotspot:focus-visible .hotspot-halo{opacity:.4;}
.hotspot.is-origin .hotspot-dot{width:24px;height:24px;box-shadow:0 0 0 3px rgba(255,253,248,.9),0 0 0 4.5px var(--dot-color,#0A3E7A),0 2px 8px rgba(10,30,50,.32);}
.hotspot.is-origin .hotspot-halo{width:24px;height:24px;opacity:.22;animation-duration:4.2s;}

.vb-events-section{padding:52px 16px;background:var(--cream);}
.events-grid{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.event-card{background:var(--paper);border:1px solid rgba(12,76,149,.14);border-top:3px solid #C98A1B;border-radius:16px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px;flex:1 1 250px;max-width:300px;}
.photo-slot{position:relative;width:100%;background:#EFE7D8;overflow:hidden;}
.photo-slot img{width:100%;height:100%;object-fit:cover;display:block;}
.photo-slot.vb-no-photo img{display:none;}
.photo-slot.vb-no-photo::after{content:attr(data-placeholder);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:11.5px;color:var(--ink-soft);}
.photo-credit{position:absolute;left:0;right:0;bottom:0;padding:5px 10px 6px;font-size:10px;line-height:1.3;color:rgba(255,255,255,.92);background:linear-gradient(to top, rgba(10,30,50,.55), rgba(10,30,50,0));text-shadow:0 1px 2px rgba(0,0,0,.4);}
.vb-no-photo .photo-credit{display:none;}
.events-error{max-width:520px;margin:0 auto;text-align:center;background:var(--paper);border:1px dashed rgba(184,68,51,.35);border-radius:20px;padding:28px 26px;color:#8A3527;font-size:13px;line-height:1.6;}
.event-date{font-size:12px;font-weight:800;color:#C98A1B;text-transform:uppercase;letter-spacing:.05em;}
.event-name{font-size:1.08rem;line-height:1.3;font-weight:700;color:var(--navy-deep);margin:0;}
.event-meta{font-size:12.5px;color:var(--ink-soft);}
.event-source{font-size:10.5px;color:var(--ink-soft);opacity:.85;margin:2px 0 6px;}
.event-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:#fff;background:#0C4C95;padding:10px 14px;border-radius:999px;}
.empty-state{max-width:520px;margin:0 auto;text-align:center;background:var(--paper);border:1px dashed rgba(12,76,149,.28);border-radius:20px;padding:36px 26px;display:flex;flex-direction:column;align-items:center;gap:8px;}
.empty-icon{width:46px;height:46px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;color:#0C4C95;margin-bottom:2px;}
.empty-icon img{width:22px;height:22px;}
.empty-title{font-size:1.05rem;font-weight:700;color:var(--navy-deep);margin:0;}
.empty-body{font-size:13px;color:var(--ink-soft);line-height:1.6;max-width:380px;margin:0;}

.vb-restricted-section{padding:52px 16px;background:var(--paper);border-top:1px solid rgba(12,76,149,.12);}
.restricted-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.restricted-card{background:var(--cream);border:1px solid rgba(12,76,149,.14);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;}
.restricted-name{font-size:1.1rem;font-weight:700;color:var(--navy-deep);margin:0;}
.restricted-text{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0;}
.restricted-text b{color:var(--ink);font-weight:700;}
.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;width:fit-content;}
.status-pill.abierto{background:rgba(95,138,70,.14);color:#4C7238;}
.status-pill.parcial{background:rgba(201,138,27,.14);color:#C98A1B;}
.status-pill.restringido{background:rgba(184,68,51,.14);color:#A8452A;}
.status-pill.cerrado{background:rgba(184,68,51,.12);color:var(--rust);}
.status-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.activity-note{font-size:12px;font-weight:700;color:#4C7238;background:rgba(95,138,70,.12);padding:5px 10px;border-radius:999px;}
.btn-go-secondary{background:transparent;border:1.5px solid #0C4C95;color:#0C4C95;}
.stale-line{color:#C98A1B;}

.vb-closing-section{background:var(--navy-deep);color:#fff;text-align:center;padding:64px 20px 48px;}
.closing-inner{max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;}
.closing-inner h2{color:#fff;font-size:clamp(1.5rem,4.6vw,2rem);line-height:1.15;}
.closing-body{color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.6;max-width:420px;margin:0;}
.closing-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px;}
.btn-light{background:#fff;color:var(--navy-deep);padding:14px 26px;border-radius:999px;font-weight:700;font-size:14px;}
.btn-outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);padding:13px 26px;border-radius:999px;font-weight:700;font-size:14px;}

.credibility{max-width:1000px;margin:0 auto;padding:26px 18px 48px;display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;font-size:11.5px;color:var(--ink-soft);text-align:center;}
.credibility img{flex:0 0 auto;opacity:.7;width:15px;height:15px;}

.scrim{position:fixed;inset:0;background:rgba(10,30,50,.32);z-index:40;}
.sheet{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(420px,92vw);max-height:82vh;overflow-y:auto;background:var(--paper);border-radius:20px;box-shadow:0 -12px 50px -12px rgba(10,30,50,.45);z-index:50;}
.close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(12,76,149,.24);background:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:6px;background-clip:padding-box;}
.close-x::before{content:'';position:absolute;inset:-6px;}
.close-x img{width:15px;height:15px;}
.sheet .photo-slot{height:190px;}
.sheet-body{padding:18px 22px 24px;display:flex;flex-direction:column;}
.cat-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:8px;background:rgba(10,46,87,.08);color:var(--navy-deep);width:fit-content;}
.sheet-title{font-size:1.3rem;font-weight:700;color:var(--navy-deep);margin:0 0 6px;}
.sheet-hero-meta{display:flex;align-items:baseline;gap:4px;margin:0 0 12px;color:var(--navy-deep);}
.sheet-hero-meta strong{font-size:1.6rem;font-weight:800;line-height:1;}
.sheet-hero-meta span{font-size:13px;font-weight:600;color:var(--ink-soft);}
.meta-row.is-secondary{opacity:.85;}
.meta-row{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 12px;padding:12px 14px;background:var(--cream);border-radius:14px;border:1px solid rgba(12,76,149,.12);}
.meta-item{display:flex;flex-direction:column;gap:2px;}
.meta-k{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:700;}
.meta-v{font-size:14px;font-weight:700;color:var(--navy-deep);}
.desc{font-size:14px;line-height:1.65;color:var(--ink);margin:0 0 10px;}
.fact{font-size:13px;color:var(--ink-soft);line-height:1.5;margin:0 0 12px;}
.fact b{color:var(--ink);font-weight:700;}
.actions-row{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap;}
.btn-go{flex:1;min-width:150px;text-align:center;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;font-weight:700;font-size:14px;background:#0C4C95;color:#fff;}
.source-line{font-size:11px;color:var(--ink-soft);padding-top:10px;border-top:1px dashed rgba(12,76,149,.24);margin:12px 0 0;}

@media (max-width:640px){ .vb-lang-switch a{padding:6px 11px;font-size:11px;} }