.school-site.patio-school .footer-spain .footer-pages.footer-cylinder-panel{padding:40px 28px 24px;overflow:hidden;isolation:isolate}
.school-site.patio-school .footer-cylinder-panel>h3{text-align:center;font-size:clamp(32px,3.4vw,44px);line-height:1.25;margin:0 0 10px;color:#07543e}
.cylinder-scene{--cylinder-radius:400px;--cylinder-card-width:210px;--cylinder-card-height:210px;position:relative;height:360px;width:100%;perspective:1100px;touch-action:pan-y;isolation:isolate;cursor:grab;border-radius:24px}
.cylinder-scene:active{cursor:grabbing}
.cylinder-depth-offset{position:absolute;left:50%;top:48%;width:0;height:0;transform:translateZ(calc(var(--cylinder-radius)*-1));transform-style:preserve-3d}
.cylinder-rotor{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.school-site.patio-school .footer-cylinder-panel .cylinder-card{position:absolute;left:calc(var(--cylinder-card-width)/-2);top:calc(var(--cylinder-card-height)/-2);width:var(--cylinder-card-width);height:var(--cylinder-card-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;padding:23px 20px;border:1px solid #ead58eaa;border-radius:24px;background:#07543ee6;color:#fff0c8;backface-visibility:hidden;isolation:isolate;overflow:hidden;cursor:pointer;box-shadow:0 14px 22px #052d2340,inset 0 1px 0 #ffffd580;transition:border-color .3s,box-shadow .3s;text-decoration:none;user-select:none;-webkit-user-drag:none}
.cylinder-card-art{position:absolute;inset:0;background:linear-gradient(#054a3abd,#063e31f2),url('/school/spain-panorama-v1.webp');background-size:auto 100%;background-position:var(--cylinder-image-x,50%) center;z-index:-1;opacity:.8;pointer-events:none}
.cylinder-card>svg{width:44px;height:44px;stroke:#f0d98b;flex:none;filter:drop-shadow(0 3px 1px #063a2d60);pointer-events:none}
.cylinder-card>span:last-child{font-size:23px;line-height:1.3;font-weight:600;text-align:center;color:#fff2cf;text-wrap:balance;pointer-events:none;text-shadow:0 2px 8px #06382c}
.school-site.patio-school .footer-cylinder-panel .cylinder-card.is-selected{border:3px solid #f1d276;box-shadow:0 16px 26px #052d2355,inset 0 0 30px #d8b5503d}
.cylinder-card.is-selected .cylinder-card-art{background-image:linear-gradient(#0c6048a1,#074c3de8),url('/school/spain-panorama-v1.webp')}
.cylinder-floor{position:absolute;left:10%;right:10%;height:65px;bottom:25px;border-radius:50%;background:radial-gradient(ellipse,#174b3747,transparent 70%);filter:blur(12px);transform:rotateX(45deg);pointer-events:none}
.cylinder-card:focus-visible,.cylinder-scene:focus-visible{outline:3px solid #b44437;outline-offset:6px}.cylinder-card:focus-visible{outline-color:#f4d776;outline-offset:5px}
@media(max-width:850px){.cylinder-scene{--cylinder-radius:350px;--cylinder-card-width:190px;--cylinder-card-height:205px;height:330px}.cylinder-card>span:last-child{font-size:22px}}
@media(max-width:600px){.school-site.patio-school .footer-spain .footer-pages.footer-cylinder-panel{padding:32px 16px 20px}.cylinder-scene{--cylinder-radius:305px;--cylinder-card-width:166px;--cylinder-card-height:200px;height:300px;perspective:850px}.school-site.patio-school .footer-cylinder-panel .cylinder-card{padding:22px 15px;border-radius:21px;gap:16px}.cylinder-card>span:last-child{font-size:21px}.cylinder-card>svg{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.cylinder-card{transition:none!important}.cylinder-rotor{will-change:auto}.cylinder-floor{filter:none;opacity:.3}}