/* Student-first header: a compact utility cue, calmer navigation, and a clear first action. */
.header-utility{background:#162f45;color:#dce8e6;border-bottom:1px solid rgba(255,255,255,.1);font-size:.72rem;letter-spacing:.02em}
.utility-inner{min-height:32px;display:flex;align-items:center;justify-content:flex-end;gap:18px}
.utility-badge{display:inline-flex;align-items:center;gap:8px;margin-right:auto;color:#f5f7f3;font-weight:600}
.utility-badge i{width:6px;height:6px;border-radius:50%;background:#e78b50;box-shadow:0 0 0 4px rgba(231,139,80,.16)}
.utility-note{color:#a9c0c4}
.utility-phone{color:#f5f7f3;text-decoration:none;font-weight:600;white-space:nowrap}
.utility-phone:hover{color:#f3a56c}
.site-header{position:sticky;top:0;z-index:40;height:auto;background:rgba(250,248,243,.94);border-bottom:1px solid rgba(22,47,69,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s ease,background .3s ease}
.site-header.is-scrolled{box-shadow:0 12px 28px rgba(22,47,69,.12);background:rgba(250,248,243,.98)}
.header-inner{min-height:82px;gap:22px}
.logo-holder{flex:0 0 auto;display:flex;align-items:center}
.site-header .brand-logo{width:214px;height:auto;display:block}
.main-nav{flex:1;justify-content:center;gap:26px;align-self:stretch}
.main-nav a{display:inline-flex;align-items:center;position:relative;padding:4px 0;color:#335066;font-size:.83rem;font-weight:700;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.main-nav a:after{height:2px;bottom:-1px;border-radius:2px;background:#e78b50}
.main-nav a:hover,.main-nav a.active{color:#162f45}
.main-nav a.active:after{width:100%}
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-quote{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;color:#162f45;text-decoration:none;padding:7px 10px;border-radius:12px;transition:background .2s ease,transform .2s ease}
.header-quote:hover{background:#edf1ec;transform:translateY(-1px)}
.header-quote-kicker{grid-column:1/-1;color:#72868b;text-transform:uppercase;font-size:.57rem;line-height:1;letter-spacing:.14em;font-weight:800}
.header-quote strong{font-size:.82rem;line-height:1.35}
.header-quote-arrow{color:#e07841;font-size:1rem;line-height:1}
.header-whatsapp{padding:11px 14px;font-size:.77rem;white-space:nowrap}
.header-whatsapp .service-icon{width:17px;height:17px}
.mobile-nav{top:100%;border-top:1px solid rgba(22,47,69,.12)}
.mobile-nav-intro{padding:4px 0 9px;border-bottom:1px solid rgba(22,47,69,.12);margin-bottom:4px}
.mobile-nav-intro .label{margin:0 0 5px}
.mobile-nav-intro p:last-child{margin:0;color:#6a7e83;font-size:.88rem;line-height:1.45}
.mobile-contact{display:grid;gap:11px;padding-top:10px;margin-top:4px;border-top:1px solid rgba(22,47,69,.12)}
.mobile-contact .button{justify-content:center}
.mobile-call{text-align:center;color:#335066;font-size:.8rem;font-weight:700;text-decoration:none}
@media (max-width:1050px){.utility-note{display:none}.main-nav{gap:18px}.site-header .brand-logo{width:195px}.header-quote{display:none}.header-whatsapp span{display:none}.header-whatsapp{padding:11px 12px}}
@media (max-width:900px){.main-nav,.header-actions{display:none}.header-inner{min-height:76px}.site-header .brand-logo{width:205px}.menu-toggle{display:flex}.utility-inner{min-height:30px}}
@media (max-width:680px){.utility-inner{justify-content:center}.utility-badge{margin:0;font-size:.68rem}.utility-phone{display:none}.site-header .brand-logo{width:188px}.header-inner{min-height:70px}.mobile-nav{padding:18px 20px 22px}}
@media (prefers-reduced-motion:reduce){.site-header,.header-quote{transition:none}}
