/* Community, student resources and motion. Every animated element can be paused. */
[hidden]{display:none!important}
.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:.32}
.ambient-orb{position:absolute;display:block;pointer-events:none;border-radius:50%;filter:blur(30px);width:420px;height:420px;opacity:.3;will-change:transform}
.orb-one{background:radial-gradient(circle,#fa8739 0%,transparent 70%);top:-130px;right:3%}
.orb-two{background:radial-gradient(circle,#558fe3 0%,transparent 70%);bottom:-130px;left:-120px;width:560px;height:560px}
[data-motion=on] .ambient-orb{animation:ambient-drift 16s ease-in-out infinite alternate}
[data-motion=on] .orb-two{animation-delay:-8s;animation-duration:22s}
[data-motion=on] .herbasio-button img{animation:herbasio-float 5s ease-in-out infinite}
[data-motion=on] .mascot-orbit{animation:orbit-turn 35s linear infinite}
[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation-play-state:paused!important;scroll-behavior:auto!important}
.motion-toggle{background:transparent;color:var(--navy);font-size:11px;border:1px solid #bfccd9;border-radius:30px;padding:9px 12px;min-height:35px;cursor:pointer}
@keyframes ambient-drift{from{transform:translate3d(-30px,10px,0) scale(.9)}to{transform:translate3d(80px,75px,0) scale(1.15)}}
@keyframes herbasio-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
.student-hero{background:#092440;color:#fff;position:relative;overflow:hidden;padding-block:65px}
.student-hero-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;position:relative;z-index:1}
.student-hero .eyebrow{color:#ffb277;font-size:10px;letter-spacing:2px}
.student-hero h2{font-family:Georgia,serif;font-weight:400;font-size:52px;line-height:1.15;letter-spacing:-1.4px}
.student-hero h2 em{color:#ffb277;font-weight:400}
.student-hero-copy>p:not(.eyebrow){color:#cfdae8;font-size:14px;line-height:1.9;margin-top:22px;max-width:430px}
.student-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.student-quick-links a{display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid #4a5e77;padding:14px 15px;font-size:12px;line-height:1.6;border-radius:6px;background:#ffffff08;min-height:54px}
.student-quick-links a>span{font-size:19px;color:#ffb277}
.student-quick-links a:hover{background:#ffffff14;border-color:#ffb277}
.herbasio-stage{isolation:isolate;position:relative;min-width:0;max-width:410px;justify-self:center;width:100%;padding-bottom:26px}
.herbasio-button{display:block;background:transparent;padding:0;width:100%;position:relative;z-index:1;mix-blend-mode:screen;border-radius:22px;cursor:pointer}
.herbasio-button img{display:block;width:100%;height:auto;transform-origin:50% 85%;border-radius:15px}
.mascot-orbit{position:absolute;inset:5% 3% 8%;border:1px dashed #ffffff3b;border-radius:50%;transform:rotate(12deg);z-index:0}
.mascot-orbit::before{content:'';position:absolute;top:10%;left:10%;width:12px;height:12px;border-radius:50%;background:#ffae70;box-shadow:0 0 30px #f88b3d88}
.herbasio-bubble{position:relative;z-index:2;max-width:320px;margin:-24px auto 0;background:#fff;color:var(--navy);border-radius:12px;padding:17px 20px;box-shadow:0 8px 24px #00132933}
.herbasio-bubble strong{font-size:16px}.herbasio-bubble p{font-size:12px;line-height:1.7;margin-top:6px;min-height:40px;color:#4c5c70}
.student-documents{padding-block:64px}
.student-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.student-doc{background:#fff;border:1px solid #d8e1ec;border-radius:9px;padding:23px;display:flex;flex-direction:column}
.student-doc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}
.student-doc-top>span:last-child{color:var(--muted);font-size:10px}
.paper-icon{width:35px;height:42px;background:#eaf0f8;color:var(--navy);font-size:22px;display:grid;place-items:center;border-radius:4px 10px 4px 4px}
.student-doc h3{font-size:19px;line-height:1.4;letter-spacing:-.3px;min-height:52px}
.student-doc p{font-size:12px;line-height:1.8;color:var(--muted);margin-block:12px 23px;flex-grow:1}
.student-doc-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e2e8f0;padding-top:17px;font-size:12px;font-weight:650}
.student-doc-actions a{padding-block:4px}.student-doc-actions a:first-child{color:var(--orange-ink)}
.payment-shortcuts{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin:0 0 26px}
.payment-shortcuts .text-link{padding:12px}.payment-shortcuts .button{font-size:12px}
.payment-reminders{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;background:#fff;border:1px solid #d9e2ed;border-radius:10px;padding:32px;margin-bottom:25px}
.reminder-intro .eyebrow{margin-bottom:15px}
.payment-days{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--navy);margin-bottom:18px}
.payment-days strong{font-family:Georgia,serif;font-size:64px;font-weight:400;letter-spacing:-2px;line-height:1}
.payment-days>span{font-size:11px;color:var(--orange-ink);font-weight:700;letter-spacing:1px}
.payment-days small{font-size:9px;letter-spacing:1.5px;max-width:55px;line-height:1.8;border-left:1px solid #dbe3ef;padding-left:15px}
.reminder-intro h3{font-size:23px;letter-spacing:-.5px;margin-top:15px}
.reminder-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:370px;margin-top:11px}
.reminder-intro p.reminder-zone{font-size:10px}
.reminder-form-panel{align-self:center}.reminder-form-panel form>.button{margin-top:18px;width:100%;font-size:13px}
#reminder-result{background:#edf3fa;padding:17px;border-radius:6px;margin-top:18px}
#reminder-status{font-size:12px;line-height:1.8;color:#42536d;margin-bottom:13px}
#reminder-download{font-size:12px;width:100%}
.calendar-help{border-top:1px solid #dfe6ee;margin-top:20px;padding-top:15px}
.calendar-help summary{font-size:12px;cursor:pointer;font-weight:650;line-height:1.7}
.calendar-help p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:11px}
.calendar-help .text-link{font-size:11px;margin-top:9px}
#recordatorios,#documentos-alumnos{scroll-margin-top:120px}
.gazette-promo{padding-block:75px;display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.gazette-promo h2{font-family:Georgia,serif;font-size:62px;line-height:1.05;letter-spacing:-1.8px;font-weight:400}
.gazette-promo h2 em{font-weight:400;color:var(--orange-ink)}
.gazette-promo>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:380px;margin-block:22px}
.gazette-cover{display:block;position:relative;height:360px;border-radius:9px;overflow:hidden;background:#183451;box-shadow:12px 12px 0 #e9edf3}
.gazette-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071d42e6,#07234c2b 70%,#05182a80)}
.gazette-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gazette-cover:hover>img{transform:scale(1.035)}
.gazette-cover-label{position:absolute;z-index:1;top:30px;left:30px;right:30px;color:#fff;font-size:11px;letter-spacing:5px;text-align:center}
.gazette-cover-label>span{display:block;font-family:Georgia,serif;font-size:84px;letter-spacing:-3px;font-weight:400;margin-block:5px}
.gazette-cover-label>small{font-size:8px;letter-spacing:1.5px;border-block:1px solid #ffffff88;padding-block:11px;display:block}
.gazette-cover-arrow{position:absolute;bottom:22px;right:22px;z-index:2;background:#fb944a;color:#0d2a50;border-radius:50%;height:47px;width:47px;display:grid;place-items:center;font-size:23px}
.social-section{background:#ecf2f9;border-block:1px solid #dbe3ed;padding-block:50px}
.social-section h2{font-size:32px}.social-section .eyebrow{font-size:9px;margin-bottom:12px}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.social-card{display:flex;gap:13px;align-items:center;border:1px solid #d2dfed;border-radius:7px;background:#fff;padding:19px;min-width:0;color:var(--navy)}
.social-monogram{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#eff3f8;font-size:23px;font-weight:650}
.social-card>span:nth-child(2){min-width:0;flex:1}.social-card strong{font-size:14px;display:block}
.social-card small{display:block;overflow-wrap:anywhere;font-size:9px;color:var(--muted);margin-top:6px;line-height:1.6}
.social-card>span:last-child{font-size:18px;color:var(--orange-ink)}
.social-card:hover{border-color:#ed9b63}
.footer-community{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:11px;line-height:1.7}
.site-footer{flex-wrap:wrap}.nav-gazette{color:var(--orange-ink)}
@media(max-width:1080px){.student-hero-layout{gap:30px}.student-hero h2{font-size:44px}.gazette-promo{gap:45px}.social-card{padding:15px;gap:10px}.visual-header nav{gap:18px}}
@media(max-width:760px){.student-hero{padding:46px 0 38px}.student-hero-layout{grid-template-columns:1fr;gap:25px}.student-hero h2{font-size:41px}.student-hero-copy>p:not(.eyebrow){font-size:14px}.student-quick-links{gap:9px}.student-quick-links a{font-size:11px;padding:12px;min-height:57px}.herbasio-stage{max-width:310px;padding:0}.herbasio-bubble{max-width:275px;padding:15px 18px}.herbasio-bubble p{min-height:0}.student-documents{padding-block:44px}.student-doc-grid{grid-template-columns:1fr 1fr;gap:13px}.student-doc{padding:19px}.student-doc h3{font-size:17px}.student-doc-actions{font-size:11px;flex-wrap:wrap;gap:7px 12px}.student-doc-top{margin-bottom:17px}.student-doc-top>span:last-child{font-size:9px}.payment-shortcuts{gap:10px}.payment-shortcuts .button{width:100%;font-size:12px}.payment-shortcuts .text-link{font-size:12px}.payment-reminders{grid-template-columns:1fr;gap:25px;padding:23px}.payment-days strong{font-size:58px}.reminder-intro p.reminder-zone{font-size:11px}.reminder-intro>p:not(.eyebrow){max-width:none}.reminder-form-panel .form-grid input{font-size:16px}.reminder-form-panel .form-grid{grid-template-columns:1fr 1fr}.calendar-help p{font-size:12px}.gazette-promo{grid-template-columns:1fr;gap:32px;padding-block:48px}.gazette-promo h2{font-size:52px}.gazette-promo>div>p:not(.eyebrow){max-width:470px}.gazette-cover{height:310px;box-shadow:7px 7px 0 #e9edf3}.gazette-cover-label>span{font-size:75px}.social-section{padding-block:38px}.social-grid{grid-template-columns:1fr}.social-card{padding:17px 19px}.social-card small{font-size:11px}.social-section h2{font-size:29px}.footer-community{gap:12px 17px}.motion-toggle{font-size:11px}}
@media(max-width:480px){.student-doc-grid{grid-template-columns:1fr}.student-doc h3{min-height:0;font-size:20px}.student-doc p{font-size:13px;margin-block:11px 20px}.student-doc-actions{font-size:12px}.student-doc-top>span:last-child{font-size:11px}.student-doc-top{margin-bottom:15px}.student-hero h2{font-size:37px}.reminder-form-panel .form-grid{grid-template-columns:1fr}.student-hero .eyebrow{font-size:8px;letter-spacing:1.6px}.gazette-promo h2{font-size:49px}.payment-days{gap:13px}.social-section .section-heading>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.gazette-cover>img{transition:none}html:not([data-motion=on]) *,html:not([data-motion=on]) *::before{animation:none!important;scroll-behavior:auto!important}}

.campus-topbar .motion-toggle{color:#eef4fc;border-color:#5b6e84;font-size:10px;white-space:nowrap;padding:7px 11px;min-height:31px}.campus-topbar>.container>span{line-height:1.5}

/* Educational platform assistance stays readable beside the student links. */
.platform-support{margin-top:18px;padding:22px;border:1px solid #69809b;border-radius:8px;background:#ffffff0d;scroll-margin-top:110px;min-width:0}
.platform-support .support-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#ffb277;line-height:1.6}
.platform-support h3{font-size:20px;line-height:1.4;letter-spacing:normal;color:#fff;margin:10px 0}
.platform-support p{font-size:13px;line-height:1.8;color:#d5e0ed;margin-bottom:11px}
.platform-support-email{display:inline-block;max-width:100%;font-size:15px;font-weight:700;line-height:1.6;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;color:#ffb277}
.platform-support-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.platform-support-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 13px;border:1px solid #8295ac;border-radius:5px;color:#fff;font-size:12px;line-height:1.6}
.platform-support-actions a:hover{background:#ffffff16;border-color:#ffb277}
.platform-contact-note{font-size:12px!important;line-height:1.75!important;color:#cfdae8;margin-top:7px!important}
.contact-link{overflow-wrap:anywhere}
@media(max-width:760px){.platform-support{padding:18px}.platform-support h3{font-size:19px}.platform-support-email{font-size:14px}.platform-support-actions{display:grid;grid-template-columns:minmax(0,1fr)}.platform-support-actions a{font-size:13px}}