/* Vasconcelos — institutional visual system, October 2026. */
:root{--font-ui:Inter,"Aptos","Segoe UI",Helvetica,Arial,sans-serif;--ink:#0a2239;--cream:#f7fafb;--gold:#168b91;--muted:#506477;--line:#dce6ec;--space-section:clamp(64px,7vw,112px)}
body{font-family:var(--font-ui);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;background:var(--cream)}
h1,h2,h3,h4,.hero-photo p,.purpose-grid article>p,.learning-motto,.portal-slide-copy h3{font-family:var(--font-ui);font-style:normal;font-weight:600;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}
h1 em{font-style:normal}h2{font-size:clamp(32px,3.6vw,52px);max-width:23ch;margin:14px 0 26px}h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em}h4{letter-spacing:-.012em}
p{max-width:72ch}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.5;color:#127c87}.dark .eyebrow{color:#79d6d6}
main>section{padding:var(--space-section) max(6%,calc((100vw - 1240px)/2));min-width:0}main>section:before{background:none!important;height:0!important}main>section[id]{scroll-margin-top:calc(var(--nav-height,80px) + 20px)}
.section-head{max-width:780px}.section-head>p{color:var(--muted);font-size:17px;line-height:1.7}
header{padding:14px 4%;gap:20px;background:#f7fafb;border-bottom:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 3px 20px #0a223906;z-index:30}header .logo{width:164px}#site-nav{gap:20px;font-size:13px}#site-nav a{transition:color .18s}#site-nav a:hover{color:#127c87}#site-nav>a.button{display:none}header .portal-access{font-family:var(--font-ui);font-size:13px}header .nav-cta{padding:12px 18px;border-radius:9px;font-size:13px;min-height:46px}
.button,button,input,select{font-family:var(--font-ui)}.button{min-height:48px;padding:13px 22px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{box-shadow:0 5px 14px #0a223914;transform:translateY(-2px)}.button.preinscription{background:#127c87;color:#fff}.button.preinscription:hover{background:#0a2239}.button.light{background:#168b91;color:white}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,4vw,64px);min-height:690px;padding-top:64px;padding-bottom:72px}.hero h1{font-size:clamp(40px,4.7vw,67px);line-height:1.08;letter-spacing:-.045em;margin:24px 0;max-width:15ch}.hero .intro{font-size:18px;line-height:1.7;max-width:43ch}.hero .actions{gap:18px;flex-wrap:wrap}.hero .small{font-size:13px;line-height:1.6;max-width:47ch}.hero-photo{height:560px;border-radius:18px}.hero-photo:after{background:#0a22394d;inset:auto 0 0;height:150px}.hero-photo figcaption{left:30px;bottom:28px}.hero-photo p{font-size:28px;line-height:1.2;font-weight:500;max-width:20ch}.strip{background:#eaf2f5;padding:23px 6%;font-size:14px;border-color:var(--line)}
#avanza{background:#fff}.avanza-introduction .avanza-program{border:0;border-radius:0;background:transparent;padding:0}.avanza-program p{font-size:16px}.avanza-summary p{font-size:17px}.program-logos{padding:20px 0}.avanza-introduction>.button{background:transparent;color:#127c87;border:1px solid #127c8750}
#programas{background:#f1f6f8}.cards{gap:28px;margin-top:38px}.card{border:1px solid var(--line);border-top:3px solid #168b91;border-radius:16px;padding:36px;box-shadow:0 7px 24px #0a223905}.card h3{font-size:32px;margin:20px 0 16px}.card .tag{font-size:12px;font-weight:600;letter-spacing:.06em}.price{font-family:var(--font-ui);font-size:52px;font-weight:650;line-height:1.2;letter-spacing:-.055em;margin:20px 0}.price span{font-size:15px;letter-spacing:0;font-weight:400}.card li{font-size:15px;line-height:1.7}.program-modality{font-size:14px;border-radius:6px;padding:8px 12px}.program-total{margin-top:22px;padding:20px 0;font-size:14px}.program-total strong{font-size:28px;font-weight:600;letter-spacing:-.03em}.card .preinscription{width:100%;text-align:center}.fees{font-size:15px;gap:18px 40px}.certification-notice{border:1px solid #cddde5;border-left:3px solid #168b91;border-radius:10px;background:#eaf2f5;padding:26px;margin-top:30px}
#modalidades{background:#0a2239}.modes{gap:40px;margin-top:38px}.modes article{background:transparent;border:0;border-top:1px solid #ffffff38;border-radius:0;padding:28px 0 0}.modes h3{font-size:30px}.modes p{font-size:16px;line-height:1.75;max-width:48ch}.modes .ui-icon{color:#79d6d6}
#admision{background:white}#admision .admission-overview{background:#f1f6f8;border:0;border-radius:16px;padding:36px}#admision .admission-overview:before{opacity:.06}#admision .admission-overview:after{background:none}.steps{gap:32px}.steps h3,#admision .steps h3{font-size:25px}.steps p,#admision .steps p{font-size:16px;line-height:1.7}.docs{border:1px solid var(--line);padding:32px;border-radius:14px}.docs-heading h3{font-size:28px}.document-list h4{font-size:15px}.document-list p{font-size:14px}.document-note{line-height:1.6}
#opiniones{background:#f1f6f8}.experience-card{border-radius:14px;box-shadow:none}.experience-card h3{font-family:var(--font-ui);font-size:20px}.experience-card blockquote{font-size:16px}.experience-controls button,.mobile-controls button,.carousel-controls button,.portal-carousel-controls button{min-width:44px;min-height:44px}.capture-open span{font-family:var(--font-ui);font-size:13px}
#preinscripcion{background:#0a2239}#preinscripcion h2{font-size:clamp(30px,3.6vw,48px);max-width:22ch;letter-spacing:-.025em}#preinscripcion .pass-intro{font-size:18px;line-height:1.7}.pass-steps p{font-size:15px;line-height:1.6}.wallet-tabs button{font-family:var(--font-ui);font-size:14px;min-height:44px}.wallet-hint,.pass-details{font-size:13px;line-height:1.6}
#nosotros{background:#fff}.purpose-grid{gap:50px}.purpose-grid article>p{font-size:26px;line-height:1.45;font-weight:450}.values-grid h3{font-size:21px}.values-grid p{font-size:15px}.commitment{background:#eaf2f5;border-radius:12px}.commitment p{font-size:17px;line-height:1.7}.team-grid article{border-radius:12px;box-shadow:none}.team-grid h3{font-size:21px}.team-grid p{font-size:15px}.team-within-about{border-color:var(--line)}
#proceso{background:#f7fafb}.academic-timeline{gap:28px;margin:40px 0}.academic-timeline h3{font-size:21px}.academic-timeline p{font-size:15px;line-height:1.65}.step-number{font-family:var(--font-ui)}#planes{background:#fff}.subjects-grid{gap:32px}.subjects-grid article{border-top-width:1px}.subjects-grid h3{font-size:24px}.subjects-grid p{font-size:15px;line-height:1.7}.learning-motto{font-size:28px;line-height:1.4}
#comunidad{background:#eaf2f5}.photo-grid figure,.more-photos figure{border:0;border-radius:14px}.photo-grid figcaption,.more-photos figcaption{font-size:14px;line-height:1.6;padding:20px 24px}.success-track figure{border-radius:14px}.video-card{border-radius:14px;box-shadow:none}.video-card h3{font-size:22px}.video-card p{font-size:15px}.video-card>div{padding:24px}#preguntas{background:white;padding-top:var(--space-section)!important}#preguntas details{padding:0;border-color:var(--line)}#preguntas summary{padding:23px 0;font-size:18px;font-weight:500;line-height:1.5}#preguntas details p{font-size:16px;line-height:1.75;margin:0 0 24px}.map-frame{border-radius:14px;overflow:hidden}
#informes{background:#eaf2f5;border:0;gap:70px}#informes label{font-size:14px;font-weight:500}input,select{min-height:50px;border:1px solid #bdcdd7;border-radius:8px;padding:12px 14px;font-size:16px}input:focus,select:focus{outline:2px solid #168b91;outline-offset:2px}#informes address{font-size:16px;line-height:1.75}#informes .small{font-size:13px}.final-cta{background:#0a2239;text-align:center}.final-cta h2,.final-cta p{margin-left:auto;margin-right:auto}.final-cta p{color:#d9e6ed;font-size:17px}.final-cta .button{margin-top:16px}
#portal-vasconcelos{background:#f1f6f8;padding:var(--space-section) 6%}.portal-heading h2{max-width:22ch;margin-left:auto;margin-right:auto;font-size:clamp(32px,3.6vw,48px)}.portal-tabs button{font-family:var(--font-ui);font-size:14px}.portal-heading p{font-size:17px}.portal-slide-copy h3{font-size:30px}.portal-capture-slot{background:#f1f6f8}.portal-device-computer:after{background:#bac8d4}.portal-bottom p{font-size:14px}
footer{background:#fff;border-top:1px solid var(--line);padding:40px 6% 100px;gap:22px;font-size:13px;align-items:flex-start}footer .social-links{font-size:13px}.footer-portal small{font-size:12px}.whatsapp-float{z-index:40;min-width:48px;min-height:48px;background:#0a2239;border:1px solid #168b91;box-shadow:0 5px 18px #0a22391c;transition:background .18s,transform .18s}.whatsapp-float:hover{transform:translateY(-2px);background:#127c87}.enrollment-bar{display:none}
/* Motion enhances interaction; content stays visible without JavaScript. */
@media(hover:hover){.card,.video-card,.team-grid article{transition:border-color .2s,box-shadow .2s}.card:hover,.video-card:hover{border-color:#8cbfc4;box-shadow:0 10px 26px #0a22390a}}
@keyframes vasconcelos-entry{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}.design-enter{animation:vasconcelos-entry .5s ease-out both}
@media(max-width:1280px){header{flex-wrap:wrap;gap:12px}header .brand{margin-right:auto}header .menu-toggle{display:block;order:2;width:44px;height:44px;padding:7px;border-radius:8px}header .portal-access,header .nav-cta{order:1}header #site-nav{display:none;order:3;flex-basis:100%;width:100%;padding:14px 0 0;margin:0;border-top:1px solid var(--line)}header #site-nav.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}header #site-nav a{display:block;padding:12px;font-size:14px}header #site-nav>.button{display:block;color:white;text-align:center;min-width:0;width:100%}}
@media(max-width:900px) and (min-width:768px){.hero{gap:28px;min-height:0}.hero h1{font-size:44px}.hero-photo{height:500px}.values-grid{grid-template-columns:1fr 1fr}.document-list{grid-template-columns:1fr 1fr}}
@media(max-width:767px){
 body{font-size:16px}main>section,main>section:not(.dark):not(.hero),main>section.dark{padding:58px 22px}main>section[id]{scroll-margin-top:calc(var(--nav-height,76px) + 16px)}
 header{padding:10px 20px;gap:10px;min-height:72px}header .logo{width:clamp(112px,30vw,150px);max-width:100%;height:auto}header .brand{min-width:0}header .portal-access{font-size:13px;gap:5px;min-height:44px;padding:6px 0}header .portal-access svg{width:18px;height:18px}header .menu-toggle{width:44px;height:44px;border-radius:8px}header .nav-cta{display:none!important}header #site-nav.is-open{grid-template-columns:1fr;max-height:calc(100svh - 96px);overflow-y:auto}header #site-nav a{display:block!important;min-height:44px;font-size:15px;padding:12px}header #site-nav>.button{display:block!important;margin-top:5px}
 h2,main>section h2,#preinscripcion h2,.portal-heading h2{font-size:clamp(29px,7.7vw,36px);line-height:1.16;letter-spacing:-.035em;margin:12px 0 24px}.section-head>p,main p{font-size:16px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:.12em}.button{min-height:48px;font-size:15px;padding:13px 18px}
 .hero{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:34px 22px 48px}.hero h1{font-size:clamp(36px,9.4vw,46px);max-width:16ch;line-height:1.08;margin:22px 0}.hero .intro{font-size:17px;line-height:1.65}.hero .actions{margin-top:26px;display:flex;gap:14px}.hero .actions .button{width:100%;padding:14px 18px;font-size:15px}.hero .small{font-size:13px;max-width:100%;margin-top:15px}.hero-photo{height:auto;aspect-ratio:4/3;border-radius:14px}.hero-photo figcaption,.hero-photo:after{display:none}.mobile-avanza-link{font-size:14px;min-height:44px}.strip{display:none}
 #avanza .avanza-program{padding:0;margin-top:22px;background:transparent}#avanza .program-logos{padding:12px 0}.avanza-summary p{font-size:16px}.mobile-disclosure{border-radius:10px;margin:18px 0;box-shadow:none}.mobile-disclosure summary{min-height:48px;font-size:16px;padding:16px 0}.mobile-disclosure p{font-size:15px}
 .card{padding:27px 23px;border-radius:14px}.card h3{font-size:29px}.price{font-size:46px}.card li{font-size:15px}.program-modality{font-size:14px}.program-total{padding:18px 0}.program-total strong{font-size:26px}#programas .certification-notice{padding:20px}.certification-notice p,#programas .certification-notice>p{font-size:15px}.modes{gap:30px}.modes article{padding:24px 0 0}.modes h3{font-size:27px}.modes p{font-size:16px}
 #admision .admission-overview{padding:24px 20px}#admision .steps h3{font-size:24px}#admision .steps p{font-size:16px}#admision .docs{padding:24px 20px}.document-list h4,#admision .document-list h4{font-size:16px}#admision .document-list p{font-size:14px}#admision .document-note{font-size:14px}
 #preinscripcion .pass-intro{font-size:17px;max-width:100%}.mobile-pass-steps strong{font-size:16px}.mobile-pass-steps span{font-size:14px}#preinscripcion .pass-details{font-size:13px}#preinscripcion .wallet-tabs button{font-size:14px}.purpose-grid article>p{font-size:23px}.values-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.values-grid h3{font:600 17px/1.35 var(--font-ui)}.values-grid p{font-size:14px}.commitment p{font-size:16px}.mobile-team-card h3{font:600 18px/1.4 var(--font-ui)}.mobile-team-card p{font-size:15px}.mobile-controls{font-size:14px;margin:14px 0 20px}.mobile-controls span{font-size:14px}.mobile-carousel>*{border-radius:14px;box-shadow:none}.mobile-video-card h3{font-size:23px}.mobile-video-card p{font-size:15px}.academic-timeline h3{font-size:22px}.academic-timeline p{font-size:15px}.subjects-grid h3{font-size:23px}.subjects-grid p{font-size:15px}
 #preguntas summary{font-size:17px;padding:20px 0}#preguntas details p{font-size:16px}.contact{grid-template-columns:minmax(0,1fr)}#informes{gap:30px}#informes .small{font-size:13px}.final-cta .button{width:100%;max-width:360px}.final-cta p{font-size:16px}
 #portal-vasconcelos{padding:60px 22px 50px}.portal-heading h2{margin-left:auto;margin-right:auto}.portal-heading>p{font-size:16px}.portal-tabs{max-width:100%;flex-wrap:wrap;border-radius:12px}.portal-tabs button{flex:1 1 calc(50% - 8px);font-size:14px;padding:12px 8px;min-height:44px}.portal-slide-copy h3{font-size:27px}.portal-slide-copy p{font-size:16px}.portal-slide-copy li{font-size:14px}.portal-device-phone{max-width:190px}.portal-privacy-caption{font-size:12px}.portal-bottom p{font-size:13px}.portal-position{font-size:14px}.portal-explore{font-size:15px}
 footer{padding:34px 22px 120px;gap:22px;font-size:14px}.contact-email{overflow-wrap:anywhere}footer .social-links{font-size:13px}
 .enrollment-bar{display:block!important;position:fixed;bottom:0;left:0;right:0;z-index:35;background:#f7fafb;border-top:1px solid #dce6ec;box-shadow:0 -4px 16px #0a223908;padding:10px 80px calc(10px + env(safe-area-inset-bottom)) 16px}.enrollment-bar .button{width:100%;background:#127c87;color:white;display:block;min-height:48px;font-size:15px;text-align:center;padding:13px 12px}.whatsapp-float{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40}.whatsapp-float span{display:none}.whatsapp-float .ui-icon{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.whatsapp-float:hover{transform:none}}