/* The panoramic entrance belongs to PROSPERAMOS; other pages keep their readable scale. */
.school-site .spain-banner{isolation:isolate;position:relative;display:grid;place-items:center;overflow:hidden;min-height:clamp(540px,81svh,740px);padding:38px 4% 42px;background:#064d3b;color:#fffdf0;text-align:center}
.spain-banner-panorama,.spain-banner-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.spain-banner-panorama{object-fit:cover;object-position:center 60%;animation:banner-panorama-enter 1.8s ease-out both}
.spain-banner-shade{z-index:-1;background:linear-gradient(180deg,#053b32a6 0%,#063f3299 30%,#053d32b8 54%,#063e3273 77%,#053d3260 100%)}
.spain-banner-content{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}
.spain-banner-logo{width:112px;height:112px;display:block;filter:drop-shadow(0 6px 16px #032f3280);border-radius:50%;outline:1px solid #e8d78888;outline-offset:5px;margin-bottom:18px}
.school-site .school-main .spain-banner-school{font-size:27px!important;color:#fff9df!important;margin:0 0 9px;line-height:1.5}
.school-site .school-main .spain-banner h1{font:750 clamp(38px,10.3vw,164px)/1.08 'Segoe UI',Arial,sans-serif!important;letter-spacing:-.055em!important;max-width:none!important;width:100%;margin:0!important;color:#fffdef;text-align:center;text-shadow:0 3px 30px #002f2ab3;animation:banner-wordmark-enter .95s cubic-bezier(.2,.7,.2,1) both}
.school-site .school-main .spain-banner-motto{font-size:clamp(24px,2.6vw,36px)!important;line-height:1.4!important;color:#ffecb2!important;font-weight:500;letter-spacing:-.02em;margin:17px 0 0;text-shadow:0 2px 12px #032f2c}
.school-site .school-main .spain-banner-languages{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:17px;font-size:20px!important;line-height:1.5;color:#fffdf0!important;margin:16px 0 25px;text-shadow:0 2px 10px #032f2c}
.spain-banner-languages i{width:5px;height:5px;background:#e8d788;border-radius:50%;display:block}
.school-site .spain-banner .spain-banner-trial{min-height:58px;padding:16px 30px;color:white;border:1px solid #f2cf9a66;box-shadow:0 6px 28px #052e2c40;text-align:center}
/* On the home page, the navigation follows the panorama and is grouped on the right. */
.school-site .school-header.home-navigation{display:flex;position:sticky;top:0;z-index:30;justify-content:flex-end;flex-wrap:wrap;gap:18px;padding:18px 5%;min-height:96px;background:#f0f6ecef;backdrop-filter:blur(18px);border-bottom:1px solid #b4cbb9;box-shadow:0 5px 20px #174e3810}
.school-site .home-navigation .school-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0;flex-wrap:wrap}
.school-site .home-navigation .cabinet-link,.school-site .home-crm-link{font-size:18px!important;line-height:1.4;min-height:50px;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px}
.school-site .home-navigation .cabinet-link{background:#0b5942;color:#fffdf0;border:1px solid #0b5942}
.school-site .home-crm-link{border:1px solid #9fb6a3;color:#174e38;background:#ffffff80}
.school-site .home-navigation .school-locale select{font-size:18px!important;max-width:none;width:150px;min-height:50px;padding:10px 23px 10px 10px;background:transparent;border:0;color:#174e38}
.school-site .home-navigation .school-menu{display:inline-flex;width:auto;height:auto;min-height:50px;padding:10px 16px;gap:12px;font-size:18px;border:1px solid #9fb6a3;border-radius:14px;background:#ffffff80;color:#174e38;line-height:1.4}
.home-menu-symbol{font-size:25px;line-height:1;min-width:22px}
.school-site .home-navigation>nav{display:none;flex-basis:100%;order:2;gap:12px 30px;padding:20px 0 4px;border-top:1px solid #c5d8c4;margin:0;align-items:start}
.school-site .home-navigation>nav.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.school-site .home-navigation nav>a,.school-site .home-navigation .nav-dropdown summary{padding:12px 0}
.school-site .home-navigation .nav-dropdown-menu{z-index:40}
.welcome-intro .intro-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.welcome-intro:has(.intro-panorama){background:#054836}
@keyframes banner-wordmark-enter{from{opacity:.5;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes banner-panorama-enter{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1600px){.school-site .spain-banner{padding-top:54px;padding-bottom:58px}.spain-banner-logo{width:128px;height:128px}}
@media(max-width:1000px){.school-site .school-header.home-navigation{padding:16px 4%}.school-site .home-navigation .school-header-actions{gap:12px}}
@media(max-width:700px){
 .school-site .spain-banner{min-height:580px;padding:42px 5% 46px}
 .spain-banner-panorama{object-position:60% center}
 .spain-banner-shade{background:linear-gradient(180deg,#053b3270,#053b32bc 45%,#053b32aa 70%,#053b3266)}
 .spain-banner-logo{width:108px;height:108px;margin-bottom:27px}
 .school-site .school-main .spain-banner h1{font-size:10.1vw!important;line-height:1.15!important;letter-spacing:-.055em!important;white-space:nowrap}
 .school-site .school-main .spain-banner-school{font-size:24px!important;margin-bottom:16px}
 .school-site .school-main .spain-banner-motto{font-size:27px!important;line-height:1.4!important;max-width:20ch;margin-top:24px}
 .school-site .school-main .spain-banner-languages{font-size:19px!important;gap:12px;margin:24px 0 28px}
 .school-site .spain-banner .spain-banner-trial{max-width:100%;min-height:58px;padding:16px 24px}
 .school-site .school-header.home-navigation{display:flex;flex-direction:column;align-items:stretch;padding:15px 5%;min-height:0;gap:0}
 .school-site .home-navigation .school-header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%}
 .school-site .home-navigation .cabinet-link{grid-row:1;grid-column:1;justify-self:stretch;justify-content:center;width:auto;font-size:18px!important;padding:12px}
 .school-site .home-crm-link{grid-row:1;grid-column:2;justify-content:center;padding:12px 15px}
 .school-site .home-navigation .school-locale{grid-row:2;grid-column:1;justify-self:end}
 .school-site .home-navigation .school-locale select{width:155px;max-width:100%}
 .school-site .home-navigation .school-menu{grid-row:2;grid-column:2;justify-self:stretch;width:auto;justify-content:center;padding:10px 12px}
 .school-site .home-navigation .cabinet-full{display:inline}.school-site .home-navigation .cabinet-short{display:none}
 .school-site .home-navigation>nav{margin-top:15px;padding-top:15px;gap:8px 20px}
 .school-site .home-navigation>nav.open{grid-template-columns:1fr 1fr}
 .school-site .home-navigation .nav-dropdown-menu{left:5%;right:5%;width:auto}
}
@media(prefers-reduced-motion:reduce){.spain-banner-panorama,.school-site .school-main .spain-banner h1{animation:none!important;transform:none;filter:none}}

.spain-banner-mission{max-width:68ch;margin:18px auto 12px;padding:16px 24px;color:#fff8df;font-size:clamp(18px,1.7vw,25px);line-height:1.55;font-weight:500;text-wrap:pretty;text-shadow:0 2px 18px #032d28;border-left:0}.spain-banner-content .spain-banner-mission{color:#fff8df}.school-story-tag{font-size:1.25em!important;font-weight:650;color:#98502f!important}.school-story p{max-width:70ch}.spain-banner:has(.spain-banner-mission){min-height:780px}.spain-banner:has(.spain-banner-mission) .spain-banner-content{padding-top:55px;padding-bottom:50px}@media(max-width:650px){.spain-banner-mission{font-size:18px;padding:12px 4px;margin:10px auto}.spain-banner:has(.spain-banner-mission){min-height:760px}.spain-banner:has(.spain-banner-mission) .spain-banner-content{padding-top:35px;padding-bottom:30px}}
