/* Added in the 2026 clean-up: carousel markup, self-hosted icons, focus and skip link. */

.gallery-cell { position: relative; overflow: hidden; background: #12254C; }
.gallery-cell > picture, .gallery-cell > picture img { position: absolute; inset: 0; width: 100%; height: 100%; }
.gallery-cell > picture img { object-fit: cover; object-position: center; }
.gallery-cell .slide-text { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 24px; padding: 0 20px 12vh; }
.gallery-cell .slide-text.has-heading { justify-content: center; padding-bottom: 0; }
.gallery-cell h1 { margin: 0 auto; padding: 0; width: auto; max-width: 700px; }
.gallery .btn { margin-top: 0; }

.menu-btn { background: none; border: 0; cursor: pointer; color: inherit; padding: 4px; line-height: 0; }
.menu-btn svg { width: 32px; height: 32px; fill: currentColor; }
.insta svg { width: 22px; height: 22px; fill: currentColor; vertical-align: middle; }

.flag { display: inline-block; width: 1.33em; height: 1em; line-height: 1em; background-size: cover; background-position: center; background-repeat: no-repeat; vertical-align: -0.1em; }
.flag-gb { background-image: url('../images/flags/gb.svg'); }
.flag-es { background-image: url('../images/flags/es.svg'); }
.flag-fr { background-image: url('../images/flags/fr.svg'); }
.dropdown .dropbtn { cursor: pointer; }

.skip-link { position: absolute; left: -9999px; top: 0; background: #fff; color: #12254C; padding: 10px 16px; z-index: 2000; }
.skip-link:focus { left: 8px; top: 8px; }

a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #f1d600; outline-offset: 2px; box-shadow: 0 0 0 5px #12254C; }

.legal-block { margin-bottom: 24px; }
.legal-block dt { font-weight: 600; }

.gallery .slide-heading { font-size: 100px; font-family: 'Mongolian Baiti'; font-weight: normal; line-height: 1.2; text-shadow: 2px 2px 20px black; margin: 0 auto; max-width: 700px; }
@media (max-width: 700px) { .gallery .slide-heading { font-size: 80px; } }
@media (max-width: 500px) { .gallery .slide-heading { font-size: 60px; } }