/* Deliberately larger motion and a genuinely centred, three-part header. */
.school-site.patio-school .school-header.top-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:12px clamp(20px,3vw,50px);min-height:88px}
.school-site.patio-school .school-header.top-navigation .header-account-group{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:10px;margin:0;min-width:0;max-width:none;flex:none}
.school-site.patio-school .school-header.top-navigation .school-header-brand{grid-column:2;grid-row:1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:max-content;margin:0;max-width:100%;min-width:0}
.school-site.patio-school .school-header.top-navigation .header-tools-group{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:10px;margin:0;min-width:0;max-width:none;flex:none}
.school-site.patio-school .top-navigation .school-header-brand .prosperamos-brand{gap:12px;justify-content:center}
.school-site.patio-school .top-navigation .school-header-brand .prosperamos-brand-mark{width:64px;height:64px}
.school-site.patio-school .top-navigation .school-header-brand .brand-wordmark{font-size:26px;letter-spacing:-.7px;white-space:nowrap}
.school-site.patio-school .top-navigation .header-account-group .home-crm-link{display:flex}
.school-site.patio-school .top-navigation #school-navigation{transform:perspective(1100px) translateY(-28px) rotateX(-24deg) scale(.94);transform-origin:85% 0;box-shadow:0 24px 50px #053e3233;transition:opacity .35s,transform .55s cubic-bezier(.18,.8,.2,1),clip-path .55s cubic-bezier(.18,.8,.2,1),visibility 0s .55s}
.school-site.patio-school .top-navigation #school-navigation.open{transform:perspective(1100px) translateY(0) rotateX(0) scale(1);transition:opacity .35s,transform .6s cubic-bezier(.18,.8,.2,1),clip-path .6s cubic-bezier(.18,.8,.2,1),visibility 0s}
.school-site.patio-school #school-navigation.open>a,.school-site.patio-school #school-navigation.open>details{animation-duration:.6s}
/* Replace the old white-on-light benefit list with an independent design. */
.school-site.patio-school .spectacle-benefits{position:relative;display:block;padding:85px clamp(24px,5.5vw,90px) 105px;background:#dce8cd;color:#123e30;overflow:hidden;isolation:isolate}
.spectacle-benefits:before{content:'';position:absolute;right:-100px;top:-120px;width:430px;height:620px;border:34px solid #c5d7b6;border-radius:230px 230px 0 0;transform:rotate(18deg);z-index:-1;opacity:.65}
.school-site.patio-school .spectacle-why-title{font-size:clamp(46px,5.3vw,78px);line-height:1.1;font-weight:700;text-align:center;letter-spacing:-2px;color:var(--block-ink,#123e30);margin:0 auto 64px;max-width:1100px}
.spectacle-benefits-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);gap:clamp(35px,5vw,75px);align-items:center;max-width:1440px;margin:auto}
.spectacle-why-intro{position:relative;min-width:0}
.school-site.patio-school .spectacle-benefits .spectacle-why-intro>p{font-size:clamp(25px,2.55vw,34px)!important;font-weight:500;line-height:1.55;max-width:23ch;color:var(--block-ink,#254a35);margin:28px 0!important}
.school-site.patio-school .spectacle-benefits .spectacle-why-intro>.school-text-button{font-size:25px;font-weight:600;color:var(--block-ink,#07543e);gap:18px;border-bottom:2px solid #8fa57d}
.spectacle-intro-arch{display:flex;align-items:center;justify-content:center;position:relative;width:205px;height:200px;border-radius:130px 130px 18px 18px;background:#f4df9f;box-shadow:13px 13px 0 #adbd8f;transform:rotate(-5deg);isolation:isolate}
.spectacle-intro-arch i{position:absolute;inset:23px 35px 0;border:8px solid #07543e;border-bottom:0;border-radius:100px 100px 0 0;z-index:-1;opacity:.8}
.spectacle-intro-arch span{font:italic 110px/1 Georgia,serif;color:#b44437;text-shadow:4px 5px 0 #ffecc3;transform:rotate(5deg)}
.spectacle-intro-arch span:last-child{color:#07543e;transform:rotate(-10deg) translateY(-4px)}
.spectacle-card-theatre{min-width:0;perspective:1600px}
.spectacle-motion-controls{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.spectacle-motion-controls button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 20px;border-radius:16px;border:1px solid #72936b;background:#f9f1d4;color:#174b35;font-size:18px;line-height:1.4;font-weight:600;cursor:pointer;transition:transform .25s,box-shadow .25s}
.spectacle-motion-controls .spectacle-shuffle{background:#07543e;border-color:#07543e;color:#fff7dc;box-shadow:0 6px 0 #033b2d}
.spectacle-motion-controls .spectacle-shuffle svg{width:26px;height:26px;flex-shrink:0}
.spectacle-motion-controls button:hover{transform:translateY(-4px);box-shadow:0 10px 0 #527d4b33}
.spectacle-motion-controls .spectacle-pause[data-paused=true]{background:#e4cb7b}
.spectacle-benefit-stage{display:grid;gap:28px;perspective:1500px;min-width:0;padding-bottom:16px}
.spectacle-benefit-card{position:relative;min-width:0;margin:0;padding:0;border:0;border-radius:32px;z-index:1}
.spectacle-benefit-face{position:relative;isolation:isolate;display:grid;grid-template-columns:145px minmax(0,1fr);gap:23px;align-items:center;padding:28px;min-height:204px;border:2px solid #a4b995;border-radius:32px;background:#f7efd4;box-shadow:0 12px 0 #9cb28a,0 22px 35px #17442f21;transform-style:preserve-3d;transform-origin:center;overflow:hidden}
.benefit-two .spectacle-benefit-face{background:#f0d5bf;border-color:#d0a88c;box-shadow:0 12px 0 #c29b7c,0 22px 35px #17442f21}
.benefit-three .spectacle-benefit-face{background:#f3e3a9;border-color:#c2ae65;box-shadow:0 12px 0 #bba66a,0 22px 35px #17442f21}
.spectacle-benefit-icon{width:145px;height:145px;transform:translateZ(35px);filter:drop-shadow(0 9px 4px #17442f19)}
.spectacle-benefit-icon svg{display:block;width:100%;height:100%}
.school-site.patio-school .spectacle-benefits .spectacle-benefit-copy h3{font-size:clamp(28px,2.65vw,39px);font-weight:700;letter-spacing:-.8px;line-height:1.2;color:var(--block-ink,#123e30);margin:0 0 14px;opacity:1}
.school-site.patio-school .spectacle-benefits .spectacle-benefit-copy p{font-size:22px!important;line-height:1.55;max-width:40ch;color:var(--block-ink,#294b36);margin:0;opacity:1}
.spectacle-face-sheen{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 20%,#ffffff88 45%,transparent 70%);transform:translateX(-135%);pointer-events:none}
.spectacle-benefits.has-entered .spectacle-benefit-face{animation:spectacle-face-arrive 1s cubic-bezier(.16,.8,.3,1) both}
.spectacle-benefits.has-entered .spectacle-benefit-icon{animation:spectacle-icon-arrive 1.15s .08s cubic-bezier(.2,.7,.3,1) both}
.spectacle-benefits.has-entered .spectacle-face-sheen{animation:spectacle-sheen 1.1s ease-out both}
@keyframes spectacle-face-arrive{0%{opacity:0;transform:perspective(1300px) translateY(65px) translateZ(-180px) rotateY(-48deg) rotateX(12deg) scale(.78)}65%{opacity:1;transform:perspective(1300px) translateY(-8px) rotateY(7deg) scale(1.025)}100%{opacity:1;transform:perspective(1300px) translateY(0) rotateY(0) scale(1)}}
@keyframes spectacle-icon-arrive{0%{opacity:0;transform:translateY(60px) rotate(-30deg) scale(.5)}65%{opacity:1;transform:translateY(-16px) rotate(12deg) scale(1.13)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@keyframes spectacle-sheen{from{transform:translateX(-135%)}to{transform:translateX(135%)}}
/* Stronger depth for the interactions already on the page. */
.patio-school .patio-language-grid{perspective:1500px}
.patio-school .patio-language{box-shadow:0 16px 0 #013d2e,0 26px 28px #022e283d;transform-origin:50% 85%;transition:background .35s}
.patio-school .patio-teacher-card{box-shadow:0 14px 0 #bdc99f,0 26px 35px #103b2926}
.patio-school .patio-tilt:hover{transform:perspective(1100px) rotateX(var(--patio-tilt-x,0deg)) rotateY(var(--patio-tilt-y,0deg)) translateZ(35px);box-shadow:0 24px 0 -10px #a7b98a,0 38px 55px #103b2938}
.patio-school .patio-gallery-main{animation:spectacle-photo-turn .95s cubic-bezier(.2,.75,.3,1)}
@keyframes spectacle-photo-turn{from{opacity:0;transform:perspective(1400px) rotateY(-76deg) rotateZ(-4deg) scale(.82)}70%{opacity:1;transform:perspective(1400px) rotateY(9deg) scale(1.025)}to{opacity:1;transform:perspective(1400px) rotateY(0) rotateZ(0) scale(1)}}
.patio-school .patio-ticket{box-shadow:0 15px 0 #bba56e,0 30px 40px #6a613326}
.patio-school .patio-ticket-face{animation:spectacle-ticket-turn .85s cubic-bezier(.2,.75,.3,1)}
@keyframes spectacle-ticket-turn{from{opacity:0;transform:perspective(900px) rotateY(-80deg) translateY(25px) scale(.8)}70%{opacity:1;transform:perspective(900px) rotateY(8deg) scale(1.025)}to{opacity:1;transform:perspective(900px) rotateY(0) translateY(0) scale(1)}}
.patio-school .patio-video-window{transform:perspective(1100px) rotateY(-10deg) rotateX(7deg) rotateZ(-5deg);box-shadow:0 30px 0 -15px #275e49,0 54px 0 -31px #59816b,0 60px 65px #05382944;transition:transform .7s}
.patio-school .patio-voxel-cube.cube-gold{width:66px;height:66px}.patio-school .patio-voxel-cube.cube-red{width:48px;height:48px}
.patio-school .patio-studio-scene:hover .patio-video-window,.patio-school .patio-studio:has(a:hover) .patio-video-window,.patio-school .patio-studio:has(a:focus-visible) .patio-video-window{transform:perspective(1100px) rotateY(8deg) rotateX(-3deg) rotateZ(2deg) translateY(-25px) scale(1.05)}
.patio-school .patio-studio-scene:hover .cube-gold,.patio-school .patio-studio:has(a:hover) .cube-gold{transform:translateY(-35px) rotate(48deg) scale(1.15)}
.patio-school .patio-studio-scene:hover .cube-red,.patio-school .patio-studio:has(a:hover) .cube-red{transform:translateY(20px) rotate(-32deg) scale(1.15)}
@media(min-width:1101px){
 .school-site.patio-school .top-navigation .school-locale{width:196px;min-width:196px;max-width:none;flex:none}
 .school-site.patio-school .top-navigation .school-locale select{width:174px;min-width:174px;max-width:none}
 .school-site.patio-school .top-navigation .school-menu{width:auto;min-width:122px;max-width:none;flex:none}
}
@media(max-width:1100px){
 .school-site.patio-school .school-header.top-navigation{gap:12px;padding:12px 20px}
 .school-site.patio-school .top-navigation .school-header-brand .prosperamos-brand-mark{width:54px;height:54px}
 .school-site.patio-school .top-navigation .school-header-brand .brand-wordmark{font-size:24px}
 .school-site.patio-school .top-navigation .cabinet-full{display:none}.school-site.patio-school .top-navigation .cabinet-short{display:inline}
 .school-site.patio-school .top-navigation :is(.cabinet-link,.home-crm-link){padding:10px 13px;font-size:16px;min-height:44px}
 .school-site.patio-school .top-navigation :is(.cabinet-link,.home-crm-link)>span[aria-hidden=true]:last-child{display:none}
 .school-site.patio-school .top-navigation .school-locale{position:relative;width:70px;min-width:70px;max-width:70px;padding:0;min-height:44px}
 .school-site.patio-school .top-navigation .school-locale select{position:absolute;inset:0;width:100%;min-height:44px;opacity:0;cursor:pointer}
 .school-site.patio-school .locale-short-code{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;gap:5px;font-size:17px;font-weight:600;color:#104834;pointer-events:none}
 .school-site.patio-school .top-navigation .school-menu{width:46px;min-width:46px;max-width:46px;padding:9px;gap:0;justify-content:center}.school-site.patio-school .top-navigation .patio-menu-word{display:none}
 .spectacle-benefits-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr);gap:35px}
 .spectacle-benefit-face{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:24px}.spectacle-benefit-icon{width:110px;height:110px}
 .school-site.patio-school .spectacle-benefits .spectacle-benefit-copy h3{font-size:29px}.school-site.patio-school .spectacle-benefits .spectacle-benefit-copy p{font-size:21px!important}
}
@media(max-width:760px){
 .school-site.patio-school .school-header.top-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 8px;padding:10px 16px;min-height:0}
 .school-site.patio-school .school-header.top-navigation .school-header-brand{grid-column:1/-1;grid-row:1;justify-self:center}
 .school-site.patio-school .school-header.top-navigation .header-account-group{grid-column:1;grid-row:2;justify-self:start;gap:7px}
 .school-site.patio-school .school-header.top-navigation .header-tools-group{grid-column:2;grid-row:2;justify-self:end;gap:7px}
 .school-site.patio-school .top-navigation .school-header-brand .prosperamos-brand-mark{width:46px;height:46px}.school-site.patio-school .top-navigation .school-header-brand .brand-wordmark{font-size:24px}
 .school-site.patio-school .top-navigation :is(.cabinet-link,.home-crm-link){font-size:16px;padding:10px 11px}
 .school-site.patio-school .spectacle-benefits{padding:55px 22px 70px}
 .school-site.patio-school .spectacle-why-title{font-size:43px;letter-spacing:-1.5px;line-height:1.13;margin-bottom:38px;overflow-wrap:anywhere}
 .spectacle-benefits-grid{grid-template-columns:1fr;gap:38px}
 .spectacle-why-intro{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;align-items:start}
 .spectacle-intro-arch{width:85px;height:120px;border-radius:60px 60px 14px 14px;box-shadow:7px 7px 0 #adbd8f;margin-top:5px}.spectacle-intro-arch span{font-size:65px}.spectacle-intro-arch i{inset:16px 13px 0;border-width:5px}
 .school-site.patio-school .spectacle-benefits .spectacle-why-intro>p{font-size:25px!important;line-height:1.5;max-width:none;margin:0!important}
 .school-site.patio-school .spectacle-benefits .spectacle-why-intro>.school-text-button{grid-column:2;font-size:23px;margin-top:0;justify-self:start}
 .spectacle-motion-controls{gap:12px;margin-bottom:25px}.spectacle-motion-controls button{font-size:18px;padding:13px 17px;flex:1 1 auto;min-height:52px}
 .spectacle-benefit-stage{gap:27px}.spectacle-benefit-face{grid-template-columns:95px minmax(0,1fr);gap:17px;padding:24px 20px;min-height:210px;border-radius:26px}
 .spectacle-benefit-icon{width:95px;height:115px}.school-site.patio-school .spectacle-benefits .spectacle-benefit-copy h3{font-size:28px;line-height:1.16}.school-site.patio-school .spectacle-benefits .spectacle-benefit-copy p{font-size:20px!important;line-height:1.55}
 .patio-school .patio-voxel-cube.cube-gold{width:48px;height:48px}.patio-school .patio-voxel-cube.cube-red{width:35px;height:35px}
}
@media(max-width:430px){.spectacle-benefit-face{grid-template-columns:1fr;gap:12px}.spectacle-benefit-icon{width:125px;height:125px}.school-site.patio-school .spectacle-benefits .spectacle-benefit-copy h3{font-size:30px}.spectacle-why-intro{grid-template-columns:1fr}.spectacle-intro-arch{width:120px;height:130px;margin:0 auto 8px}.school-site.patio-school .spectacle-benefits .spectacle-why-intro>.school-text-button{grid-column:1}}
@media(prefers-reduced-motion:reduce){
 .patio-school *,.patio-school *:before,.patio-school *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .patio-school .patio-language,.patio-school .spectacle-benefit-card,.patio-school .spectacle-benefit-face,.patio-school .spectacle-benefit-icon,.patio-school .patio-tilt,.patio-school .patio-gallery-main,.patio-school .patio-ticket-face{opacity:1!important;transform:none!important}
 .patio-school .spectacle-face-sheen{display:none}.school-site.patio-school .top-navigation #school-navigation{transform:none}
}