.destination-header{position:absolute;top:15px;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:14px}.home-link{color:var(--red);text-transform:uppercase;display:flex;gap:12px;align-items:center}.home-link span{font-size:32px;line-height:1}.destination-header nav{display:flex;gap:24px}.destination-header a:hover{color:var(--red-hover)}
.guam-hero{position:relative;text-align:center;padding:255px 24px;background:var(--background) url('/assets/guam/hero.webp') center/cover no-repeat;border-bottom:2px solid var(--red)}.guam-hero h1{font:400 140px/1.1 var(--serif);margin-bottom:25px}.guam-hero>p{max-width:429px;margin:auto;font-size:17px;line-height:1.5}.film-button{display:grid;place-items:center;width:94px;height:94px;margin:50px auto 0;border:0;border-radius:50%;background:var(--red);color:var(--ink);cursor:pointer;font-size:45px;transition:background .2s}.film-button span{margin-left:6px;transform:translateY(-.07em)}.film-button:hover{background:var(--red-hover)}
.guam-introduction{padding:102px 0;background:url('/assets/destinations-bg.webp') top center/cover no-repeat}.guam-copy{max-width:684px}.destination-eyebrow{color:var(--red);font-size:12px!important;text-transform:uppercase;margin:0 0 10px!important}.guam-page h2{font-size:70px;line-height:1.1;margin-bottom:25px}.guam-copy p+p,.feature-copy p+p{margin-top:20px}.guam-map{width:100%;height:auto;margin:100px auto}.guam-section{padding-block:100px}.guam-copy a{color:var(--red)}
.agana-comparison{position:relative;isolation:isolate;--split:50%;aspect-ratio:16/9;overflow:hidden}.agana-comparison>img,.comparison-before,.comparison-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-divider{position:absolute;inset:0 auto 0 var(--split);width:3px;background:var(--red);pointer-events:none}.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ink);background:var(--red);border-radius:50%;padding:8px 10px;white-space:nowrap}.agana-comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.agana-comparison:focus-within{outline:3px solid var(--red-hover);outline-offset:-3px}.comparison-label{position:absolute;top:20px;padding:8px 12px;background:#13161ebb;font-size:12px;pointer-events:none}.photo-label{left:20px}.render-label{right:20px}.agana-comparison figcaption{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:12px;background:#13161ebb;padding:8px 12px;pointer-events:none}
.guam-feature{display:grid;grid-template-columns:1fr 1fr;margin-bottom:0}.feature-photo{width:100%;height:100%;min-height:600px;object-fit:cover}.feature-copy{width:min(100%,620px);padding:60px;align-self:center}.guam-store-buttons{display:flex;gap:10px;margin-top:30px}.guam-button{display:inline-block;border:0;border-radius:10px;background:var(--red);color:var(--ink);padding:15px 20px;text-align:center;font:400 22px/1 var(--serif);cursor:pointer;transition:background .2s}.guam-button:hover{background:var(--red-hover)}.guam-store-buttons .guam-button{width:200px}.guam-viewer{position:relative;height:var(--viewer-height);background:var(--background);margin:0 0 100px;overflow:hidden}.guam-viewer>img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.viewer-launch{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;text-align:center}.viewer-launch>a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.guam-viewer iframe{border:0;width:100%;height:100%;display:block}.guam-app{padding:136px 24px;text-align:center;background:url('/assets/guam/app-bg.webp') center/cover no-repeat}.guam-app>p{max-width:550px;margin:auto;font:400 35px/1.2 var(--serif)}.guam-app .guam-store-buttons{justify-content:center}.footer-university{grid-column:4;display:grid;gap:16px}.footer-university img{width:200px;height:auto}.guam-page .footer-layout{align-items:start}.film-dialog{width:min(1000px,95vw);border:1px solid var(--red);padding:45px 15px 15px;background:var(--background);color:var(--ink);border-radius:10px}.film-dialog::backdrop{background:#000c}.film-content{aspect-ratio:16/9}.film-content iframe{width:100%;height:100%;border:0}.film-close{position:absolute;right:12px;top:6px;border:0;background:none;color:var(--ink);font-size:30px;cursor:pointer}
@media(max-width:1100px){.feature-copy{padding:35px}.guam-page h2{font-size:58px}.guam-store-buttons .guam-button{width:auto;flex:1}.feature-photo{min-height:540px}}
@media(max-width:767px){.destination-header{top:12px;font-size:12px}.destination-header nav{gap:12px}.destination-header nav a:last-child{display:none}.guam-hero{padding:120px 20px 105px}.guam-hero h1{font-size:80px}.film-button{width:70px;height:70px;font-size:32px;margin-top:35px}.guam-page h2{font-size:50px}.guam-introduction{padding:65px 0}.guam-copy{max-width:none}.guam-map{margin:55px auto}.guam-section{padding-block:65px}.guam-feature{grid-template-columns:1fr}.feature-photo{min-height:0;height:300px}.feature-copy{padding:45px 20px}.guam-viewer{height:400px;margin-bottom:55px}.guam-button{font-size:20px}.guam-app{padding:90px 20px}.guam-app>p{font-size:30px}.footer-university{grid-column:auto}.comparison-label{top:10px;font-size:9px;padding:5px}.photo-label{left:10px}.render-label{right:10px}.agana-comparison figcaption{bottom:8px;font-size:9px;padding:5px;white-space:nowrap}.comparison-divider span{padding:4px 8px}.destination-header nav a:nth-child(3){display:none}}


/* Ajustes de la referencia: comparador, ventanas 3D y museo en dos columnas. */
.comparison-divider{width:4px}
.comparison-divider span{width:64px;height:64px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--red)}
.comparison-divider svg{width:38px;height:32px;color:var(--ink)}
.guam-viewer{margin:100px auto;height:var(--viewer-height)}
.guam-viewer iframe{max-width:none;width:100%;height:100%;margin:0}
.guam-museum{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:0}
.guam-museum .guam-copy{max-width:none}
.guam-museum .guam-viewer{width:100%;margin:0;height:500px}
.guam-app{border-top:2px solid var(--red);box-shadow:inset 0 18px 24px -8px #000b}
@media(max-width:767px){.comparison-divider span{width:44px;height:44px;padding:0}.comparison-divider svg{width:28px;height:24px}.guam-viewer{margin:55px auto;height:650px}.guam-museum{grid-template-columns:1fr;gap:30px}.guam-museum .guam-viewer{height:400px}}
/* Navegación de destinos e idioma. */
.destination-header{display:grid;grid-template-columns:150px 1fr auto;gap:30px;top:18px}
.destination-header .home-link img{width:145px;height:auto}
.destination-header .destination-navigation{justify-content:center;gap:24px}
.destination-header .language-switch{gap:16px;font-size:12px}
.destination-navigation [aria-current=page]{color:var(--red)}
.guam-page .footer-university{grid-column:auto}
.guam-app .store-links{margin:30px auto 0}
.comparison-divider span{width:52px;height:52px}
.comparison-divider svg{width:32px;height:28px}
/* El vídeo flota sobre el oscurecimiento, sin marco ni panel. */
.film-dialog{width:min(1100px,95vw);padding:45px 0 0;border:0;border-radius:0;background:transparent;overflow:visible;max-height:95vh}
.film-dialog[open]{animation:film-fade-in 220ms ease-out}
.film-dialog::backdrop{background:#000d;animation:film-fade-in 220ms ease-out}
.film-dialog.is-closing,.film-dialog.is-closing::backdrop{animation:film-fade-out 180ms ease-in forwards}
.film-close{top:0;right:0;font-size:34px;line-height:1;padding:0 4px;color:#fff}
@keyframes film-fade-in{from{opacity:0}to{opacity:1}}
@keyframes film-fade-out{from{opacity:1}to{opacity:0}}
/* Cronología de prueba: contenido ficticio para validar la maquetación. */
.guam-history{padding-bottom:90px}
.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px}
.timeline-controls{display:flex;gap:10px}
.timeline-controls button{width:36px;height:36px;border:1px solid var(--red);border-radius:50%;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}
.history-timeline{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--red) transparent;cursor:grab;touch-action:pan-x pan-y;outline-offset:-3px}
.history-timeline.is-dragging{cursor:grabbing;user-select:none}
.timeline-track{position:relative;display:flex;gap:65px;width:max-content;padding:14px max(40px,calc((100vw - 1140px)/2)) 40px}
.timeline-track:before{content:'';position:absolute;left:0;right:0;top:47px;height:1px;background:var(--red)}
.timeline-event{position:relative;width:260px;flex:0 0 260px}
.timeline-point{position:relative;display:grid;gap:10px;width:100%;padding:24px 0 0;text-align:left;border:0;background:transparent;color:var(--ink);cursor:pointer}
.timeline-dot{display:block;width:18px;height:18px;border:2px solid var(--red);border-radius:50%;background:var(--background);transition:background 220ms ease}
.timeline-event:hover .timeline-dot,.timeline-event:focus-within .timeline-dot,.timeline-event.is-revealed .timeline-dot{background:var(--red)}
.timeline-year{font:400 36px/1.1 var(--serif)}
.timeline-title{font-size:15px;font-weight:600;line-height:1.4}
.timeline-event>p{font-size:13px;line-height:1.6;margin-top:12px}
@media(max-width:767px){.destination-header{grid-template-columns:1fr auto;gap:18px;top:16px}.destination-header .home-link img{width:115px}.destination-header .destination-navigation{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px;font-size:11px}.destination-header nav a:last-child,.destination-header nav a:nth-child(3){display:flex}.destination-header .language-switch{grid-column:2;grid-row:1;font-size:11px;gap:12px}.comparison-divider span{width:36px;height:36px}.comparison-divider svg{width:24px;height:22px}.timeline-track{padding:14px 20px 30px;gap:35px}.timeline-event{width:240px;flex-basis:240px}.timeline-toolbar{align-items:start}.guam-history{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.film-dialog,.film-dialog::backdrop{animation:none!important}}

/* Static timeline headings retain the original button typography and dimensions. */
.timeline-point{font:13.3333px Arial;cursor:inherit}