:root{--navy:#082b67;--blue:#1269d3;--sky:#eef6fd;--mint:#eaf7f2;--line:#d6e3f0;--ink:#17365f;--muted:#526d8e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:90px}body{margin:0;overflow-x:hidden;background:#f7fbff;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:40;left:12px;top:-60px;padding:10px 14px;background:#fff;border:2px solid var(--blue);border-radius:6px}.skip:focus{top:12px}.header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:82px;padding:8px max(24px,calc((100% - 1240px)/2));background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:56px;height:56px;object-fit:contain}.brand span{display:grid}.brand b{color:var(--navy);font-size:1.35rem;line-height:1.15}.brand small{color:var(--muted)}.nav{display:flex;justify-content:center;gap:3px}.nav a{padding:11px 8px;border-radius:6px;font-size:.8rem;font-weight:700}.nav a:hover,.nav a:focus-visible{background:var(--sky);color:var(--blue)}.header-actions{display:flex;align-items:center;gap:12px}.text-link{color:var(--blue);font-size:.82rem;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:7px;font-weight:800}.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1269d328}.button-soft{background:var(--mint);color:var(--navy)}.button-outline{border-color:var(--blue);background:#fff;color:var(--blue)}.menu-button{display:none}.hero{display:grid;grid-template-columns:.95fr 1.05fr;min-height:570px;background:#fff}.hero-copy{align-self:center;padding:64px 6vw 60px max(28px,calc((100vw - 1180px)/2))}.badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:7px 12px;border-radius:999px;background:var(--sky);font-size:.8rem}.badge span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d93642;color:#fff;font-size:.66rem}.hero h1{max-width:590px;margin:0;color:var(--navy);font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.03}.hero h1 em{color:#23877f;font-style:normal}.lead{max-width:610px;margin:22px 0 26px;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin:18px 0 0;color:var(--muted);font-size:.84rem}.hero-media{min-height:520px;overflow:hidden;background:#eef5ff}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:8% center}.capabilities{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:980px;margin:-38px auto 0;padding:0 20px}.capabilities a{display:flex;align-items:center;gap:12px;min-height:92px;padding:17px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 10px 24px #143b6d12}.capabilities a:hover{border-color:var(--blue);transform:translateY(-2px)}.icon,.audience-icon,.catalog-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:6px;background:var(--sky);color:var(--blue);font-weight:800}.capabilities a>span:last-child{display:grid}.capabilities b{color:var(--navy)}.capabilities small{color:var(--muted)}.section{max-width:1180px;margin:auto;padding:72px 28px}.section-tint{max-width:none;padding-inline:max(28px,calc((100% - 1124px)/2));background:var(--sky)}.section-heading{margin-bottom:28px}.section-heading h2,.implementation h2,.product-proof h2{margin:0;color:var(--navy);font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.12}.section-heading p{margin:8px 0 0;color:var(--muted)}.section-heading.inline{display:flex;align-items:end;justify-content:space-between;gap:26px}.section-heading a{color:var(--blue);font-weight:700}.product-proof{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px}.proof-copy>p:not(.eyebrow){color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{position:relative;margin:12px 0;padding-left:28px}.check-list li:before{position:absolute;left:0;content:'✓';color:#16826c;font-weight:800}.simulator-preview{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 16px 36px #173e7215}.simulator-preview img{display:block;width:100%;height:auto}.simulator-preview figcaption{padding:12px 16px;color:var(--muted);font-size:.82rem}.eyebrow{margin:0 0 10px;color:#16826c;font-size:.76rem;font-weight:800;text-transform:uppercase}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience{padding:26px;border:1px solid var(--line);border-radius:7px;background:#fff}.audience h3{margin:14px 0;color:var(--navy)}.audience ul{min-height:126px;padding-left:20px;color:var(--muted)}.audience>span:last-child{color:var(--blue);font-weight:800}.audience:hover{border-color:var(--blue);box-shadow:0 10px 24px #173e7214}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0;padding:0;list-style:none}.journey li{display:grid;gap:8px;min-height:144px;padding:22px;border:1px solid #cee0f1;border-top:4px solid var(--blue);border-radius:7px;background:#fff}.journey b{color:var(--navy)}.journey small{color:var(--muted)}.specialty-filters{display:flex;gap:8px;margin:-8px 0 22px}.specialty-filters button{padding:9px 15px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer}.specialty-filters button.active{border-color:var(--blue);background:var(--blue);color:#fff}.specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.specialty-card,.all-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.specialty-card{display:flex;align-items:end;min-height:280px;padding:0;background-image:url('/images/portal-docente/recorrido-estudiante-v2.png');background-repeat:no-repeat;background-size:500% 100%;background-color:#dbeaf8}.specialty-card.photo-1{background-position:0 center}.specialty-card.photo-2{background-position:25% center}.specialty-card.photo-3{background-position:50% center}.specialty-card.photo-4{background-position:75% center}.specialty-card.photo-5{background-position:100% center}.specialty-card span{display:grid;width:100%;gap:3px;padding:17px;background:#fffffff2;border-top:1px solid var(--line)}.specialty-card b,.all-card b{color:var(--navy);font-size:1rem}.specialty-card small,.all-card small{color:var(--muted)}.specialty-card:hover,.all-card:hover{border-color:var(--blue);box-shadow:0 9px 22px #173e7215;transform:translateY(-2px)}.specialty-card[hidden]{display:none}.all-card{display:grid;place-content:center;min-height:280px;padding:28px;text-align:center}.all-card .catalog-icon{margin:0 auto 14px}.all-card>span:last-child{margin-top:18px;color:var(--blue);font-weight:800}.implementation{padding:68px max(28px,calc((100% - 1124px)/2));background:var(--mint)}.implementation>div{max-width:940px}.implementation>div>p:not(.eyebrow){color:var(--muted)}.implementation ol{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0;padding:0;counter-reset:step;list-style:none}.implementation li{padding:14px 8px;border-top:3px solid #74c9b3;color:var(--navy);font-size:.78rem;font-weight:700}.implementation li:before{counter-increment:step;content:counter(step);display:block;color:#16826c;font-size:1.15rem}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{color:var(--navy);font-weight:800;cursor:pointer}.faq details p{color:var(--muted)}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:28px;background:var(--navy);color:#fff;font-size:.9rem}footer a{text-decoration:underline}.specialty-dialog{width:min(880px,94vw);max-height:88vh;overflow:auto;border:0;border-radius:8px;padding:0;background:#fff;box-shadow:0 28px 90px #001b4a66}.specialty-dialog::backdrop{background:#001b4ab5}.dialog-photo{height:270px;background-image:url('/images/portal-docente/recorrido-estudiante-v2.png');background-repeat:no-repeat;background-size:500% 100%;background-position:0 center}.specialty-dialog>div:last-child{padding:28px}.specialty-dialog h2{margin:0;color:var(--navy);font-size:2rem}.specialty-dialog h3{color:var(--navy)}.specialty-dialog p,.specialty-dialog li{color:var(--muted)}.dialog-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 5px 15px #001b4a44;cursor:pointer;font-size:1.6rem}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-meta div{padding:12px;background:var(--sky);border-radius:6px}.detail-meta dt{color:var(--muted);font-size:.75rem}.detail-meta dd{margin:2px 0 0;color:var(--navy);font-weight:700}:focus-visible{outline:3px solid #f2a900;outline-offset:3px}@media(max-width:1050px){.header{grid-template-columns:1fr auto}.header-actions{display:none}.menu-button{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff}.nav{position:absolute;left:16px;right:16px;top:76px;display:none;flex-direction:column;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #0a315326}.nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:52px 28px}.hero-media{min-height:380px}.capabilities{margin:20px auto 0}.product-proof{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}.audience ul{min-height:0}.journey{grid-template-columns:repeat(2,1fr)}.implementation ol{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.header{min-height:70px;padding:6px 16px}.brand img{width:46px;height:46px}.brand b{font-size:1.03rem}.brand small{font-size:.66rem}.hero-copy{padding:44px 20px}.hero h1{font-size:2.35rem}.hero-actions{display:grid}.hero-media{min-height:250px}.hero-media img{object-position:0 center}.capabilities{grid-template-columns:1fr 1fr}.capabilities a{min-height:82px;padding:13px}.section{padding:52px 18px}.section-heading.inline{display:block}.section-heading.inline>a{display:inline-block;margin-top:12px}.journey,.specialty-grid{grid-template-columns:1fr}.specialty-card{min-height:260px}.implementation{padding:52px 18px}.implementation ol{grid-template-columns:1fr 1fr}.button{width:100%}.specialty-filters{overflow-x:auto}.dialog-photo{height:200px}.specialty-dialog>div:last-child{padding:22px}.detail-meta{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.specialty-card,.dialog-photo{background-image:url('/images/especialidades/especialidades-fotograficas-v2.png')}
.hero{align-items:center;padding:28px max(20px,calc((100% - 1320px)/2));gap:34px}.hero-copy{min-width:0;padding:38px 0}.hero-media{display:flex;align-items:center;min-width:0;min-height:0;aspect-ratio:16/9;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 42px #173e7217}.hero-media img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;image-rendering:auto}.simulator-preview img{aspect-ratio:16/9;object-fit:contain;background:#f4f8fc}.specialty-card{aspect-ratio:1.28/1;min-height:0;background-color:#e6eff8;background-size:500% 100%;background-position-y:center}.dialog-photo{aspect-ratio:16/6;height:auto;background-color:#e6eff8;background-size:500% 100%}.specialty-card span{min-height:78px}.hero img,.simulator-preview img{backface-visibility:hidden;transform:translateZ(0)}
@media(max-width:1050px){.hero{padding:24px 28px;gap:24px}.hero-copy{padding:28px 0}.hero-media{width:100%;max-width:900px;margin:auto}}
@media(max-width:650px){.hero{padding:28px 18px;gap:22px}.hero-copy{padding:8px 0}.hero-media{aspect-ratio:4/3}.hero-media img{object-position:58% center}.specialty-card{aspect-ratio:1.15/1}.dialog-photo{aspect-ratio:16/9}}
.hero-media{display:block;aspect-ratio:auto;margin:0;background:#fff}.hero-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#071d3d}.hero-media figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:12px 18px;background:var(--navy);color:#fff;font-size:.9rem}.hero-media figcaption span{color:#6de4dc;font-weight:700}.capabilities a:nth-child(1),.audience:nth-child(1){border-top:3px solid #2583df}.capabilities a:nth-child(2),.audience:nth-child(2){border-top:3px solid #1ca886}.capabilities a:nth-child(3),.audience:nth-child(3){border-top:3px solid #7252cf}.capabilities a:nth-child(4){border-top:3px solid #e3a11a}.product-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3f8fd}.section-tint{background:#eaf3fa}.specialty-grid>*{background-color:#fff}.implementation{border-top:1px solid #cfe9df;border-bottom:1px solid #cfe9df}.faq details{padding:18px 16px;background:#fff;border:1px solid var(--line);border-radius:7px}.faq details+details{margin-top:10px}@media(max-width:650px){.hero-media{aspect-ratio:auto}.hero-media figcaption{align-items:flex-start;flex-direction:column;gap:2px}.capabilities{gap:8px}}
:root{--container:1180px}.header{padding-inline:max(20px,calc((100% - var(--container))/2))}.hero,.section,.capabilities{width:min(calc(100% - 40px),var(--container));max-width:var(--container);margin-left:auto;margin-right:auto}.hero{padding-left:0;padding-right:0}.capabilities{padding-left:0;padding-right:0}.section-tint{padding-left:28px;padding-right:28px}.implementation{padding-left:20px;padding-right:20px}.implementation>div{width:min(100%,var(--container));max-width:var(--container);margin:0 auto}.nav a{display:flex;align-items:center;gap:6px}.nav svg{width:17px;height:17px}.button svg{width:18px;height:18px}.icon svg,.audience-icon svg{width:23px;height:23px}.journey svg{width:30px;height:30px;color:var(--blue)}.implementation>div{padding:42px;border:1px solid #cde6dc;border-radius:8px;background:#fff;box-shadow:0 16px 36px #0c6c5210}.implementation ol{gap:12px}.implementation li{position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;min-height:78px;padding:14px;border:1px solid var(--line);border-top:3px solid #2ca98b;border-radius:7px;background:#f8fcfa;font-size:.8rem}.implementation li:before{position:absolute;right:10px;top:6px;font-size:.8rem;opacity:.55}.implementation li svg{width:22px;height:22px;padding:10px;box-sizing:content-box;border-radius:6px;background:#dff4ec;color:#16826c}.implementation li span{padding-right:12px}.implementation .button{width:max-content}.faq summary{display:flex;align-items:center;gap:10px}.faq summary:before{content:'?';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--blue);font-weight:800}@media(max-width:1050px){.hero,.section,.capabilities{width:min(calc(100% - 36px),var(--container))}.hero{padding-left:0;padding-right:0}.section{padding-left:24px;padding-right:24px}.capabilities{padding-left:0;padding-right:0}.implementation>div{padding:32px}}@media(max-width:650px){.header{padding-inline:14px}.hero,.section,.capabilities{width:calc(100% - 28px)}.section{padding-left:4px;padding-right:4px}.implementation{padding:38px 14px}.implementation>div{padding:24px 18px}.implementation ol{grid-template-columns:1fr}.implementation .button{width:100%}.nav a{padding:12px}.capabilities .icon{width:38px;height:38px}}
:root{--container:1180px}.header{padding-inline:max(20px,calc((100% - var(--container))/2))}.hero,.section,.capabilities{width:min(calc(100% - 40px),var(--container));max-width:var(--container);margin-left:auto;margin-right:auto}.hero{padding-left:0;padding-right:0}.capabilities{padding-left:0;padding-right:0}.section-tint{padding-left:28px;padding-right:28px}.implementation{padding-left:20px;padding-right:20px}.implementation>div{width:min(100%,var(--container));max-width:var(--container);margin:0 auto}.nav a{display:flex;align-items:center;gap:6px}.nav svg{width:17px;height:17px}.button svg{width:18px;height:18px}.icon svg,.audience-icon svg{width:23px;height:23px}.journey svg{width:30px;height:30px;color:var(--blue)}.implementation>div{padding:42px;border:1px solid #cde6dc;border-radius:8px;background:#fff;box-shadow:0 16px 36px #0c6c5210}.implementation ol{gap:12px}.implementation li{position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;min-height:78px;padding:14px;border:1px solid var(--line);border-top:3px solid #2ca98b;border-radius:7px;background:#f8fcfa;font-size:.8rem}.implementation li:before{position:absolute;right:10px;top:6px;font-size:.8rem;opacity:.55}.implementation li svg{width:22px;height:22px;padding:10px;box-sizing:content-box;border-radius:6px;background:#dff4ec;color:#16826c}.implementation li span{padding-right:12px}.implementation .button{width:max-content}.faq summary{display:flex;align-items:center;gap:10px}.faq summary:before{content:'?';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--blue);font-weight:800}@media(max-width:1050px){.hero,.section,.capabilities{width:min(calc(100% - 36px),var(--container))}.hero{padding-left:0;padding-right:0}.section{padding-left:24px;padding-right:24px}.capabilities{padding-left:0;padding-right:0}.implementation>div{padding:32px}}@media(max-width:650px){.header{padding-inline:14px}.hero,.section,.capabilities{width:calc(100% - 28px)}.section{padding-left:4px;padding-right:4px}.implementation{padding:38px 14px}.implementation>div{padding:24px 18px}.implementation ol{grid-template-columns:1fr}.implementation .button{width:100%}.nav a{padding:12px}.capabilities .icon{width:38px;height:38px}}
.specialty-card,.dialog-photo{background-size:500% auto;background-position-y:38%}.specialty-card{background-position-y:42%}.specialty-dialog[open]{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr}.dialog-photo{height:auto;min-height:610px;aspect-ratio:auto;background-position-y:center}.specialty-dialog>div:last-child{align-self:center}@media(max-width:650px){.specialty-dialog[open]{display:block}.dialog-photo{height:210px;min-height:0;background-position-y:36%}}
.contact-strip{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:36px;width:min(calc(100% - 40px),var(--container));margin:58px auto;padding:30px 34px;border:1px solid #cbdff2;border-left:5px solid var(--blue);border-radius:8px;background:#fff;box-shadow:0 14px 34px #173e7210}.contact-copy h2{margin:0;color:var(--navy);font-size:1.65rem}.contact-copy p:last-child{margin:7px 0 0;color:var(--muted)}.contact-actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px}.contact-actions a{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--sky)}.contact-actions a:hover{border-color:var(--blue);background:#fff}.contact-actions svg{flex:0 0 auto;width:22px;height:22px;color:var(--blue)}.contact-actions span{display:grid;min-width:0}.contact-actions small{color:var(--muted);font-size:.72rem}.contact-actions b{overflow-wrap:anywhere;color:var(--navy);font-size:.84rem}@media(max-width:900px){.contact-strip{grid-template-columns:1fr}.contact-actions{grid-template-columns:1fr 1fr}}@media(max-width:650px){.contact-strip{width:calc(100% - 28px);margin:38px auto;padding:24px 18px}.contact-actions{grid-template-columns:1fr}}
.other-specialties-card{display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:280px;padding:24px;text-align:left;cursor:default}.other-card-heading{display:flex;align-items:center;gap:14px}.other-card-heading>div{display:grid;gap:4px}.other-card-heading small{color:var(--muted)}.other-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.other-card-actions .button{width:100%;padding:0 12px;font-size:.8rem}.additional-specialties{grid-column:1/-1;margin-top:26px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:100px}.additional-specialties[hidden]{display:none}.additional-heading h3{margin:0 0 20px;color:var(--navy);font-size:1.45rem}.additional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.additional-card{padding:18px;border:1px solid var(--line);border-radius:7px;background:#fff}.additional-card h4{margin:8px 0 6px;color:var(--navy);font-size:1rem}.additional-card p{margin:0;color:var(--muted);font-size:.83rem}.additional-card small{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:#5e43aa;font-weight:700}.sector-label{display:inline-block;padding:4px 8px;border-radius:4px;background:var(--sky);color:var(--blue);font-size:.68rem;font-weight:800;text-transform:uppercase}@media(max-width:900px){.additional-grid{grid-template-columns:repeat(2,1fr)}.other-card-actions{grid-template-columns:1fr}}@media(max-width:650px){.additional-grid{grid-template-columns:1fr}.other-specialties-card{min-height:0}.additional-specialties{margin-top:18px}.other-card-heading{align-items:flex-start}}
.community-section{max-width:var(--container);padding-top:70px;padding-bottom:70px}.community-heading h2 em{color:var(--blue);font-style:normal}.community-heading p{font-size:1.02rem}.community-section .audience-grid{gap:20px}.community-section .audience{position:relative;display:flex;min-width:0;min-height:610px;overflow:hidden;padding:0;border-top-width:1px;border-radius:8px;background:#fff;box-shadow:0 14px 36px #173e7210}.community-section .audience-photo{position:absolute;inset:0 0 auto;height:285px;background-repeat:no-repeat;background-position:center;background-size:cover}.audience-student .audience-photo{background-image:url('/images/especialidades/especialidades-fotograficas-v2.png');background-size:500% auto;background-position:1% 40%}.audience-teacher .audience-photo{background-image:url('/images/portal-docente/hero-docentes.png');background-position:center 22%}.audience-director .audience-photo{background-image:url('/images/portal-docente/frames/hero-reportes.png');background-position:center top}.community-section .audience-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;margin-top:176px;padding:24px 22px 22px;background:linear-gradient(180deg,#f5faffee 0,#edf7ff 100%)}.community-section .audience-teacher .audience-body{background:linear-gradient(180deg,#f2fcf8ee 0,#e7f8f2 100%)}.community-section .audience-director .audience-body{background:linear-gradient(180deg,#f8f4ffee 0,#f1eaff 100%)}.audience-kicker{display:flex;align-items:center;gap:12px}.audience-kicker span,.audience-kicker svg{display:grid;place-items:center;width:48px;height:48px;padding:12px;border-radius:8px;background:#dcedff;color:#1168d7;font-size:1.1rem;font-weight:800}.audience-teacher .audience-kicker span,.audience-teacher .audience-kicker svg{background:#d9f4eb;color:#098c70}.audience-director .audience-kicker span,.audience-director .audience-kicker svg{background:#e7dcff;color:#7042dc}.community-section .audience h3{margin:14px 0 8px;font-size:1.65rem;line-height:1.08}.community-section .audience-body>p{min-height:72px;margin:0;color:var(--muted);line-height:1.4}.community-section .audience ul{display:grid;gap:9px;min-height:0;margin:18px 0 22px;padding:16px;list-style:none;border:1px solid #ffffffbb;border-radius:7px;background:#ffffffc9}.community-section .audience li{display:flex;align-items:center;gap:10px}.community-section .audience li svg{flex:0 0 auto;width:20px;height:20px;color:var(--blue)}.audience-teacher li svg{color:#099979!important}.audience-director li svg{color:#7544dc!important}.audience-action{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;margin-top:auto;border-radius:7px;background:#1269d3;color:#fff;font-weight:800}.audience-teacher .audience-action{background:#079675}.audience-director .audience-action{background:#713bdd}.audience-action svg{width:20px;height:20px}.audience-action:hover{filter:brightness(.94)}@media(max-width:1050px){.community-section .audience-grid{grid-template-columns:repeat(2,1fr)}.community-section .audience-director{grid-column:1/-1}.community-section .audience{min-height:600px}}@media(max-width:650px){.community-section .audience-grid{grid-template-columns:1fr}.community-section .audience-director{grid-column:auto}.community-section .audience{min-height:580px}.community-section .audience-photo{height:250px}.community-section .audience-body{margin-top:158px;padding:20px 17px}.community-section .audience h3{font-size:1.45rem}.community-section .audience-body>p{min-height:0}}
.additional-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.additional-card{display:flex;min-width:0;overflow:hidden;padding:0;flex-direction:column}.additional-card-photo{width:100%;aspect-ratio:16/8.5;background-image:url('/images/especialidades/sectores-tp-fotograficos-v3.png');background-repeat:no-repeat;background-size:700% 200%;background-color:#e5eef7}.additional-card-content{display:flex;flex:1;flex-direction:column;padding:17px}.additional-card-content h4{margin:9px 0 5px}.additional-card-content p{flex:1}.additional-card-content small{margin-top:13px}.additional-catalog-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:22px 24px;border:1px solid #bda8ff;border-radius:8px;background:#f5f0ff}.additional-catalog-cta>div{display:flex;align-items:center;gap:15px}.additional-catalog-cta>div>svg{flex:0 0 auto;width:36px;height:36px;color:#6c32d9}.additional-catalog-cta span{display:grid}.additional-catalog-cta b{color:var(--navy);font-size:1.05rem}.additional-catalog-cta small{color:var(--muted)}.catalog-entry-button{flex:0 0 auto;background:#6c32d9;color:#fff;box-shadow:0 10px 22px #6c32d933}.catalog-entry-button:hover{background:#5625bc}@media(max-width:900px){.additional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.additional-catalog-cta{align-items:stretch;flex-direction:column}.catalog-entry-button{width:100%}}@media(max-width:650px){.additional-grid{grid-template-columns:1fr}.additional-catalog-cta{padding:20px 17px}.additional-catalog-cta>div{align-items:flex-start}}
.implementation{padding:64px 20px;background:#eef8fb}.implementation>.implementation-panel{position:relative;display:grid;grid-template-columns:1.08fr .92fr;width:min(100%,var(--container));max-width:var(--container);overflow:hidden;margin:auto;padding:42px 42px 34px;border:1px solid #cde3ef;border-radius:8px;background:#fff;box-shadow:0 18px 44px #173e7212}.implementation-intro{position:relative;z-index:2;padding-right:20px}.implementation-intro .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:6px;background:#e4f6ef;color:#0d8f70}.implementation-intro .eyebrow svg{width:18px;height:18px}.implementation-intro h2{font-size:clamp(2rem,4vw,3.55rem);line-height:1.02}.implementation-intro h2 em{color:#1976df;font-style:normal}.implementation-intro>p:last-child{margin:14px 0 0;color:var(--muted);font-size:1.02rem}.implementation-photo{position:absolute;z-index:1;top:0;right:0;width:49%;height:290px;background-image:linear-gradient(90deg,#fff0,#ffffff08),url('/images/portal-docente/hero-docentes.png');background-position:center 24%;background-size:cover}.implementation>.implementation-panel>ol{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:30px 0 24px;padding:0;list-style:none}.implementation>.implementation-panel>ol>li{position:relative;display:flex;min-height:195px;padding:18px 15px;flex-direction:column;align-items:center;gap:7px;border:1px solid #d8e6f2;border-top:0;border-radius:7px;background:#eef7ff;text-align:center}.implementation>.implementation-panel>ol>li:nth-child(2){background:#fff8eb}.implementation>.implementation-panel>ol>li:nth-child(3){background:#ebf9f3}.implementation>.implementation-panel>ol>li:nth-child(4){background:#f4efff}.implementation>.implementation-panel>ol>li:nth-child(5){background:#fff0f0}.implementation>.implementation-panel>ol>li:nth-child(6){background:#eaf9f8}.implementation>.implementation-panel>ol>li:before{display:none}.implementation li>div{display:flex;align-items:center;justify-content:center;gap:10px}.implementation li>div span{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#d7eafe;color:#1269d3;font-size:1rem;font-weight:800}.implementation li>div svg{width:24px;height:24px;padding:9px;box-sizing:content-box;border-radius:50%;background:#fff;color:#1269d3}.implementation li b{color:var(--navy);font-size:1rem}.implementation li small{color:var(--muted);font-size:.78rem;line-height:1.35}.implementation-footer{position:relative;z-index:2;grid-column:1/-1;display:flex;align-items:center;gap:30px}.implementation-cta{flex:0 0 auto;min-width:265px;background:#0759b8;color:#fff;box-shadow:0 10px 24px #0759b82e}.implementation-benefits{display:grid;grid-template-columns:repeat(3,1fr);flex:1;gap:14px}.implementation-benefits span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.82rem;font-weight:700}.implementation-benefits svg{flex:0 0 auto;width:27px;height:27px;color:#1976df}@media(max-width:1050px){.implementation>.implementation-panel{grid-template-columns:1fr;padding:32px}.implementation-photo{position:relative;grid-row:2;width:100%;height:280px;margin-top:24px;border-radius:7px}.implementation>.implementation-panel>ol{grid-template-columns:repeat(3,1fr)}.implementation-footer{align-items:stretch;flex-direction:column}.implementation-benefits{width:100%}}@media(max-width:650px){.implementation{padding:38px 14px}.implementation>.implementation-panel{padding:24px 17px}.implementation-intro{padding-right:0}.implementation-intro h2{font-size:2rem}.implementation-photo{height:210px}.implementation>.implementation-panel>ol{grid-template-columns:1fr 1fr;gap:9px}.implementation>.implementation-panel>ol>li{min-height:178px;padding:15px 10px}.implementation-cta{width:100%;min-width:0}.implementation-benefits{grid-template-columns:1fr}}
.faq{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);max-width:var(--container);overflow:hidden;padding:0;border:1px solid #d2e3f2;border-radius:8px;background:#fff;box-shadow:0 18px 44px #173e7210}.faq-content{padding:44px 36px}.faq-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.faq-heading h2 em{color:#1976df;font-style:normal}.faq-title-icon{display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;border-radius:8px;background:#dcecff;color:#176fda}.faq-title-icon svg{width:36px;height:36px}.faq-list{display:grid;gap:12px}.faq .faq-list details{margin:0;padding:0;border:1px solid #d4e4f2;border-radius:7px;background:#fff}.faq .faq-list details+details{margin:0}.faq .faq-list summary{display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:14px;padding:14px 16px;list-style:none;cursor:pointer}.faq .faq-list summary::-webkit-details-marker{display:none}.faq-question-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dfeeff;color:#1269d3}.faq-list details:nth-child(2) .faq-question-icon{background:#dff6ef;color:#099575}.faq-list details:nth-child(3) .faq-question-icon{background:#eee5ff;color:#7042db}.faq-question-icon svg{width:22px;height:22px}.faq .faq-list summary>span:nth-child(2){display:grid;color:var(--navy);font-weight:800}.faq .faq-list summary small{margin-top:2px;color:var(--muted);font-weight:500}.faq-chevron{justify-self:end;width:24px;height:24px;color:#1976df;transition:transform .2s}.faq details[open] .faq-chevron{transform:rotate(180deg)}.faq .faq-list details>p{margin:0;padding:0 70px 15px 78px;color:var(--muted);font-size:.88rem}.faq-photo{min-height:480px;background-image:linear-gradient(90deg,#fff0,#eef6fd22),url('/images/especialidades/especialidades-fotograficas-v2.png');background-repeat:no-repeat;background-position:25% center;background-size:500% auto}.contact-strip{margin-top:24px;margin-bottom:58px;border-left-color:#1976df;box-shadow:0 16px 38px #173e7212}.contact-actions a:nth-child(1){background:#eaf4ff}.contact-actions a:nth-child(2){background:#eaf9f5}.contact-actions a:nth-child(3){background:#fff4e7}.contact-actions a:nth-child(2) svg{color:#0a9b79}.contact-actions a:nth-child(3) svg{color:#e97a0b}@media(max-width:900px){.faq{grid-template-columns:1fr}.faq-photo{min-height:320px;background-size:500% auto;background-position:25% 38%}.faq-content{padding:34px 26px}}@media(max-width:650px){.faq-content{padding:26px 16px}.faq-heading{align-items:flex-start}.faq-title-icon{width:52px;height:52px}.faq-title-icon svg{width:28px;height:28px}.faq .faq-list summary{grid-template-columns:40px 1fr 24px;gap:10px;padding:12px}.faq-question-icon{width:38px;height:38px}.faq .faq-list summary small{font-size:.74rem}.faq .faq-list details>p{padding:0 16px 14px 62px}.faq-photo{min-height:230px}}
.audience-director .audience-photo{background-image:url('/images/portal-directivos-resultados-v2.png');background-position:center 42%}
.journey-section{max-width:none;width:100%;padding:68px max(24px,calc((100% - var(--container))/2));background:#eef7ff}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px}.journey-heading h2{font-size:clamp(2.2rem,4vw,3.75rem)}.journey-heading h2 em{color:#1976df;font-style:normal}.journey-heading p{display:flex;align-items:center;gap:12px;margin:0;padding:12px 18px;border-radius:7px;background:#dfedfb;color:var(--ink)}.journey-heading p svg{width:24px;height:24px;color:#1976df}.journey-section .journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.journey-section .journey>li{position:relative;display:flex;min-width:0;min-height:430px;overflow:visible;padding:22px 20px 0;flex-direction:column;gap:8px;border:1px solid #d8e5f2;border-top:0;border-radius:8px;background:#f2f8ff;box-shadow:0 12px 28px #173e720d}.journey-section .journey>li:nth-child(2){background:#fff8e9}.journey-section .journey>li:nth-child(3){background:#eafaf2}.journey-section .journey>li:nth-child(4){background:#f4efff}.journey-section .journey>li:nth-child(5){background:#fff0f1}.journey-section .journey>li:not(:last-child):after{position:absolute;z-index:3;right:-27px;top:47%;display:grid;place-items:center;width:36px;height:36px;border:1px solid #d7e5f2;border-radius:50%;background:#fff;color:#1976df;content:'›';font-size:2rem;font-weight:700;line-height:1;box-shadow:0 5px 14px #173e7218}.journey-top{display:flex;align-items:center;gap:12px}.journey-top span,.journey-top svg{display:grid;place-items:center;width:48px;height:48px;padding:11px;border-radius:50%;background:#d9ebff;color:#1976df;font-size:1.05rem;font-weight:800}.journey>li:nth-child(2) .journey-top span,.journey>li:nth-child(2) .journey-top svg{background:#fff0c9;color:#e89b00}.journey>li:nth-child(3) .journey-top span,.journey>li:nth-child(3) .journey-top svg{background:#d8f5e7;color:#0ba479}.journey>li:nth-child(4) .journey-top span,.journey>li:nth-child(4) .journey-top svg{background:#e8dcff;color:#7444db}.journey>li:nth-child(5) .journey-top span,.journey>li:nth-child(5) .journey-top svg{background:#ffdfe2;color:#ed5361}.journey-section .journey b{margin-top:8px;font-size:1.45rem;line-height:1.08}.journey-section .journey small{min-height:58px;font-size:.9rem;line-height:1.35}.journey-photo{width:calc(100% + 40px);min-height:190px;margin:auto -20px 0;border-radius:0 0 8px 8px;background-image:url('/images/portal-docente/recorrido-estudiante-v2.png');background-repeat:no-repeat;background-size:500% auto;background-position-y:center}.journey-photo.stage-1{background-position-x:0}.journey-photo.stage-2{background-position-x:25%}.journey-photo.stage-3{background-position-x:50%}.journey-photo.stage-4{background-position-x:75%}.journey-photo.stage-5{background-position-x:100%}@media(max-width:1050px){.journey-heading{align-items:flex-start;flex-direction:column}.journey-section .journey{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-section .journey>li:last-child{grid-column:1/-1}.journey-section .journey>li:not(:last-child):after{display:none}}@media(max-width:650px){.journey-section{padding:48px 14px}.journey-heading h2{font-size:2.25rem}.journey-heading p{align-items:flex-start}.journey-section .journey{grid-template-columns:1fr}.journey-section .journey>li:last-child{grid-column:auto}.journey-section .journey>li{min-height:420px}.journey-section .journey b{font-size:1.35rem}}
.header{top:8px;width:min(calc(100% - 16px),1400px);min-height:112px;margin:8px auto 0;padding:10px 18px;border:1px solid #cfe1f1;border-radius:8px;background:#fffffffa;box-shadow:0 12px 28px #173e7212}.brand{gap:14px;padding-right:22px;border-right:1px solid var(--line)}.brand img{width:76px;height:76px}.brand b{font-size:1.7rem}.brand small{font-size:.86rem}.nav{height:100%;gap:8px}.nav a{position:relative;display:flex;min-width:88px;min-height:88px;padding:11px 10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:7px;color:var(--ink);font-size:.82rem;text-align:center}.nav a svg{width:28px;height:28px}.nav a.active{background:#eef6ff;color:#1168d7}.nav a.active:after{position:absolute;right:14px;bottom:-6px;left:14px;height:4px;border-radius:4px;background:#1976df;content:''}.header-actions{gap:14px}.demo-link{display:flex;min-width:126px;min-height:80px;align-items:center;justify-content:center;gap:8px;border-left:1px solid var(--line);color:#1269d3;font-size:.82rem;font-weight:800;text-align:center}.demo-link svg{width:27px;height:27px}.campus-button{min-width:235px;min-height:74px;padding:0 22px;border-radius:8px;background:#1168d7;color:#fff;box-shadow:0 12px 26px #1168d733;font-size:1rem}.campus-button svg:first-child{width:30px;height:30px}.campus-button svg:last-child{margin-left:auto}.campus-button:hover{background:#0759b8}@media(max-width:1180px){.header{grid-template-columns:auto 1fr auto}.brand img{width:60px;height:60px}.brand b{font-size:1.3rem}.brand small{font-size:.72rem}.nav{gap:2px}.nav a{min-width:70px;font-size:.7rem}.campus-button{min-width:170px}.demo-link{min-width:105px}}@media(max-width:1050px){.header{top:0;min-height:78px;margin:0 auto;border-radius:0}.brand{border-right:0}.header-actions{display:none}.menu-button{display:flex}.nav{top:78px;height:auto}.nav a{min-height:54px;flex-direction:row;justify-content:flex-start}.nav a.active:after{display:none}}@media(max-width:650px){.header{width:100%;padding:7px 14px}.brand img{width:50px;height:50px}.brand b{font-size:1.05rem}.brand small{font-size:.65rem}}
.visual-footer{display:flex;justify-content:center;width:min(calc(100% - 16px),1400px);margin:8px auto;padding:20px;border:1px solid #2c72ca;border-radius:8px;background:#083578;color:#fff}.visual-footer nav{display:flex;align-items:center;justify-content:center;gap:24px}.visual-footer a{position:relative;display:grid;place-items:center;width:66px;height:66px;border:1px solid #ffffff26;border-radius:50%;background:#ffffff12;color:#fff;transition:background .2s,transform .2s}.visual-footer a:not(:last-child):after{position:absolute;left:calc(100% + 12px);width:1px;height:34px;background:#ffffff38;content:''}.visual-footer a:hover,.visual-footer a:focus-visible{background:#ffffff25;transform:translateY(-2px)}.visual-footer a.active{background:#176fda;box-shadow:0 8px 20px #001a4466}.visual-footer a.active:before{position:absolute;right:8px;bottom:-13px;left:8px;height:4px;border-radius:4px;background:#fff;content:''}.visual-footer svg{width:31px;height:31px;stroke-width:2.1}@media(max-width:650px){.visual-footer{width:100%;margin:0;padding:16px 10px;border-radius:0}.visual-footer nav{width:100%;gap:7px}.visual-footer a{width:44px;height:44px}.visual-footer a:not(:last-child):after{left:calc(100% + 4px);height:24px}.visual-footer svg{width:23px;height:23px}.visual-footer a.active:before{bottom:-9px}}
.faq-heading .eyebrow{margin-bottom:4px}.faq-list details{transition:border-color .2s,box-shadow .2s}.faq-list details:hover{border-color:#9ec5ed}.faq-list details[open]{border-color:#8fbce9;box-shadow:0 8px 20px #173e720d}.faq-list details:nth-child(4) .faq-question-icon{background:#fff0d7;color:#dc8100}.faq-list details:nth-child(5) .faq-question-icon{background:#ffe3e7;color:#d94c61}.faq-list details:nth-child(6) .faq-question-icon{background:#e6edff;color:#4267d8}.faq-photo{position:relative}.faq-pedagogy-note{position:absolute;right:18px;bottom:18px;left:18px;display:grid;gap:8px;padding:15px;border:1px solid #ffffff99;border-radius:7px;background:#ffffffeb;box-shadow:0 12px 28px #173e7222}.faq-pedagogy-note span{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:.82rem;font-weight:800}.faq-pedagogy-note svg{width:19px;height:19px;color:#1673dc}@media(max-width:900px){.faq-pedagogy-note{right:20px;left:auto;width:min(300px,calc(100% - 40px))}}@media(max-width:650px){.faq-heading{gap:12px}.faq-heading h2{font-size:1.8rem}.faq-title-icon{flex-basis:48px}.faq-pedagogy-note{right:12px;bottom:12px;left:12px;width:auto}}
.additional-card-photo{background-size:700% auto}
.specialty-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 26px}.specialty-filters button{display:flex;min-height:82px;padding:14px 20px;align-items:center;justify-content:flex-start;gap:16px;border:2px solid #d9e5f1;border-radius:8px;background:#fff;color:var(--navy);font-size:1.05rem;font-weight:800;box-shadow:0 6px 16px #173e7208}.specialty-filters button svg{width:30px;height:30px;padding:12px;box-sizing:content-box;border-radius:50%;background:#fff0d8;color:#d88400}.specialty-filters button:nth-child(3) svg{background:#eee5ff;color:#7144d6}.specialty-filters button.active{border-color:#1474df;background:#edf6ff;color:#1269d3;box-shadow:0 8px 20px #1269d318}.specialty-filters button.active svg{background:#d8eaff;color:#1269d3}.specialty-filters button:hover{border-color:#8ebbea;transform:translateY(-1px)}@media(max-width:650px){.specialty-filters{display:flex;margin-bottom:20px;padding-bottom:6px;overflow-x:auto;scrollbar-width:thin}.specialty-filters button{flex:0 0 155px;min-height:68px;padding:10px 13px;gap:10px;font-size:.9rem}.specialty-filters button svg{width:23px;height:23px;padding:9px}}
/* Shared page grid: every principal block aligns to the same content width. */
:root{--container:1180px;--page-gutter:20px}.header,.hero,.capabilities,.section,.implementation,.contact-strip,.visual-footer{width:min(calc(100% - (var(--page-gutter) * 2)),var(--container));max-width:var(--container);margin-left:auto;margin-right:auto}.header{padding-left:18px;padding-right:18px}.hero{padding-left:0;padding-right:0}.capabilities{padding-left:0;padding-right:0}.section{padding-left:28px;padding-right:28px}.journey-section{width:min(calc(100% - (var(--page-gutter) * 2)),var(--container));max-width:var(--container);padding-left:28px;padding-right:28px;border-radius:8px}.implementation{margin-top:0;padding:42px 0;background:transparent}.implementation>.implementation-panel{width:100%;max-width:none}.contact-strip{margin-left:auto;margin-right:auto}.visual-footer{margin-left:auto;margin-right:auto}@media(max-width:1050px){:root{--page-gutter:18px}.header,.hero,.capabilities,.section,.implementation,.contact-strip,.visual-footer,.journey-section{width:calc(100% - (var(--page-gutter) * 2))}.section,.journey-section{padding-left:24px;padding-right:24px}}@media(max-width:650px){:root{--page-gutter:14px}.header,.hero,.capabilities,.section,.implementation,.contact-strip,.visual-footer,.journey-section{width:calc(100% - (var(--page-gutter) * 2))}.header{width:100%;margin-left:0;margin-right:0}.section,.journey-section{padding-left:14px;padding-right:14px}.implementation{padding:28px 0}.contact-strip{padding-left:18px;padding-right:18px}.visual-footer{width:100%;margin-left:0;margin-right:0}}
.faq-v2{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;padding:0}.faq-v2 .faq-content{min-width:0;padding:34px 26px}.faq-v2 .faq-heading{margin-bottom:22px}.faq-v2 .faq-heading h2{font-size:clamp(2rem,3.5vw,3rem)}.faq-v2 .faq-list{gap:8px}.faq-v2 .faq-list details{overflow:hidden}.faq-v2 .faq-list summary{grid-template-columns:44px minmax(0,1fr) 40px;min-height:70px;padding:11px 14px}.faq-v2 .faq-list summary>span:nth-child(2){font-size:1rem;line-height:1.25}.faq-v2 .faq-list summary small{font-size:.78rem}.faq-v2 .faq-list details>p{padding:0 68px 16px 72px}.faq-answer-rich{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:17px 18px 18px 30px;border-top:1px solid #dbe7f2}.faq-answer-rich>div>p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.faq-profile-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.faq-profile-chips>span{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:10px;border-radius:7px;background:#eaf4ff}.faq-profile-chips>span:nth-child(2){background:#e9f8f3}.faq-profile-chips>span:nth-child(3){background:#f2ecff}.faq-profile-chips svg{grid-row:1/3;width:21px;height:21px;color:#1976df}.faq-profile-chips b{color:var(--navy);font-size:.75rem}.faq-profile-chips small{color:var(--muted);font-size:.66rem}.faq-answer-photo{min-height:150px;border-radius:7px;background-image:url('/images/portal-hero-taller-v2.png');background-position:center 35%;background-size:cover}.faq-aside{display:flex;min-width:0;flex-direction:column;background:#eef6fd}.faq-v2 .faq-photo{min-height:340px;background-image:url('/images/faq-estudiante-tecnica-v2.png');background-position:center 34%;background-size:cover}.faq-aside-card{display:flex;gap:12px;margin:-50px 18px 0;padding:18px;position:relative;border:1px solid #dbe7f2;border-radius:8px;background:#ffffffed;box-shadow:0 12px 26px #173e7214}.faq-aside-card>svg{flex:0 0 auto;width:38px;height:38px;padding:9px;box-sizing:content-box;border-radius:50%;background:#e8f3ff;color:#1976df}.faq-aside-card h3{margin:0;color:var(--navy);font-size:1.25rem}.faq-aside-card p{margin:8px 0 0;color:var(--muted);font-size:.82rem}.faq-v2 .faq-pedagogy-note{position:static;display:grid;gap:16px;margin:18px;padding:0;border:0;background:transparent;box-shadow:none}.faq-v2 .faq-pedagogy-note span{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:0 10px}.faq-v2 .faq-pedagogy-note svg{grid-row:1/3;width:22px;height:22px;padding:8px;box-sizing:content-box;border-radius:50%;background:#dff6ee;color:#0c9878}.faq-v2 .faq-pedagogy-note span:nth-child(2) svg{background:#eee6ff;color:#7043d9}.faq-v2 .faq-pedagogy-note span:nth-child(3) svg{background:#fff0d9;color:#e58b08}.faq-v2 .faq-pedagogy-note b{font-size:.78rem}.faq-v2 .faq-pedagogy-note small{color:var(--muted);font-size:.68rem;font-weight:500}@media(max-width:950px){.faq-v2{grid-template-columns:1fr}.faq-aside{display:grid;grid-template-columns:1fr 1fr}.faq-v2 .faq-photo{grid-row:1/3;min-height:380px}.faq-aside-card{align-self:end;margin:20px}.faq-v2 .faq-pedagogy-note{margin:20px}}@media(max-width:650px){.faq-v2 .faq-content{padding:24px 12px}.faq-v2 .faq-heading{padding:0 4px}.faq-v2 .faq-list summary{grid-template-columns:38px minmax(0,1fr) 26px;padding:10px}.faq-v2 .faq-list summary>span:nth-child(2){font-size:.9rem}.faq-v2 .faq-list summary small{font-size:.7rem}.faq-answer-rich{grid-template-columns:1fr;padding:14px}.faq-profile-chips{grid-template-columns:1fr}.faq-answer-photo{min-height:170px}.faq-v2 .faq-list details>p{padding:0 14px 14px 62px}.faq-aside{display:block}.faq-v2 .faq-photo{min-height:340px}.faq-aside-card{margin:-44px 12px 0}.faq-v2 .faq-pedagogy-note{margin:18px 14px}}
.faq-v2 .faq-list summary:before{display:none;content:none}
/* Course access CTAs: elevated visual treatment without movement or animation. */
.campus-link.button,.campus-button,.audience-action.campus-link,.catalog-entry-button,.other-card-actions .button-primary{border:1px solid #0b7775;background:#0d8c88;color:#fff;box-shadow:0 9px 0 #086864,0 16px 28px #0d77752b;transform:none;transition:background-color .2s,box-shadow .2s,border-color .2s}.campus-link.button:hover,.campus-link.button:focus-visible,.campus-button:hover,.campus-button:focus-visible,.audience-action.campus-link:hover,.audience-action.campus-link:focus-visible,.catalog-entry-button:hover,.catalog-entry-button:focus-visible,.other-card-actions .button-primary:hover,.other-card-actions .button-primary:focus-visible{border-color:#075d5b;background:#087b77;box-shadow:0 9px 0 #065b58,0 18px 32px #0d77753a;transform:none}.section-heading>.campus-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #6fc9c3;border-radius:7px;background:#e8f8f5;color:#08746f;box-shadow:0 5px 0 #b6e3df,0 10px 20px #0d777516;font-weight:800}.section-heading>.campus-link:hover,.section-heading>.campus-link:focus-visible{border-color:#3eb0a8;background:#dff5f1;transform:none}.capabilities>a.campus-link{border:2px solid #65bfb8;background:#f2fcfa;box-shadow:0 7px 0 #c3e8e4,0 14px 24px #0d777516;transform:none}.capabilities>a.campus-link:hover,.capabilities>a.campus-link:focus-visible{border-color:#269b94;background:#e8f8f5;transform:none}.capabilities>a.campus-link .icon{background:#d8f3ef;color:#087b77}@media(max-width:650px){.campus-link.button,.campus-button,.audience-action.campus-link,.catalog-entry-button,.other-card-actions .button-primary{box-shadow:0 6px 0 #086864,0 12px 22px #0d777525}}
.journey-section .journey>li{min-height:620px;padding:20px 18px 16px}.journey-section .journey>li:not(:last-child):after{top:50%;right:-27px}.journey-section .journey b{font-size:1.35rem}.journey-section .journey small{min-height:56px}.journey-section .journey-photo{width:calc(100% + 36px);min-height:185px;margin:6px -18px 0;border-radius:0;background-size:500% auto;background-position-y:center}.journey-section .journey>li>ul{display:grid;gap:0;width:100%;margin:12px 0 0;padding:8px 12px;border:1px solid #ffffffcc;border-radius:7px;background:#ffffffd9;list-style:none}.journey-section .journey>li>ul>li{display:flex;min-height:40px;align-items:center;gap:10px;border-bottom:1px solid #dce7f1;color:var(--ink);font-size:.77rem}.journey-section .journey>li>ul>li:last-child{border-bottom:0}.journey-section .journey>li>ul svg{flex:0 0 auto;width:19px;height:19px;color:#1976df}.journey-section .journey>li:nth-child(2)>ul svg{color:#e99a00}.journey-section .journey>li:nth-child(3)>ul svg{color:#0aa37a}.journey-section .journey>li:nth-child(4)>ul svg{color:#7444da}.journey-section .journey>li:nth-child(5)>ul svg{color:#eb5365}@media(max-width:1050px){.journey-section .journey>li{min-height:580px}.journey-section .journey-photo{min-height:220px}}@media(max-width:650px){.journey-section .journey>li{min-height:570px}.journey-section .journey-photo{min-height:210px}.journey-section .journey>li>ul>li{font-size:.82rem}}
.implementation-photo{background-color:#edf5ff;background-position:center;background-repeat:no-repeat;background-size:contain}

/* The specialty cards are the primary selector; the redundant category strip is hidden. */
.specialty-filters{display:none!important}

@media (min-width:1051px) and (max-width:1350px){
  .header{gap:10px}
  .brand{gap:7px}
  .brand img{width:50px;height:50px}
  .brand b{font-size:1.2rem}
  .brand small{font-size:.7rem}
  .nav a{padding:10px 6px;font-size:.74rem}
  .header-actions{gap:8px}
  .demo-link{font-size:.72rem}
  .header .demo-link{width:112px;min-width:112px;padding-inline:5px}
  .header .campus-button{width:160px;min-width:160px;min-height:66px;padding:0 11px;font-size:.82rem}
  .header .campus-button svg:first-child{width:25px;height:25px}
}

/* Keep the pedagogical journey focused on each stage and its main image. */
.journey-section .journey>li{min-height:0;overflow:hidden;padding-bottom:0}
.journey-section .journey>li>ul{display:none}
.journey-section .journey-photo{margin-bottom:0}

.journey-section .journey-photo{background-size:cover;background-repeat:no-repeat}
.journey-section .journey-photo{
  aspect-ratio:4/3;
  min-height:0;
  height:auto;
  width:calc(100% + 36px);
  margin:auto -18px 0;
  overflow:hidden;
  background-color:#d7e5f2;
  background-repeat:no-repeat;
  background-size:cover;
}
.journey-section .journey-photo.stage-1{
  background-image:url('/images/portal-hero-taller-v2.png');
  background-position:68% 20%;
}
.journey-section .journey-photo.stage-2{
  background-image:url('/images/faq-estudiante-tecnica-v2.png');
  background-position:50% 10%;
}
.journey-section .journey-photo.stage-3{
  background-image:url('/images/especialidades/especialidades-fotograficas-v2.png');
  background-size:500% auto;
  background-position:25% 32%;
}
.journey-section .journey-photo.stage-4{
  background-image:url('/images/simulador-circuitos-electricos.png');
  background-size:contain;
  background-position:center;
  background-color:#e8f1f8;
}
.journey-section .journey-photo.stage-5{
  background-image:url('/images/portal-directivos-resultados-v2.png');
  background-position:50% 16%;
}

@keyframes contact-ring{
  0%,10%,100%{transform:rotate(0) scale(1)}
  2%{transform:rotate(-10deg) scale(1.06)}
  4%{transform:rotate(10deg) scale(1.08)}
  6%{transform:rotate(-7deg) scale(1.06)}
  8%{transform:rotate(5deg) scale(1.03)}
}
.contact-actions a svg{transform-origin:50% 20%;animation:contact-ring 5.5s ease-in-out infinite}
.contact-actions a:nth-child(2) svg{animation-delay:.35s}
.contact-actions a:nth-child(3) svg{animation-delay:.7s}
.contact-actions a:hover svg,.contact-actions a:focus-visible svg{animation-duration:1.2s}
@media(prefers-reduced-motion:reduce){.contact-actions a svg{animation:none}}

.header .campus-button{display:none}
.header .demo-link{display:none}

.contact-actions a{border-color:#c8daeb;box-shadow:0 8px 0 #dce8f3,0 16px 28px #173e7217;transform:none;transition:border-color .2s,box-shadow .2s,background-color .2s}
.contact-actions a:nth-child(2){box-shadow:0 8px 0 #d5ebe5,0 16px 28px #137b6817}
.contact-actions a:nth-child(3){box-shadow:0 8px 0 #f0dfca,0 16px 28px #b36a1517}
.contact-actions a:hover,.contact-actions a:focus-visible{border-color:#7eb0df;box-shadow:0 8px 0 #cddfee,0 18px 32px #173e7224;transform:none}
.contact-actions a svg,.contact-actions a:hover svg,.contact-actions a:focus-visible svg{animation:none;transform:none}

.faq-answer-rich>div>p,.faq-v2 .faq-list details>p{text-align:justify;text-justify:inter-word;hyphens:auto}

.capabilities .capability-card{position:relative;cursor:default;pointer-events:none;transform:none;box-shadow:0 8px 0 #d8e8f5,0 16px 28px #173e7214}
.capabilities .capability-card:nth-child(1){border-color:#55bcb3;background:#effbf9;box-shadow:0 8px 0 #c5e9e5,0 16px 28px #0e7e7315}
.capabilities .capability-card:nth-child(2){border-color:#62b99f;background:#f2fbf7;box-shadow:0 8px 0 #d0eade,0 16px 28px #13785f15}
.capabilities .capability-card:nth-child(3){border-color:#9170dc;background:#f7f3ff;box-shadow:0 8px 0 #e0d7f5,0 16px 28px #6843b515}
.capabilities .capability-card:nth-child(4){border-color:#e6a421;background:#fff9ed;box-shadow:0 8px 0 #f2e1bd,0 16px 28px #b8741015}
.capabilities .capability-card:nth-child(1) .icon{background:#d7f2ee;color:#087b77}
.capabilities .capability-card:nth-child(2) .icon{background:#dcf3e9;color:#168267}
.capabilities .capability-card:nth-child(3) .icon{background:#e9e1fa;color:#7043d9}
.capabilities .capability-card:nth-child(4) .icon{background:#fff0cf;color:#d68500}

.other-specialties-card{position:relative;justify-content:space-between;min-height:280px;padding:28px;border:2px solid #b9d7ef;background:#f2f8fe;box-shadow:0 9px 0 #d8e8f5,0 18px 30px #173e7216}
.other-specialties-card:before{content:'CATÁLOGO TP';position:absolute;top:18px;right:20px;color:#16826c;font-size:.65rem;font-weight:800;letter-spacing:0}
.other-card-heading{align-items:center;padding-top:22px}
.other-card-heading .catalog-icon{width:52px;height:52px;border:1px solid #b9d7ef;background:#e2f1ff;color:#1269d3}
.other-card-heading b{color:var(--navy);font-size:1.12rem}
.other-card-heading small{max-width:240px;font-size:.84rem;line-height:1.45}
.other-card-actions{align-items:stretch}
.other-card-actions .button{min-height:52px;border-width:2px;font-size:.82rem;line-height:1.25}
@media(max-width:650px){.other-specialties-card{min-height:250px;padding:22px}.other-specialties-card:before{top:14px;right:16px}.other-card-heading{padding-top:18px}.other-card-actions{grid-template-columns:1fr}}

/* The curriculum documents sit between the catalog and implementation as its pedagogical foundation. */
.curriculum-foundation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);align-items:center;gap:42px;width:min(calc(100% - (var(--page-gutter) * 2)),var(--container));margin:18px auto 54px;padding:42px 38px;overflow:hidden;border-block:1px solid #c9dfef;background:#f1f8fd}
.curriculum-copy{position:relative;z-index:2;max-width:520px}
.curriculum-copy .eyebrow{margin:0 0 8px;color:#087b77}
.curriculum-copy h2{margin:0;color:var(--navy);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.08}
.curriculum-copy>p:not(.eyebrow){margin:18px 0 22px;color:var(--muted);font-size:1rem;line-height:1.65}
.curriculum-points{display:flex;flex-wrap:wrap;gap:9px}
.curriculum-points span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid #cfe0ee;border-radius:6px;background:#fff;color:var(--navy);font-size:.75rem;font-weight:800}
.curriculum-points svg{width:17px;height:17px;color:#0d8c88}
.curriculum-fan{position:relative;width:100%;height:390px;margin:0;isolation:isolate}
.curriculum-fan:after{position:absolute;z-index:-1;right:7%;bottom:7px;left:7%;height:30px;border-radius:50%;background:#173e7230;filter:blur(18px);content:''}
.curriculum-cover{position:absolute;bottom:12px;left:50%;width:220px;height:auto;border:1px solid #aeb8c2;background:#aeb0b2;box-shadow:0 18px 32px #173e7233;transform-origin:50% 100%}
.cover-metal{z-index:1;transform:translateX(-118%) rotate(-15deg)}
.cover-forestal{z-index:2;transform:translateX(-72%) rotate(-6deg)}
.cover-grafica{z-index:3;transform:translateX(-22%) rotate(8deg)}
.cover-programacion{z-index:4;transform:translateX(-50%) translateY(14px);box-shadow:0 20px 38px #173e7240}
@media(max-width:980px){.curriculum-foundation{grid-template-columns:1fr;gap:20px}.curriculum-copy{max-width:720px}.curriculum-fan{height:370px}.curriculum-cover{width:205px}}
@media(max-width:650px){.curriculum-foundation{width:calc(100% - (var(--page-gutter) * 2));margin:12px auto 34px;padding:28px 16px 20px}.curriculum-copy h2{font-size:1.75rem}.curriculum-copy>p:not(.eyebrow){font-size:.9rem}.curriculum-points{display:grid;grid-template-columns:1fr}.curriculum-fan{height:285px;margin-top:4px}.curriculum-cover{width:150px}.cover-metal{transform:translateX(-115%) rotate(-14deg)}.cover-forestal{transform:translateX(-70%) rotate(-5deg)}.cover-grafica{transform:translateX(-24%) rotate(8deg)}.cover-programacion{transform:translateX(-50%) translateY(12px)}}

/* Highlight "Cómo funciona" with a warm, stationary raised bulb. */
.nav a[href="#como"] svg{width:30px;height:30px;padding:6px;box-sizing:content-box;border:1px solid #f1bf3f;border-radius:50%;background:#fff4bf;color:#d88a00;filter:drop-shadow(0 6px 5px #bd79002b);stroke-width:2.25;transform:none}
.nav a[href="#como"]:hover svg,.nav a[href="#como"]:focus-visible svg,.nav a[href="#como"].active svg{border-color:#e3a719;background:#ffe785;color:#bd7100;filter:drop-shadow(0 7px 6px #bd79003d);transform:none}
@media(max-width:1050px){.nav a[href="#como"] svg{width:25px;height:25px;padding:5px}}

/* Compact curriculum header placed directly above the presentation video. */
.hero-media>.curriculum-foundation{display:grid;grid-template-columns:minmax(0,.85fr) minmax(250px,1.15fr);align-items:center;gap:16px;width:100%;max-width:none;height:190px;margin:0;padding:18px 22px;overflow:hidden;border:0;border-bottom:1px solid #c9dfef;background:#f1f8fd}
.hero-media>.curriculum-foundation .curriculum-copy{max-width:300px}
.hero-media>.curriculum-foundation .curriculum-copy .eyebrow{margin-bottom:3px;font-size:.65rem}
.hero-media>.curriculum-foundation .curriculum-copy h2{font-size:1.42rem;line-height:1.1}
.hero-media>.curriculum-foundation .curriculum-copy>p:not(.eyebrow){margin:8px 0 0;font-size:.76rem;line-height:1.45}
.hero-media>.curriculum-foundation .curriculum-fan{height:158px}
.hero-media>.curriculum-foundation .curriculum-cover{bottom:3px;width:92px;box-shadow:0 9px 18px #173e722e}
.hero-media>.curriculum-foundation .cover-metal{transform:translateX(-126%) rotate(-15deg)}
.hero-media>.curriculum-foundation .cover-forestal{transform:translateX(-78%) rotate(-6deg)}
.hero-media>.curriculum-foundation .cover-grafica{transform:translateX(-15%) rotate(9deg)}
.hero-media>.curriculum-foundation .cover-programacion{transform:translateX(-50%) translateY(5px)}
.hero-media>.curriculum-foundation .curriculum-fan:after{bottom:0;height:15px;filter:blur(9px)}
@media(max-width:650px){.hero-media>.curriculum-foundation{grid-template-columns:minmax(0,.82fr) minmax(130px,1.18fr);gap:2px;height:138px;padding:12px 10px}.hero-media>.curriculum-foundation .curriculum-copy{z-index:6;align-self:center}.hero-media>.curriculum-foundation .curriculum-copy .eyebrow{font-size:.58rem}.hero-media>.curriculum-foundation .curriculum-copy h2{font-size:.9rem;line-height:1.08}.hero-media>.curriculum-foundation .curriculum-copy>p:not(.eyebrow){display:none}.hero-media>.curriculum-foundation .curriculum-fan{height:112px}.hero-media>.curriculum-foundation .curriculum-cover{width:58px}.hero-media>.curriculum-foundation .cover-metal{transform:translateX(-108%) rotate(-14deg)}.hero-media>.curriculum-foundation .cover-forestal{transform:translateX(-76%) rotate(-5deg)}.hero-media>.curriculum-foundation .cover-grafica{transform:translateX(-7%) rotate(8deg)}.hero-media>.curriculum-foundation .cover-programacion{transform:translateX(-48%) translateY(4px)}}

/* Full-width curriculum band at the top of the hero. */
.hero>.curriculum-foundation{grid-column:1/-1;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);align-items:center;gap:30px;width:100%;max-width:none;height:210px;margin:0;padding:20px 48px;overflow:hidden;border:0;border-bottom:1px solid #c5dceb;background:#f1f8fd}
.hero>.curriculum-foundation .curriculum-copy{max-width:470px}
.hero>.curriculum-foundation .curriculum-copy .eyebrow{margin-bottom:4px;font-size:.68rem}
.hero>.curriculum-foundation .curriculum-copy h2{font-size:1.72rem;line-height:1.08}
.hero>.curriculum-foundation .curriculum-copy>p:not(.eyebrow){margin:9px 0 0;font-size:.84rem;line-height:1.45}
.hero>.curriculum-foundation .curriculum-fan{height:178px}
.hero>.curriculum-foundation .curriculum-cover{bottom:3px;width:118px;border-color:#9daab6;box-shadow:0 12px 24px #173e7236;image-rendering:auto}
.hero>.curriculum-foundation .cover-metal{transform:translateX(-135%) rotate(-14deg)}
.hero>.curriculum-foundation .cover-forestal{transform:translateX(-82%) rotate(-5deg)}
.hero>.curriculum-foundation .cover-grafica{transform:translateX(-10%) rotate(8deg)}
.hero>.curriculum-foundation .cover-programacion{transform:translateX(-50%) translateY(5px)}
.hero>.curriculum-foundation .curriculum-fan:after{bottom:0;height:18px;filter:blur(10px)}
@media(max-width:900px){.hero>.curriculum-foundation{grid-template-columns:minmax(220px,.85fr) minmax(340px,1.15fr);gap:12px;height:185px;padding:16px 26px}.hero>.curriculum-foundation .curriculum-copy h2{font-size:1.4rem}.hero>.curriculum-foundation .curriculum-cover{width:102px}.hero>.curriculum-foundation .curriculum-fan{height:154px}}
@media(max-width:650px){.hero>.curriculum-foundation{grid-template-columns:minmax(0,.85fr) minmax(155px,1.15fr);gap:4px;height:150px;padding:12px 14px}.hero>.curriculum-foundation .curriculum-copy{z-index:6}.hero>.curriculum-foundation .curriculum-copy .eyebrow{font-size:.58rem}.hero>.curriculum-foundation .curriculum-copy h2{font-size:.98rem}.hero>.curriculum-foundation .curriculum-copy>p:not(.eyebrow){display:none}.hero>.curriculum-foundation .curriculum-fan{height:126px}.hero>.curriculum-foundation .curriculum-cover{width:66px}.hero>.curriculum-foundation .cover-metal{transform:translateX(-112%) rotate(-14deg)}.hero>.curriculum-foundation .cover-forestal{transform:translateX(-76%) rotate(-5deg)}.hero>.curriculum-foundation .cover-grafica{transform:translateX(-5%) rotate(8deg)}.hero>.curriculum-foundation .cover-programacion{transform:translateX(-48%) translateY(4px)}}

/* Supplied finished artwork replaces the constructed curriculum composition. */
.hero>.curriculum-foundation{display:block;width:100%;height:auto;margin:0;padding:0;border:0;border-bottom:1px solid #c5dceb;background:#f1f8fd}
.curriculum-banner{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto}
.curriculum-mobile-copy{display:none}
@media(max-width:650px){.hero>.curriculum-foundation{height:auto;padding:0}.curriculum-banner{width:100%;height:auto}}

/* Balanced navigation: consistent icon footprints, labels and active state. */
@media(min-width:1051px){
  .nav{align-items:stretch;gap:5px}
  .nav a{position:relative;display:flex;min-width:96px;min-height:68px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border:1px solid transparent;border-radius:7px;color:var(--navy);line-height:1.15;text-align:center;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}
  .nav a svg{width:25px;height:25px;margin:0;color:#123d77;stroke-width:2.1}
  .nav a span{display:block;white-space:nowrap}
  .nav a:hover,.nav a:focus-visible{border-color:#d4e3f1;background:#f4f9fd;color:#1269d3;box-shadow:0 5px 12px #173e720d}
  .nav a.active{border-color:#dbe9f5;background:#eaf4fd;color:#1269d3;box-shadow:none}
  .nav a.active:after{position:absolute;right:14px;bottom:-5px;left:14px;height:4px;border-radius:4px;background:#1674df;content:''}
  .nav a[href="#como"] svg{width:24px;height:24px;padding:5px;margin:0;filter:drop-shadow(0 4px 4px #bd790026)}
  .nav a[href="#como"]:hover svg,.nav a[href="#como"]:focus-visible svg,.nav a[href="#como"].active svg{filter:drop-shadow(0 5px 5px #bd790036)}
}

/* Reduce the white transition below the curriculum banner by 30%. */
@media(min-width:1051px){.hero{row-gap:24px}.hero-copy{padding-top:27px;padding-bottom:27px}}

/* Cohesive educational visual system. */
body,button,input{font-family:"Nunito Sans",Inter,Arial,sans-serif}
h1,h2,h3,h4,.brand b,.button,.nav a{font-family:"Nunito Sans",Inter,Arial,sans-serif}
h1,h2,h3,h4{letter-spacing:0}
.hero h1{font-size:4.15rem;line-height:1.02}
.section-heading h2,.proof-copy h2,.implementation h2{font-size:2.55rem;line-height:1.1}
.button-primary,.campus-link.button,.audience-action.campus-link,.catalog-entry-button,.other-card-actions .button-primary,.closing-cta-button{background:#0d8c88;color:#fff}
.button-primary,.button-soft,.button-outline,.audience-action,.catalog-entry-button,.other-card-actions .button{box-shadow:0 5px 0 #d6e4ee,0 10px 18px #173e7210}
.audience,.specialty-card,.additional-card,.faq-list details,.other-specialties-card{box-shadow:0 7px 18px #173e7210}
.product-proof,.community-section,.journey-section,.implementation,.faq-v2{border-color:#d7e4ef}
.community-section,.faq-v2{background:#fff}
.journey-section,.implementation{background:#eef6fd}
.audience-photo,.faq-photo,.faq-answer-photo,.implementation-photo,.journey-photo,.specialty-card-photo,.additional-card-photo{filter:saturate(.92) contrast(1.02)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.additional-heading{align-items:end;gap:20px}
.specialty-search{display:flex;align-items:center;gap:9px;width:min(100%,310px);min-height:46px;padding:0 13px;border:1px solid #bcd3e7;border-radius:7px;background:#fff;color:#1269d3;box-shadow:0 5px 14px #173e720d}
.specialty-search svg{flex:0 0 auto;width:19px;height:19px}
.specialty-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--navy);font-size:.9rem;font-weight:700}
.specialty-search input::placeholder{color:#68809d;font-weight:600}
.faq-answer-link{display:inline-flex;align-items:center;gap:7px;margin:0 18px 16px 72px;color:#087b77;font-size:.82rem;font-weight:800}
.faq-answer-link svg{width:17px;height:17px}
.faq-answer-link:hover,.faq-answer-link:focus-visible{text-decoration:underline}
.closing-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;width:min(calc(100% - (var(--page-gutter) * 2)),var(--container));margin:40px auto 18px;padding:34px 38px;border:1px solid #bad9e7;border-left:5px solid #0d8c88;background:#edf8f6}
.closing-cta .eyebrow{margin:0 0 4px;color:#087b77}
.closing-cta h2{margin:0;color:var(--navy);font-size:2rem;line-height:1.1}
.closing-cta p:last-child{margin:8px 0 0;color:var(--muted)}
.closing-cta-button{min-width:210px;border-color:#087874;box-shadow:0 7px 0 #086864,0 14px 22px #0d777522}
@media(max-width:1050px){.hero h1{font-size:3.45rem}.section-heading h2,.proof-copy h2,.implementation h2{font-size:2.2rem}}
@media(max-width:650px){.hero h1{font-size:2.55rem}.section-heading h2,.proof-copy h2,.implementation h2{font-size:1.8rem}.hero>.curriculum-foundation{display:grid;grid-template-columns:47% 53%;height:132px;background:#f1f8fd}.curriculum-banner{grid-column:2;grid-row:1;width:100%;height:132px;object-fit:cover;object-position:74% center}.curriculum-mobile-copy{z-index:2;display:flex;grid-column:1;grid-row:1;flex-direction:column;justify-content:center;padding:12px 4px 12px 13px;background:#f1f8fd;color:var(--navy)}.curriculum-mobile-copy small{color:#087b77;font-size:.54rem;font-weight:800;text-transform:uppercase}.curriculum-mobile-copy b{margin-top:5px;font-size:.83rem;line-height:1.02}.curriculum-mobile-copy em{color:#1674df;font-style:normal}.curriculum-mobile-copy span{margin-top:7px;color:var(--muted);font-size:.55rem;line-height:1.2}.additional-heading{align-items:stretch}.specialty-search{width:100%}.faq-answer-link{margin:0 14px 14px 62px}.closing-cta{grid-template-columns:1fr;gap:20px;width:calc(100% - (var(--page-gutter) * 2));margin-top:26px;padding:26px 20px}.closing-cta h2{font-size:1.7rem}.closing-cta-button{width:100%}}

.simulator-image-link{display:block;width:min(100%,440px);border-radius:8px;outline-offset:4px;transition:filter .2s,box-shadow .2s}
.simulator-image-link img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 8px 0 #08706d,0 15px 26px #087b7728}
.simulator-image-link:hover,.simulator-image-link:focus-visible{filter:brightness(1.04)}
.simulator-image-link:hover img,.simulator-image-link:focus-visible img{box-shadow:0 8px 0 #075e5b,0 17px 30px #087b7738}
.img-cta{display:inline-block;max-width:min(100%,320px);line-height:0;border-radius:999px;outline-offset:3px;transition:filter .2s,transform .2s}
.img-cta img{display:block;width:100%;height:auto}
.img-cta:hover,.img-cta:focus-visible{filter:brightness(1.05);transform:translateY(-1px)}
.img-cta-courses,.img-cta-catalog{max-width:min(100%,280px)}
.community-section .img-cta{margin-top:auto}
.portal-docente-cta{max-width:min(100%,268px)}
.portal-docente-clip{display:block;overflow:hidden;width:100%}
.portal-docente-cta img{width:200%;max-width:none;height:auto}
.portal-docente-cta.is-right img{margin-left:-100%}
.button-teacher,.audience-teacher .audience-action{border:1px solid #0b6b4a;background:#0f8a5a;color:#fff;box-shadow:0 8px 0 #0a5c40,0 14px 24px #0d77552b}
.button-teacher:hover,.button-teacher:focus-visible,.audience-teacher .audience-action:hover,.audience-teacher .audience-action:focus-visible{background:#0c734b;border-color:#094e36}
.button-director,.audience-director .audience-action{border:1px solid #5b21b6;background:#6d28d9;color:#fff;box-shadow:0 8px 0 #4c1d95,0 14px 24px #6d28d92b}
.button-director:hover,.button-director:focus-visible,.audience-director .audience-action:hover,.audience-director .audience-action:focus-visible{background:#5b21b6;border-color:#4c1d95}
.status-badge{position:absolute;z-index:2;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:#0f8a5a;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.02em}
.status-badge.is-soon{background:#e8eef5;color:#526d8e}
.specialty-card{position:relative}
.specialty-card > span:not(.status-badge){display:grid;width:100%;gap:3px;min-height:78px;padding:22px 17px 16px;background:#fffffff2;border-top:1px solid var(--line);position:relative}
.specialty-card .status-badge{display:inline-flex;align-items:center;width:max-content;max-width:calc(100% - 24px);min-height:0;padding:6px 10px;border:1px solid #ffffff55;background:#0f8a5a;color:#fff;box-shadow:0 6px 16px #082b6733;top:0;left:14px;transform:translateY(-50%)}
.specialty-card .status-badge.is-soon{border-color:#c5d4e4;background:#1e3a5f;color:#fff}
.journey-audience{margin:0 0 8px;color:#087b77;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Audit 2026-09-25: catalog photos, capsules, tablet journey, footer labels, form, buttons. */
.specialty-card.photo-electricidad,.dialog-photo.photo-electricidad,.additional-card-photo.photo-electricidad{
  background-image:url('/images/especialidades/especialidades-fotograficas-v2.png');
  background-size:500% auto;
  background-position:25% 18%;
}
.specialty-card.photo-enfermeria,.dialog-photo.photo-enfermeria,.additional-card-photo.photo-enfermeria{
  background-image:url('/images/especialidades/sector-salud.png');
  background-size:148% auto;
  background-position:48% 46%;
}
.specialty-card.photo-climatizacion,.dialog-photo.photo-climatizacion,.additional-card-photo.photo-climatizacion{
  background-image:url('/images/portal-hero-taller-v2.png');
  background-size:cover;
  background-position:center 22%;
}
.social-proof{display:flex;align-items:flex-start;gap:8px;max-width:610px;margin:14px 0 0;padding:10px 12px;border:1px solid #cfe8e4;border-radius:8px;background:#f3fbf9;color:#0a5f5b;font-size:.82rem;font-weight:700;line-height:1.4}
.social-proof svg{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:#0d8c88}
.header .campus-button,.header .demo-link{display:flex}
.header .campus-button{
  display:inline-flex;
  width:max-content;
  min-width:0;
  min-height:48px;
  padding:0 16px;
  flex:0 0 auto;
}
.header .campus-button svg:last-child{margin-left:0}
.hero-actions .button{
  width:auto;
  max-width:100%;
  flex:0 0 auto;
}
@media(max-width:650px){
  .hero-actions .button{width:100%}
}
.capabilities{pointer-events:none}
.capabilities .capability-card{display:flex;align-items:center;gap:12px;min-height:88px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:none;cursor:default;transform:none}
.capabilities .capability-card:hover{border-color:var(--line);transform:none;box-shadow:none}
.capabilities .capability-card:nth-child(1){border-top:3px solid #2583df;background:#f7fcfb}
.capabilities .capability-card:nth-child(2){border-top:3px solid #1ca886;background:#f7fcfa}
.capabilities .capability-card:nth-child(3){border-top:3px solid #7252cf;background:#faf8ff}
.capabilities .capability-card:nth-child(4){border-top:3px solid #e3a11a;background:#fffdf8}
.button,.campus-button,.audience-action,.implementation-cta,.catalog-entry-button,.other-card-actions .button,.lead-form .button{border-radius:8px}
.button-primary,.campus-link.button,.campus-button,.audience-action.campus-link,.catalog-entry-button,.other-card-actions .button-primary,.implementation-cta,.closing-cta-button,.lead-form .button-primary{border:1px solid #0b7775;background:#0d8c88;color:#fff;box-shadow:0 8px 18px #0d8c8828}
.button-primary:hover,.campus-link.button:hover,.campus-button:hover,.audience-action.campus-link:hover,.catalog-entry-button:hover,.other-card-actions .button-primary:hover,.implementation-cta:hover,.lead-form .button-primary:hover{background:#087b77;box-shadow:0 10px 20px #0d8c8833}
.button-outline{border:1px solid #0d8c88;background:#fff;color:#0a6f6b;box-shadow:0 6px 14px #0d8c8814}
.hero>.curriculum-foundation{display:none!important}
.curriculum-foundation{display:block;width:min(calc(100% - (var(--page-gutter) * 2)),var(--container));max-height:none;height:auto;margin:8px auto 28px;padding:0;overflow:hidden;border:1px solid #c9dfef;border-radius:8px;background:#f1f8fd}
.curriculum-strip{display:none}
.curriculum-foundation .curriculum-banner{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center;border-radius:8px}
@media(max-width:650px){
  .curriculum-foundation{margin:8px auto 18px}
  .curriculum-foundation .curriculum-banner{height:auto}
}
@media(max-width:1280px){
  .journey-section .journey{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-section .journey>li:last-child{grid-column:1/-1}
  .journey-section .journey>li:not(:last-child):after{display:none}
}
@media(max-width:650px){
  .journey-section .journey{grid-template-columns:1fr}
  .journey-section .journey>li:last-child{grid-column:auto}
}
.visual-footer nav{gap:12px;flex-wrap:wrap}
.visual-footer a{width:auto;min-width:88px;height:auto;padding:10px 12px;border-radius:8px;flex-direction:column;display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700}
.visual-footer a:not(:last-child):after{display:none}
.visual-footer a.active:before{display:none}
.faq-more{margin:12px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
.faq-more summary{display:inline-flex;min-height:auto;padding:0;grid-template-columns:none;color:#0a6f6b;font-size:.82rem;font-weight:800}
.faq-more[open] summary{margin-bottom:8px}
.faq-more p{padding:0!important;margin:0;color:var(--muted);font-size:.86rem;text-align:left}
.faq-v2 .faq-list details>p{padding:0 18px 8px 72px}
.lead-form{position:relative;z-index:1;display:grid;gap:10px;margin:-40px 16px 16px;padding:18px;border:1px solid #dbe7f2;border-radius:8px;background:#fff;box-shadow:0 12px 26px #173e7214}
.lead-form h3{margin:0;color:var(--navy);font-size:1.2rem}
.lead-form>p{margin:0;color:var(--muted);font-size:.82rem}
.lead-form label{display:grid;gap:4px;color:var(--navy);font-size:.75rem;font-weight:800}
.lead-form input,.lead-form select{min-height:44px;padding:0 12px;border:1px solid #c5d7e8;border-radius:8px;background:#f8fbfe;color:var(--navy);font:inherit;font-weight:600}
.lead-form .button{width:100%;margin-top:4px}
.faq-aside-card{display:none}
.additional-card-cta{display:inline-flex;margin-top:12px;color:#0a6f6b;font-size:.8rem;font-weight:800}
@media(min-width:1051px){.nav .nav-cta{display:none}}
@media(max-width:950px){.lead-form{margin:16px}}
@media(max-width:650px){.lead-form{margin:16px 12px}.visual-footer a{min-width:0;flex:1;padding:8px 4px;font-size:.58rem}}
.additional-card-content{position:relative;padding-top:22px}
.additional-card .status-badge{top:0;left:14px;transform:translateY(-50%);width:max-content;max-width:calc(100% - 28px);min-height:0}