:root{--w-blue:#3D96F4;--w-dark:#0C61BC;--w-light:#6EB1F7;--w-panel:#F4F6FA;--w-ink:#333;--w-ink2:#666}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#fff;font:400 16px/1.6 var(--font-sans-doc);color:var(--w-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-serif-display);color:var(--w-dark);margin:0;line-height:1.3;text-wrap:pretty}
h1{font-weight:700;font-size:clamp(32px,4.4vw,52px);line-height:1.2}
h2{font-weight:700;font-size:clamp(26px,3.1vw,38px)}
h3{font-weight:700;font-size:clamp(21px,2vw,26px)}
h4{font-weight:400;font-size:clamp(18px,1.7vw,21px);color:var(--w-ink)}
p{margin:0;text-wrap:pretty}
a{color:var(--w-dark);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--w-blue)}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 clamp(24px,4vw,40px)}
.sect{padding:clamp(64px,9vw,120px) 0}
.panel{background:var(--w-panel)}
.lbl{font:700 14px/1.4 var(--font-sans-doc);letter-spacing:.09em;text-transform:uppercase;color:var(--w-dark)}
.p1{font-size:clamp(17px,1.45vw,18px);line-height:1.6}
.p3{font-size:13px;line-height:1.6;color:var(--w-ink2)}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #EDF1F7}
.bar{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,32px);flex-wrap:nowrap;min-height:88px;padding:14px clamp(24px,4vw,40px);max-width:1140px;margin:0 auto}
.bar img{height:46px;width:auto;display:block}
nav{display:flex;flex-wrap:nowrap;gap:clamp(14px,1.8vw,26px)}
nav a{font-size:14.5px;color:var(--w-ink);text-decoration:none;white-space:nowrap}
nav a:hover,nav a[aria-current]{color:var(--w-dark)}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.hero .copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border-radius:2px;background:var(--w-blue);color:#fff;font:700 15px/1 var(--font-sans-doc);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0;white-space:nowrap}
.btn:hover{background:var(--w-dark);color:#fff}
.btn.alt{background:transparent;color:var(--w-dark);border:1.5px solid var(--w-dark)}
.btn.alt:hover{background:var(--w-panel);color:var(--w-dark)}
.shot{aspect-ratio:4/3;width:100%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:clamp(32px,4vw,48px)}
.card{background:#fff;border:1px solid #E4EBF5;padding:30px 28px;display:flex;flex-direction:column;gap:12px}
.card .num{font:700 13px/1 var(--font-sans-doc);letter-spacing:.09em;color:var(--w-dark)}
.card h3{font-size:22px}
.card .sub{font-size:15px;color:var(--w-ink2);line-height:1.5}
.card p.body{font-size:15.5px;line-height:1.65}
.colegio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.quote{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:20px;align-items:center}
.quote blockquote{margin:0;font:400 clamp(19px,2.1vw,24px)/1.5 var(--font-serif-display);color:var(--w-dark)}
.qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:clamp(28px,3.5vw,40px)}
.qcard{background:#fff;border:1px solid #E4EBF5;padding:28px 26px;display:flex;flex-direction:column;gap:16px}
.qcard blockquote{margin:0;font:400 17px/1.55 var(--font-serif-display);color:var(--w-dark);flex:1}
.stars{font-size:13px;letter-spacing:.18em;color:var(--w-dark)}
.who{font-size:14px;line-height:1.45;color:var(--w-ink)}
.who span{display:block;font-size:12.5px;color:var(--w-ink2);margin-top:3px}
.about{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(32px,5vw,56px);align-items:center}
.afil{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,48px)}
.afil img{height:44px;width:auto;max-width:220px;display:block}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(28px,3.5vw,44px)}
.step{background:#fff;border-left:1px solid #E4EBF5;padding:28px 26px 32px;display:flex;flex-direction:column;gap:10px}
.step:first-child{border-left:0}
.step .n{font:700 12px/1 var(--font-sans-doc);letter-spacing:.12em;color:var(--w-dark)}
.step h3{font-size:20px;margin-top:4px}
.step p{font-size:15px;line-height:1.6;color:var(--w-ink)}
.faq{margin-top:clamp(24px,3vw,36px);max-width:820px;border-top:1px solid #E4EBF5}
.faq details{border-bottom:1px solid #E4EBF5}
.faq summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;position:relative;font:700 clamp(17px,1.6vw,19px)/1.4 var(--font-serif-display);color:var(--w-dark)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:400 22px/1 var(--font-sans-doc);color:var(--w-blue)}
.faq details[open] summary::after{content:"–"}
.faq summary:hover{color:var(--w-blue)}
.faq .ans{padding:0 34px 22px 0;font-size:15.5px;line-height:1.65;max-width:660px}
.pend{color:var(--w-ink2);font-style:italic}
footer{background:var(--w-dark);color:#fff;padding:clamp(48px,6vw,72px) 0 40px}
footer a{color:#fff}footer a:hover{color:var(--w-light)}
.fgrid{display:grid;grid-template-columns:minmax(240px,1.3fr) repeat(auto-fit,minmax(200px,1fr));gap:36px}
footer img{width:56px;height:auto;max-width:100%;display:block;margin-bottom:16px}
.fname{font:700 17px/1.3 var(--font-serif-display);color:#fff;margin-bottom:8px}
.fh{font:700 13px/1.4 var(--font-sans-doc);letter-spacing:.09em;text-transform:uppercase;color:var(--w-light);margin-bottom:12px}
footer p,footer address{font-size:15px;line-height:1.7;font-style:normal;color:#EAF2FD}
.legal{margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:13px;color:#CFE1F8}
@media(max-width:1060px){.bar img{height:38px}nav{gap:16px}nav a{font-size:13.5px}}
@media(max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step:nth-child(3){border-left:0}.step:nth-child(n+3){border-top:1px solid #E4EBF5}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.step{border-left:0;border-top:1px solid #E4EBF5}.step:first-child{border-top:0}}
@media(max-width:860px){.hero,.about{grid-template-columns:1fr}.about{gap:28px}}
.btn.sm{min-height:42px;padding:0 20px;font-size:13.5px;flex-shrink:0}
.bar .right{display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);flex-wrap:nowrap}
.crumb{font:600 13px/1.4 var(--font-sans-doc);letter-spacing:.06em;text-transform:uppercase;color:var(--w-ink2)}
.crumb a{color:var(--w-ink2);text-decoration:none}.crumb a:hover{color:var(--w-blue)}
.phero{padding:clamp(40px,5vw,64px) 0 clamp(32px,4vw,48px);border-bottom:1px solid #EDF1F7}
.phero .wrap{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.dlist{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.dlist li{position:relative;padding-left:22px;font-size:16px;line-height:1.6}
.dlist li::before{content:"";position:absolute;left:0;top:11px;width:10px;height:1.5px;background:var(--w-blue)}
.prose{display:flex;flex-direction:column;gap:18px;max-width:680px}
.svcnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vw,32px)}
.svcnav a{font:600 14px/1 var(--font-sans-doc);color:var(--w-dark);text-decoration:none;border:1px solid #D8E3F2;padding:12px 18px}
.svcnav a:hover{border-color:var(--w-dark);background:var(--w-panel)}
.card .more{font:700 13px/1 var(--font-sans-doc);letter-spacing:.06em;text-transform:uppercase;color:var(--w-dark);text-decoration:none;margin-top:4px}
.card .more:hover{color:var(--w-blue)}
@media(max-width:860px){.two{grid-template-columns:1fr}}


@media(max-width:700px){.fgrid{grid-template-columns:1fr;gap:28px}}

.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:1px solid #D8E3F2;cursor:pointer;padding:0;flex-shrink:0}
.burger span{display:block;width:20px;height:1.5px;background:var(--w-dark);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:1.5px;background:var(--w-dark)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
@media(max-width:820px){
.bar{flex-wrap:nowrap;row-gap:0}
.bar .right{width:auto;gap:12px}
.burger{display:flex;order:2}
.bar .right .btn.sm{order:1}
nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #E4EBF5;border-bottom:1px solid #E4EBF5;flex-direction:column;gap:0;padding:6px 0;display:none;z-index:20;box-shadow:0 10px 24px rgba(16,42,74,.08)}
nav.open{display:flex}
nav a{font-size:16px;padding:14px clamp(20px,5vw,32px);min-height:48px;display:flex;align-items:center}
header{position:relative}
}

@media(max-width:420px){.btn.sm{padding:0 14px;font-size:12.5px}.bar{gap:10px}}

.bar .mark{display:none}
@media(max-width:820px){.bar>a:first-child img{max-height:none;max-width:none;width:auto;height:34px}.bar .lockup{display:none}.bar .mark{display:block}}
@media(max-width:420px){.bar>a:first-child img{height:30px}}

.bar .namemob{display:none}
@media(max-width:820px){
.bar>a:first-child{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}
.bar .namemob{display:block;font:700 12.5px/1.25 var(--font-sans-doc);letter-spacing:.01em;color:var(--w-dark);white-space:nowrap}
.bar .namemob em{display:block;font:400 10.5px/1.3 var(--font-sans-doc);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--w-ink2)}
.bar>a:first-child img{height:30px}
}
@media(max-width:420px){.bar>a:first-child img{height:27px}.bar .namemob{font-size:11.5px}.bar .namemob em{font-size:9.5px}}

@media(max-width:820px){.bar{gap:10px;padding-left:16px;padding-right:16px}.bar .right{gap:8px}.btn.sm{padding:0 12px;font-size:11.5px;letter-spacing:.05em;min-height:40px}.burger{width:40px;height:40px}.bar .namemob{font-size:12px}}
@media(max-width:400px){.bar .namemob{font-size:11px}.bar .namemob em{font-size:9px}.bar>a:first-child img{height:26px}.btn.sm{padding:0 10px;font-size:11px}}

@media(max-width:820px){.bar .namemob em{font-size:9.5px;letter-spacing:.03em}.btn.sm{padding:0 11px;font-size:11px}}
@media(max-width:400px){.bar .namemob em{font-size:8.5px}}

.bar .namemob b{display:block}
@media(max-width:820px){
.bar .namemob{font:900 10.5px/1.28 var(--font-logo);letter-spacing:.1em;text-transform:uppercase;color:var(--w-dark)}
.bar .namemob em{display:block;font:500 8.5px/1.3 var(--font-logo);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--w-blue);margin-top:3px}
.bar>a:first-child{align-items:center;gap:8px}
.bar>a:first-child img{height:36px}
}
@media(max-width:400px){.bar .namemob{font-size:9.5px}.bar .namemob em{font-size:8px}.bar>a:first-child img{height:32px}}

@media(max-width:820px){.bar .namemob{font-size:12px}.bar .namemob em{font-size:9.5px}.bar>a:first-child img{height:40px}}
@media(max-width:400px){.bar .namemob{font-size:11px}.bar .namemob em{font-size:8.8px}.bar>a:first-child img{height:36px}}

@media(max-width:820px){
.bar{gap:8px;padding-left:14px;padding-right:14px}
.bar>a:first-child{gap:7px}
.bar>a:first-child img{height:26px}
.bar .namemob{font:900 9.5px/1.3 var(--font-logo);letter-spacing:.055em;white-space:nowrap}
.bar .namemob b{white-space:nowrap}
.bar .namemob em{font:500 7.4px/1.3 var(--font-logo);letter-spacing:.075em;white-space:nowrap;margin-top:2px}
.bar .right{gap:7px}
.btn.sm{padding:0 10px;font-size:10.5px;letter-spacing:.04em;min-height:38px}
.burger{width:38px;height:38px}
}
@media(max-width:400px){.bar .namemob{font-size:8.8px;letter-spacing:.04em}.bar .namemob em{font-size:6.9px;letter-spacing:.06em}.bar>a:first-child img{height:24px}.btn.sm{padding:0 9px;font-size:10px}}

@media(max-width:820px){.bar .namemob{font-size:11.3px;letter-spacing:.06em}.bar .namemob em{font-size:8.7px;letter-spacing:.085em}.bar>a:first-child img{height:30px}}
@media(max-width:400px){.bar .namemob{font-size:10.2px}.bar .namemob em{font-size:7.9px}.bar>a:first-child img{height:27px}}

.bar .lockup{height:auto;width:min(420px,36vw);max-height:58px;min-width:0;flex:0 1 auto}

.bar>a:first-child{min-width:0}
@media(max-width:1060px){.bar .lockup{height:38px}}
@media(max-width:820px){.bar .lockup{display:none}}

@media(max-width:1060px){
.bar .lockup{display:none}
.bar .mark{display:block;height:38px;width:auto}
.bar>a:first-child{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none}
.bar .namemob{display:block;font:900 12px/1.3 var(--font-logo);letter-spacing:.06em;text-transform:uppercase;color:var(--w-dark);white-space:nowrap}
.bar .namemob b{white-space:nowrap}
.bar .namemob em{display:block;font:500 9px/1.3 var(--font-logo);font-style:normal;letter-spacing:.085em;text-transform:uppercase;color:var(--w-blue);white-space:nowrap;margin-top:2px}
}
@media(max-width:900px){.bar .mark{height:34px}.bar .namemob{font-size:11px}.bar .namemob em{font-size:8.4px}}
@media(max-width:820px){.bar .mark{height:30px}.bar .namemob{font-size:11.3px}.bar .namemob em{font-size:8.7px}}
@media(max-width:400px){.bar .mark{height:27px}.bar .namemob{font-size:10.2px}.bar .namemob em{font-size:7.9px}}