@font-face{font-family:'BodoniMT';src:url('/assets/fonts/BOD_R.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--background:#13161e;--ink:#d1d1d1;--red:#cd4c4e;--red-hover:#ff5e61;--serif:'BodoniMT','Bodoni MT',Georgia,serif;--sans:'Montserrat',Arial,sans-serif;--button-radius:10px;--download-width:397px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--background);color:var(--ink);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible{outline:2px solid var(--red-hover);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:normal}h2{font-size:60px;line-height:1.1}.section-container{width:min(1140px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:var(--red);color:var(--ink);border-radius:var(--button-radius);z-index:10}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.skip-link:focus{top:16px}
.hero{position:relative;display:grid;place-items:center;padding:255px 24px;background:var(--background) url('/assets/hero.jpg') center/cover no-repeat;text-align:center}.hero-content{width:min(100%,570px)}.hero-logo{width:400px;height:auto;margin:auto}.hero-description{max-width:429px;margin:30px auto 50px;font-size:17px;line-height:1.5}.atlas-button{display:block;width:var(--download-width);max-width:100%;margin:auto;padding:15px 20px;border-radius:var(--button-radius);background:var(--red);color:var(--ink);font:400 22px/22px var(--serif);transition:background .2s}.atlas-button:hover,.atlas-button:focus-visible{background:var(--red-hover)}.store-links{display:grid;grid-template-columns:200fr 187fr;gap:10px;align-items:start;width:var(--download-width);max-width:100%;margin:11px auto 0}.store-links a{display:block;min-width:0;border-radius:var(--button-radius);transition:opacity .2s}.store-links a:hover{opacity:.8}.store-links img{width:100%;height:auto}
.destinations{padding-block:95px 110px}.destinations h2{text-align:center;margin-bottom:50px}.mobile-heading{display:none}.destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.destination-card{min-width:0}.destination-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1b202b}.destination-media img,.destination-media video{width:100%;height:100%;object-fit:cover}.destination-media video{position:absolute;inset:0;opacity:0;transition:opacity .2s}.destination-media.is-playing video{opacity:1}.destination-caption{padding-top:20px;text-align:center}.destination-caption h3{font-size:34px;line-height:1.1}.destination-card:hover h3{color:var(--red)}
.app-section{background:var(--background);padding-block:85px 120px}.app-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.app-copy h2{margin-bottom:25px}.app-copy p{font-size:17px;line-height:1.5}.app-copy p+p{margin-top:20px}.app-copy .store-links{margin:30px 0 0}.app-visual img{width:100%;height:auto}.app-visual figcaption{font-size:12px;margin-top:14px}
.site-footer{background:var(--background);border-top:2px solid var(--red);padding-top:50px}.footer-layout{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;align-items:center;padding-bottom:70px}.footer-brand img{width:180px;height:auto}.footer-contact{display:grid;gap:20px}.footer-contact a{color:var(--red)}.footer-nav{display:flex;flex-wrap:wrap;gap:6px 16px}.footer-nav a{color:var(--ink)}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-funding img{width:200px;height:auto;margin-top:12px}.footer-europe{display:grid;gap:45px}.footer-europe img{width:200px;max-height:66px;object-fit:contain;object-position:left}.footer-development{display:grid;gap:25px}.footer-development img{width:180px;height:auto}.developer-credit{font-size:24px;font-weight:600}.footer-bottom{background:var(--red);font-size:12px;padding-block:10px}.footer-bottom-inner{display:flex;justify-content:space-between;gap:20px}
@media(max-width:1100px){.section-container{width:calc(100% - 60px)}.destination-grid{gap:20px}.destination-caption h3{font-size:30px}.app-layout{gap:40px}.footer-layout{gap:25px}.site-footer{font-size:15px}}
@media(max-width:767px){:root{--download-width:273px}html{scroll-padding-top:20px}.section-container{width:calc(100% - 40px)}.hero{padding:102px 20px}.hero-logo{width:320px;max-width:100%}.hero-description{font-size:17px;line-height:1.5;margin:30px auto 35px;max-width:429px}.atlas-button{display:none}.store-links{grid-template-columns:135fr 128fr;margin-top:0}.desktop-heading{display:none}.mobile-heading{display:inline}.destinations{padding-block:55px 65px}.destinations h2{font-size:42px;margin-bottom:32px}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:32px}.destination-caption{padding-top:15px}.destination-caption h3{font-size:29px}.app-section{padding-block:45px 70px}.app-layout{grid-template-columns:1fr;gap:35px}.app-copy h2{font-size:44px;margin-bottom:25px}.app-copy p{font-size:16px}.app-copy .store-links{margin-top:30px}.app-visual figcaption{font-size:11px}.site-footer{padding-top:40px;font-size:15px}.footer-layout{grid-template-columns:1fr;gap:35px;align-items:start;padding-bottom:40px}.footer-brand img{width:160px}.footer-nav{display:grid;gap:6px}.footer-europe{grid-template-columns:1fr 1fr;gap:20px;align-items:center}.footer-development{gap:18px}.developer-credit{font-size:20px}.footer-bottom-inner{flex-direction:column;gap:10px}.footer-bottom nav{font-size:11px}}
@media(max-width:380px){.footer-layout{grid-template-columns:1fr}.footer-europe{grid-template-columns:1fr 1fr;gap:20px;align-items:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

/* Bleed past the clipped media box to cover subpixel rounding at video edges. */
.destination-media video{display:block;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}

/* Crop the letterboxing embedded in Guam's source film. */
.destination-media[data-preview="/assets/previews/guam.mp4"] video{transform:scale(1.32);transform-origin:center}

/* Tarjetas inspiradas en la pantalla de Agaña de la app. */
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:block;width:34px;height:34px;border-radius:50%}.scroll-cue img{width:100%;height:auto;transform:rotate(-90deg)}.scroll-cue:hover{opacity:.8}
.destinations{border-top:2px solid var(--red);background:var(--background) url('/assets/destinations-bg.webp') top center/cover no-repeat}
.destination-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d1d1d199;border-radius:22px;background:#13161e}.destination-media{height:220px;aspect-ratio:auto;flex-shrink:0}.destination-caption{position:relative;flex:1;display:flex;flex-direction:column;gap:0;margin:0;padding:16px;border:0;border-radius:0;background:transparent;text-align:left}.destination-region{display:block;padding-bottom:3px;border-bottom:1px solid var(--red);color:var(--red);font-size:8px;font-weight:400;text-align:right;line-height:1.2}.destination-caption h3{margin-top:9px;font-size:30px;line-height:1.05;color:var(--ink);white-space:nowrap}.destination-caption p{margin:7px 0 0;font-size:13px;line-height:1.5}.destination-card:hover h3{color:var(--ink)}
@media(max-width:1100px) and (min-width:768px){.destination-caption{padding:14px}.destination-caption h3{font-size:24px}.destination-caption p{font-size:12px}}
@media(max-width:767px){.scroll-cue{width:28px;height:28px;bottom:24px}.destination-card{border-radius:18px}.destination-media{height:180px;aspect-ratio:auto}.destination-caption{padding:12px}.destination-region{font-size:7px;padding-bottom:2px}.destination-caption h3{margin-top:8px;font-size:18px}.destination-caption p{font-size:12px;line-height:1.5;margin:6px 0 0}.destination-grid{row-gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Toda la tarjeta comunica y activa la interacción. */
.destination-card{transition:transform 280ms ease-in-out,box-shadow 280ms ease-in-out,border-color 280ms ease-in-out;transform-origin:center;box-shadow:0 0 0 0 transparent;cursor:pointer}
@media(hover:hover) and (pointer:fine){.destination-card:hover{transform:scale(1.025);border-color:var(--red);box-shadow:0 0 24px 3px #cd4c4e25}}
.destination-card:focus-visible{transform:scale(1.025);box-shadow:0 0 24px 3px #cd4c4e25}
@media(prefers-reduced-motion:reduce){.destination-card:hover,.destination-card:focus-visible{transform:none}}

/* Selector de idioma original y proporciones de los logos de financiación. */
.language-switch{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--red)}
.language-switch a{display:flex;align-items:center;gap:6px}
.language-switch img{width:23px;height:15px;object-fit:contain}
.language-switch a:hover{color:var(--red-hover)}
.language-switch [aria-current=page]{color:var(--ink)}
.home-language{position:absolute;top:22px;right:40px;z-index:3}
.footer-europe img{width:200px;max-height:none;height:auto}
.footer-social{display:flex;align-items:flex-start;gap:10px;font-size:17px;line-height:25.5px;white-space:nowrap}
.footer-social a{display:flex;flex:none;line-height:1}
.footer-social svg{display:block;width:24px;height:24px;fill:currentColor}
@media(max-width:767px){.home-language{top:18px;right:20px}.language-switch{gap:12px;font-size:11px}}
