:root{--edu-blue:#0878ff;--edu-cyan:#24d8ff;--edu-dark:#04111f;--edu-dark2:#071c34;--edu-text:#102945;--edu-muted:#72859a;--edu-border:#dfe9f2;--edu-light:#f5f9fd;--edu-green:#27dca1;--edu-purple:#8062ec}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0!important;padding:0!important}
body{background:#fff!important;color:var(--edu-text)!important;font-family:"Inter",Arial,sans-serif!important}
body.dp-no-scroll{overflow:hidden}
a{text-decoration:none!important}
img{max-width:100%}
button{font-family:inherit}
.dp-site{width:100%;overflow:hidden}
main{display:block}
.edu-container{width:min(1450px,calc(100% - 70px));margin:0 auto}


/* =========================================================
   HEADER - RESPALDO PARA ESTA PÁGINA
========================================================= */

.dp-topbar{height:38px;background:#03101f;color:#aabacc;border-bottom:1px solid rgba(255,255,255,.07)}
.dp-topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}
.dp-top-left,.dp-top-right{display:flex;align-items:center;gap:27px}
.dp-top-left span,.dp-top-right span{font-size:9px;white-space:nowrap}
.dp-top-left i{color:#24d8ff;margin-right:6px}
.dp-top-right{gap:10px}
.dp-top-right span{display:flex;align-items:center}
.dp-top-right span>i{width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--edu-green);box-shadow:0 0 12px var(--edu-green)}
.dp-top-right>a{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.06);color:#fff!important;font-size:11px;transition:.3s}
.dp-top-right>a:hover{background:var(--edu-blue);transform:translateY(-2px)}

.dp-header{height:88px;position:relative;z-index:10000;background:rgba(255,255,255,.98);border-bottom:1px solid #e9f0f6;box-shadow:0 10px 35px rgba(8,35,69,.07);backdrop-filter:blur(18px)}
.dp-header-inner{height:88px;display:flex;align-items:center}
.dp-brand{display:flex;align-items:center;flex-shrink:0}
.dp-brand img{width:58px;height:58px;margin-right:12px;object-fit:contain}
.dp-brand span{display:flex;flex-direction:column}
.dp-brand b{color:#081b34;font-family:"Manrope",Arial,sans-serif;font-size:27px;line-height:25px;font-weight:800;letter-spacing:-1.4px}
.dp-brand b i{color:var(--edu-blue);font-style:normal}
.dp-brand small{margin-top:5px;color:#8391a2;font-size:7px;line-height:9px;font-weight:700;letter-spacing:1.5px}

.dp-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.dp-nav>a,.dp-nav-dropdown>button{position:relative;height:88px;padding:0 16px;display:flex;align-items:center;border:0;background:transparent;color:#1b314b;font-size:11px;font-weight:700;cursor:pointer}
.dp-nav>a:after,.dp-nav-dropdown>button:after{content:"";position:absolute;left:16px;right:16px;bottom:19px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--edu-blue),var(--edu-cyan));transform:scaleX(0);transform-origin:left;transition:.3s}
.dp-nav>a:hover,.dp-nav>a.active,.dp-nav-dropdown:hover>button{color:var(--edu-blue)}
.dp-nav>a:hover:after,.dp-nav>a.active:after,.dp-nav-dropdown:hover>button:after{transform:scaleX(1)}

.dp-nav-dropdown{position:relative}
.dp-nav-dropdown button i{margin-left:6px;font-size:8px}
.dp-dropdown{position:absolute;left:0;top:76px;width:405px;padding:10px;border:1px solid #e5edf5;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(6,27,53,.16);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s}
.dp-nav-dropdown:hover .dp-dropdown{opacity:1;visibility:visible;transform:none}
.dp-dropdown>a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#17304b;transition:.25s}
.dp-dropdown>a:hover{background:#f3f8ff}
.dp-dd-number{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#edf6ff;color:var(--edu-blue);font-size:9px;font-weight:800}
.dp-dd-number.dp-dd-purple{background:#f1ecff;color:var(--edu-purple)}
.dp-dd-number.dp-dd-green{background:#eafaf4;color:#14a879}
.dp-dd-content{display:flex;flex-direction:column}
.dp-dd-content b{font-size:10px;line-height:15px}
.dp-dd-content small{margin-top:2px;color:#8493a5;font-size:8px}

.dp-header-cta{height:49px;min-width:168px;margin-left:18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:50px;background:linear-gradient(135deg,var(--edu-blue),var(--edu-cyan));color:#fff!important;font-size:10px;font-weight:800;box-shadow:0 14px 35px rgba(9,123,255,.23);transition:.3s}
.dp-header-cta:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(9,123,255,.33)}
.dp-mobile-toggle{display:none}
.dp-mobile-menu{display:none}


/* =========================================================
   HERO
========================================================= */

.edu-hero{position:relative;overflow:hidden;min-height:720px;background:#061426;color:#fff}
.edu-hero-bg,.edu-hero-overlay,.edu-hero-grid{position:absolute;inset:0}
.edu-hero-bg{background:url("../images/encabezado_sistema_educativo2.jpg") center/cover no-repeat;transform:scale(1.03)}
.edu-hero-overlay{background:linear-gradient(90deg,rgba(2,13,28,.96) 0%,rgba(4,25,49,.88) 38%,rgba(4,40,69,.60) 68%,rgba(3,22,40,.30) 100%)}
.edu-hero-grid{opacity:.055;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:58px 58px}
.edu-hero:before{content:"";position:absolute;width:700px;height:700px;right:-380px;top:-340px;border-radius:50%;background:radial-gradient(circle,rgba(21,197,255,.17),transparent 68%);pointer-events:none}
.edu-hero:after{content:"";position:absolute;width:550px;height:550px;left:-360px;bottom:-350px;border-radius:50%;background:radial-gradient(circle,rgba(55,84,255,.15),transparent 68%);pointer-events:none}

.edu-hero-inner{position:relative;z-index:5;min-height:720px;display:grid;grid-template-columns:1fr .90fr;grid-template-rows:auto 1fr;align-items:center;gap:0 55px;padding:43px 0 65px}
.edu-breadcrumb{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#7f96ac;font-size:8px}
.edu-breadcrumb a{color:#51dcff!important}
.edu-breadcrumb i{color:#4d7693;font-size:8px}
.edu-breadcrumb strong{color:#d7e3ed}

.edu-hero-copy{align-self:center;padding:20px 0}
.edu-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(64,219,255,.25);border-radius:50px;background:rgba(8,70,108,.30);color:#8be5ff;font-size:8px;font-weight:800;letter-spacing:1.7px;backdrop-filter:blur(10px)}
.edu-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--edu-green);box-shadow:0 0 13px var(--edu-green)}
.edu-hero-copy h1{max-width:730px;margin:24px 0 17px;color:#fff;font-family:"Manrope",Arial,sans-serif;font-size:58px;line-height:1.02;font-weight:800;letter-spacing:-3px}
.edu-hero-copy h1 span{display:block;color:transparent;background:linear-gradient(90deg,#fff 0%,#3bdbff 50%,#75a8ff 100%);-webkit-background-clip:text;background-clip:text}
.edu-hero-copy>p{max-width:650px;margin:0;color:#c4d3df;font-size:13px;line-height:23px}
.edu-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}

.edu-btn-primary,.edu-btn-secondary{min-height:52px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:50px;font-size:9px;font-weight:800;transition:.3s ease}
.edu-btn-primary{background:linear-gradient(135deg,var(--edu-blue),var(--edu-cyan));color:#fff!important;box-shadow:0 18px 42px rgba(8,120,255,.27)}
.edu-btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(8,120,255,.37)}
.edu-btn-secondary{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.045);color:#fff!important}
.edu-btn-secondary:hover{background:rgba(255,255,255,.10);transform:translateY(-3px)}

.edu-hero-trust{display:flex;align-items:center;gap:28px;margin-top:34px}
.edu-hero-trust>div{display:flex;align-items:center;gap:8px}
.edu-hero-trust strong{color:#fff;font-family:"Manrope",Arial,sans-serif;font-size:22px;font-weight:800}
.edu-hero-trust small{color:#8399ae;font-size:6px;line-height:9px}

.edu-hero-dashboard{align-self:center;position:relative;padding:14px;border:1px solid rgba(89,221,255,.31);border-radius:30px;background:linear-gradient(145deg,rgba(16,62,96,.91),rgba(3,20,38,.97));box-shadow:0 35px 100px rgba(0,0,0,.46),0 0 55px rgba(24,193,255,.07);backdrop-filter:blur(20px);animation:eduDashboardIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes eduDashboardIn{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}

.edu-dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 11px}
.edu-dashboard-head>div{display:flex;align-items:center;gap:8px}
.edu-dashboard-head img{width:35px;height:35px;object-fit:contain}
.edu-dashboard-head span{display:flex;flex-direction:column}
.edu-dashboard-head b{color:#5cddff;font-size:6px;letter-spacing:1.6px}
.edu-dashboard-head small{margin-top:3px;color:#fff;font-size:6px;font-weight:800;letter-spacing:.5px}
.edu-dashboard-head label{display:flex;align-items:center;gap:5px;color:#59dfb7;font-size:6px;font-weight:800;letter-spacing:.6px}
.edu-dashboard-head label i{width:6px;height:6px;border-radius:50%;background:var(--edu-green);box-shadow:0 0 10px var(--edu-green);animation:eduPulse 1.5s ease-in-out infinite}
@keyframes eduPulse{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}

.edu-dashboard-image{position:relative;height:315px;overflow:hidden;border-radius:19px;border:1px solid rgba(255,255,255,.08);background:#061525}
.edu-dashboard-image>img{width:100%;height:100%;display:block;object-fit:cover;transition:.7s}
.edu-dashboard-image:hover>img{transform:scale(1.04)}
.edu-dashboard-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,14,27,.08),rgba(2,13,25,.14) 35%,rgba(2,13,26,.82) 100%)}
.edu-dashboard-scan{position:absolute;z-index:3;left:7%;right:7%;top:15%;height:2px;background:linear-gradient(90deg,transparent,#41ddff,transparent);box-shadow:0 0 18px #41ddff;animation:eduScan 3.5s linear infinite}
.edu-dashboard-scan:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:#55e3ff;box-shadow:0 0 12px #55e3ff}
@keyframes eduScan{0%{top:14%;opacity:.15}10%{opacity:1}50%{top:80%;opacity:1}90%{top:14%;opacity:1}100%{top:14%;opacity:0}}

.edu-dashboard-badge{position:absolute;z-index:4;left:15px;top:15px;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(3,17,33,.68);color:#d3e5ef;font-size:6px;font-weight:800;letter-spacing:.6px;backdrop-filter:blur(10px)}
.edu-dashboard-badge i{color:#43dcff;font-size:10px}

.edu-dashboard-floating{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(4,18,34,.81);backdrop-filter:blur(12px);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.edu-dashboard-floating i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(39,210,255,.11);color:#43dcff}
.edu-dashboard-floating span{display:flex;flex-direction:column}
.edu-dashboard-floating small{color:#65dfff;font-size:4px;font-weight:800;letter-spacing:.8px}
.edu-dashboard-floating b{margin-top:2px;color:#fff;font-size:6px;font-weight:700}
.edu-float-calendar{right:13px;top:57px}
.edu-float-attendance{left:13px;bottom:53px}
.edu-float-attendance i{color:#43dfa9;background:rgba(44,220,165,.12)}

.edu-dashboard-bottom{position:absolute;z-index:5;left:13px;right:13px;bottom:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.edu-dashboard-bottom span{padding:8px 4px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(3,16,30,.72);color:#c0d0db;text-align:center;font-size:5px;font-weight:700;backdrop-filter:blur(9px)}
.edu-dashboard-bottom i{margin-right:4px;color:#42d9ff}

.edu-dashboard-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.edu-dashboard-modules div{display:flex;flex-direction:column;min-height:61px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}
.edu-dashboard-modules i{margin-bottom:5px;color:#46dbff;font-size:12px}
.edu-dashboard-modules div:nth-child(2) i{color:#b18cff}
.edu-dashboard-modules div:nth-child(3) i{color:#42dfae}
.edu-dashboard-modules b{color:#fff;font-size:6px}
.edu-dashboard-modules small{margin-top:3px;color:#7c96aa;font-size:5px;line-height:8px}


/* =========================================================
   OVERVIEW
========================================================= */

.edu-overview{padding:108px 0;background:#fff}
.edu-section-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px;margin-bottom:48px;opacity:0;transform:translateY(25px);transition:.8s ease}
.edu-section-heading.show{opacity:1;transform:none}
.edu-section-heading.centered{display:block;max-width:820px;margin:0 auto 48px;text-align:center}
.edu-section-heading.centered>p{max-width:700px;margin:15px auto 0}
.edu-label{display:inline-block;margin-bottom:12px;color:var(--edu-blue);font-size:7px;font-weight:800;letter-spacing:2px}
.edu-section-heading h2{margin:0;color:var(--edu-text);font-family:"Manrope",Arial,sans-serif;font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-1.5px}
.edu-section-heading h2 strong{display:block;color:var(--edu-blue)}
.edu-section-heading>p{margin:0;color:var(--edu-muted);font-size:11px;line-height:20px}

.edu-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.edu-overview-media,.edu-overview-copy{opacity:0;transform:translateY(30px);transition:.8s ease}
.edu-overview-media.show,.edu-overview-copy.show{opacity:1;transform:none}
.edu-overview-media{position:relative;padding:11px;border:1px solid #dce8f1;border-radius:26px;background:#f8fbfe;box-shadow:0 25px 75px rgba(6,30,57,.08)}
.edu-media-video{overflow:hidden;border-radius:17px;background:#061525;box-shadow:0 14px 35px rgba(5,25,47,.13)}
.edu-media-video iframe{width:100%;height:365px;display:block;border:0}
.edu-media-caption{display:flex;align-items:center;justify-content:space-between;padding:13px 7px 3px}
.edu-media-caption span{color:#168fd8;font-size:6px;font-weight:800;letter-spacing:1.2px}
.edu-media-caption span i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--edu-green);box-shadow:0 0 6px rgba(39,220,161,.45)}
.edu-media-caption b{color:#49627b;font-size:7px}

.edu-overview-copy{position:relative}
.edu-number{position:absolute;right:0;top:-38px;color:#edf2f6;font-family:"Manrope",Arial,sans-serif;font-size:54px;font-weight:800;line-height:1}
.edu-overview-copy>h3{max-width:600px;margin:0 0 14px;color:#16304b;font-family:"Manrope",Arial,sans-serif;font-size:29px;line-height:1.12;font-weight:800;letter-spacing:-1px}
.edu-overview-copy>h3 strong{display:block;color:var(--edu-blue)}
.edu-overview-copy>p{max-width:610px;margin:0 0 21px;color:#778a9d;font-size:10px;line-height:19px}

.edu-feature-mini{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 11px;border:1px solid #e1ebf3;border-radius:11px;background:#fff;box-shadow:0 7px 20px rgba(7,29,54,.025);transition:.25s}
.edu-feature-mini:hover{transform:translateX(4px);border-color:#cfe1ef;box-shadow:0 12px 28px rgba(7,29,54,.06)}
.edu-feature-mini>i{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#edf6ff;color:var(--edu-blue);font-size:13px}
.edu-feature-mini:nth-of-type(4)>i{background:#f1ecff;color:var(--edu-purple)}
.edu-feature-mini:nth-of-type(5)>i{background:#eafaf4;color:#13a878}
.edu-feature-mini div{display:flex;flex-direction:column}
.edu-feature-mini b{color:#29445f;font-size:8px}
.edu-feature-mini small{margin-top:2px;color:#8596a8;font-size:6px}

.edu-dark-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;margin-top:22px;padding:0 18px;border-radius:50px;background:#102945;color:#fff!important;font-size:8px;font-weight:800;box-shadow:0 12px 28px rgba(16,41,69,.16);transition:.3s}
.edu-dark-btn:hover{background:var(--edu-blue);transform:translateY(-2px)}


/* =========================================================
   BENEFICIOS
========================================================= */

.edu-benefits{padding:108px 0;background:linear-gradient(180deg,#f4f8fc 0%,#f8fbfe 100%)}
.edu-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.edu-benefit-card{overflow:hidden;border:1px solid #dfe9f2;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(6,29,54,.045);opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .35s ease,box-shadow .35s ease}
.edu-benefit-card.show{opacity:1;transform:none}
.edu-benefit-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(6,29,54,.11)}
.edu-benefit-image{height:180px;overflow:hidden;background:#eaf2f8}
.edu-benefit-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.65s}
.edu-benefit-card:hover .edu-benefit-image img{transform:scale(1.055)}
.edu-benefit-body{padding:18px}
.edu-benefit-body>span{color:var(--edu-blue);font-size:6px;font-weight:800;letter-spacing:1.5px}
.edu-benefit-body h3{margin:7px 0 9px;color:#17324d;font-family:"Manrope",Arial,sans-serif;font-size:14px;line-height:19px;font-weight:800}
.edu-benefit-body p{margin:0;color:#778a9c;font-size:8px;line-height:15px}


/* =========================================================
   PLATFORM
========================================================= */

.edu-platform{position:relative;overflow:hidden;padding:105px 0;background:linear-gradient(135deg,#030d1a,#071c33 58%,#061525);color:#fff}
.edu-platform:before{content:"";position:absolute;width:800px;height:800px;right:-420px;top:-400px;border-radius:50%;background:radial-gradient(circle,rgba(22,198,255,.14),transparent 68%)}
.edu-platform:after{content:"";position:absolute;width:600px;height:600px;left:-400px;bottom:-420px;border-radius:50%;background:radial-gradient(circle,rgba(60,70,255,.10),transparent 68%)}
.edu-platform-glow{position:absolute;inset:0;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:60px 60px}

.edu-section-heading.light{position:relative;z-index:2}
.edu-section-heading.light h2{color:#fff}
.edu-section-heading.light h2 strong{color:#3ddcff}
.edu-section-heading.light>p{color:#8198ad}

.edu-platform-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.edu-platform-item{min-height:165px;padding:20px 15px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.035);opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .35s ease,background .3s,box-shadow .3s}
.edu-platform-item.show{opacity:1;transform:none}
.edu-platform-item:hover{transform:translateY(-6px);background:rgba(255,255,255,.065);box-shadow:0 18px 40px rgba(0,0,0,.20)}
.edu-platform-item i{width:43px;height:43px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border-radius:12px;background:rgba(24,135,255,.12);color:#42d9ff;font-size:17px}
.edu-platform-item:nth-child(2) i{background:rgba(133,93,245,.13);color:#ad8cff}
.edu-platform-item:nth-child(3) i{background:rgba(40,222,163,.11);color:#41dfae}
.edu-platform-item:nth-child(4) i{background:rgba(255,159,80,.11);color:#ffa860}
.edu-platform-item:nth-child(5) i{background:rgba(25,179,204,.11);color:#34d9e9}
.edu-platform-item:nth-child(6) i{background:rgba(85,115,255,.12);color:#7e9bff}
.edu-platform-item strong{display:block;color:#fff;font-size:9px}
.edu-platform-item small{display:block;margin-top:6px;color:#758ea4;font-size:6px;line-height:11px}


/* =========================================================
   GALLERY
========================================================= */

.edu-gallery{padding:108px 0;background:#fff}
.edu-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;opacity:0;transform:translateY(25px);transition:.8s ease}
.edu-gallery-grid.show{opacity:1;transform:none}
.edu-gallery-grid>div{position:relative;height:355px;overflow:hidden;border-radius:22px;background:#071626;box-shadow:0 20px 55px rgba(5,29,54,.11)}
.edu-gallery-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:.65s}
.edu-gallery-grid>div:hover img{transform:scale(1.055)}
.edu-gallery-grid>div:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(2,12,23,.88) 100%)}
.edu-gallery-grid span{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;align-items:center;color:#fff;font-size:8px;font-weight:800}
.edu-gallery-grid span i{margin-right:7px;color:#42dcff;font-size:11px}


/* =========================================================
   CTA FINAL
========================================================= */

.edu-final{position:relative;overflow:hidden;padding:115px 0;background:#020913;color:#fff;text-align:center}
.edu-final:before{content:"";position:absolute;inset:0;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:64px 64px}
.edu-final-glow{position:absolute;left:50%;top:-460px;transform:translateX(-50%);width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(13,190,255,.18),transparent 68%)}
.edu-final-box{position:relative;z-index:2;max-width:900px;margin:auto;opacity:0;transform:translateY(25px);transition:.8s ease}
.edu-final-box.show{opacity:1;transform:none}
.edu-final-box h2{margin:0;color:#fff;font-family:"Manrope",Arial,sans-serif;font-size:49px;line-height:1.08;font-weight:800;letter-spacing:-2px}
.edu-final-box h2 strong{display:block;color:#3bd8ff}
.edu-final-box p{max-width:700px;margin:17px auto 28px;color:#91a5b9;font-size:11px;line-height:20px}
.edu-final-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}


/* =========================================================
   FOOTER - RESPALDO PARA ESTA PÁGINA
========================================================= */

.dp-footer{background:#020811!important;color:#91a2b5!important}
.dp-footer .dp-container{width:min(1450px,calc(100% - 70px));margin:0 auto}
.dp-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px;padding:65px 0}
.dp-footer-brand>p{max-width:280px;margin:20px 0;color:#73879c!important;font-size:10px;line-height:18px}
.dp-footer .dp-brand b{color:#fff!important}
.dp-footer .dp-brand small{color:#6e8298!important}
.dp-footer-grid h4{margin:0 0 18px;color:#fff!important;font-family:"Manrope",Arial,sans-serif;font-size:12px}
.dp-footer-grid>div>a{display:block;margin-bottom:11px;color:#7e93a7!important;font-size:9px;line-height:15px}
.dp-footer-grid>div>p{margin:0 0 9px;color:#7e93a7!important;font-size:9px;line-height:15px}
.dp-footer-social{display:flex;gap:8px}
.dp-footer-social a{width:32px;height:32px;display:flex!important;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#d4dfeb!important;background:rgba(255,255,255,.03);transition:.3s}
.dp-footer-social a:hover{background:var(--edu-blue);border-color:var(--edu-blue)}
.dp-footer-bottom{border-top:1px solid rgba(255,255,255,.06)}
.dp-footer-bottom .dp-container{min-height:52px;display:flex;align-items:center;justify-content:space-between}
.dp-footer-bottom span{color:#687d91!important;font-size:8px}


/* =========================================================
   WHATSAPP
========================================================= */

.edu-whatsapp{position:fixed;z-index:99999;right:22px;bottom:20px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:4px solid #fff;border-radius:50%;background:#20d86d;color:#fff!important;font-size:28px;box-shadow:0 10px 35px rgba(22,202,94,.35);transition:.3s}
.edu-whatsapp:hover{transform:scale(1.08);box-shadow:0 15px 45px rgba(22,202,94,.45)}


/* =========================================================
   ANIMACIONES
========================================================= */

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.edu-hero-bg,.edu-dashboard-image>img,.edu-benefit-image img,.edu-gallery-grid img{transform:none!important}
*,*:before,*:after{animation:none!important;transition:none!important}
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1200px){
.edu-container,.dp-footer .dp-container{width:min(calc(100% - 50px),1100px)}
.edu-hero-inner{grid-template-columns:1fr .9fr;gap:0 35px}
.edu-hero-copy h1{font-size:52px}
.edu-platform-grid{grid-template-columns:repeat(3,1fr)}
.edu-benefits-grid{grid-template-columns:repeat(2,1fr)}
.dp-footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:1000px){

.dp-top-left{gap:14px}
.dp-nav,.dp-header-cta{display:none}
.dp-mobile-toggle{width:42px;height:42px;margin-left:auto;display:flex;align-items:center;justify-content:center;border:1px solid #e1e9f1;border-radius:12px;background:#fff;color:#122b45;font-size:18px;cursor:pointer}

.dp-mobile-menu{display:block;position:fixed;inset:0;z-index:99999;padding:25px 20px;background:#04101f;transform:translateX(100%);transition:.35s;overflow-y:auto}
.dp-mobile-menu.open{transform:translateX(0)}
.dp-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.dp-mobile-head .dp-brand img{width:48px;height:48px}
.dp-mobile-head .dp-brand b{color:#fff;font-size:22px}
.dp-mobile-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
.dp-mobile-menu nav{display:flex;flex-direction:column;margin-top:20px}
.dp-mobile-menu nav>a,.dp-mobile-solutions>button{min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#dae7f3;font-size:13px;font-weight:700}
.dp-mobile-menu nav>a i,.dp-mobile-solutions button span i{width:29px;color:#39d7ff}
.dp-mobile-solutions>div{display:none;padding:5px 0 5px 28px}
.dp-mobile-solutions.open>div{display:block}
.dp-mobile-solutions>div>a{display:block;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.05);color:#9eb0c3;font-size:11px}
.dp-mobile-demo{margin-top:25px;min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:50px;background:linear-gradient(135deg,var(--edu-blue),var(--edu-cyan));color:#fff!important;font-size:11px;font-weight:800}

.edu-hero{min-height:auto}
.edu-hero-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;padding:34px 0 70px;gap:35px}
.edu-breadcrumb{margin-bottom:0;justify-content:center}
.edu-hero-copy{text-align:center;padding:15px 0 0}
.edu-hero-copy>p{margin-left:auto;margin-right:auto}
.edu-hero-actions,.edu-hero-trust{justify-content:center}
.edu-hero-dashboard{width:min(650px,100%);margin:auto}
.edu-overview-grid{grid-template-columns:1fr;gap:40px}
.edu-overview-copy{max-width:720px;margin:auto}
.edu-gallery-grid{grid-template-columns:repeat(2,1fr)}
.edu-platform-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){

.edu-container,.dp-footer .dp-container{width:calc(100% - 30px)}

.dp-topbar{display:none}
.dp-header,.dp-header-inner{height:75px}
.dp-brand img{width:45px;height:45px;margin-right:8px}
.dp-brand b{font-size:22px}
.dp-brand small{font-size:6px;letter-spacing:1px}

.edu-hero-inner{padding:30px 0 55px;gap:28px}
.edu-breadcrumb{font-size:6px;gap:6px}
.edu-eyebrow{font-size:5px;letter-spacing:1px;padding:7px 10px}
.edu-hero-copy h1{margin:18px 0 14px;font-size:38px;line-height:1.05;letter-spacing:-2px}
.edu-hero-copy>p{font-size:11px;line-height:19px}
.edu-hero-actions{flex-direction:column;width:100%;margin-top:22px}
.edu-btn-primary,.edu-btn-secondary{width:100%}
.edu-hero-trust{gap:15px}
.edu-hero-trust strong{font-size:17px}
.edu-hero-trust small{font-size:5px}

.edu-hero-dashboard{padding:10px;border-radius:22px}
.edu-dashboard-head{padding-bottom:9px}
.edu-dashboard-head img{width:29px;height:29px}
.edu-dashboard-head b{font-size:5px}
.edu-dashboard-head small{font-size:5px}
.edu-dashboard-head label{font-size:5px}
.edu-dashboard-image{height:225px;border-radius:16px}
.edu-dashboard-badge{left:10px;top:10px;padding:6px 8px;font-size:5px}
.edu-dashboard-floating{display:none}
.edu-dashboard-bottom{left:10px;right:10px;bottom:10px}
.edu-dashboard-bottom span{font-size:4px;padding:6px 3px}
.edu-dashboard-modules{gap:5px}
.edu-dashboard-modules div{min-height:56px;padding:7px}
.edu-dashboard-modules i{font-size:10px}
.edu-dashboard-modules b{font-size:5px}
.edu-dashboard-modules small{font-size:4px;line-height:7px}

.edu-overview,.edu-benefits,.edu-platform,.edu-gallery{padding:76px 0}
.edu-section-heading,.edu-section-heading.centered{display:block;text-align:center;margin-bottom:35px}
.edu-section-heading h2{font-size:29px;line-height:1.10;letter-spacing:-1px}
.edu-section-heading>p{max-width:650px;margin:16px auto 0;font-size:10px;line-height:18px}
.edu-overview-grid{gap:30px}
.edu-overview-media{padding:8px;border-radius:20px}
.edu-media-video{border-radius:14px}
.edu-media-video iframe{height:240px}
.edu-media-caption{display:block;padding:11px 4px 3px}
.edu-media-caption b{display:block;margin-top:5px}
.edu-overview-copy>h3{font-size:25px}
.edu-number{font-size:43px;top:-27px}
.edu-feature-mini{padding:9px}
.edu-feature-mini b{font-size:7px}
.edu-feature-mini small{font-size:5px}

.edu-benefits-grid{grid-template-columns:1fr}
.edu-benefit-image{height:190px}
.edu-benefit-body h3{font-size:15px}

.edu-platform-grid{grid-template-columns:1fr 1fr}
.edu-platform-item{min-height:135px;padding:17px 13px}
.edu-platform-item i{width:38px;height:38px;margin-bottom:18px;font-size:15px}
.edu-platform-item strong{font-size:8px}
.edu-platform-item small{font-size:5px;line-height:9px}

.edu-gallery-grid{grid-template-columns:1fr}
.edu-gallery-grid>div{height:280px}

.edu-final{padding:85px 0}
.edu-final-box h2{font-size:34px;letter-spacing:-1px}
.edu-final-box p{font-size:10px;line-height:18px}
.edu-final-actions{flex-direction:column}
.edu-final-actions .edu-btn-primary,.edu-final-actions .edu-btn-secondary{width:100%}

.dp-footer-grid{grid-template-columns:1fr;gap:28px;padding:48px 0}
.dp-footer-bottom .dp-container{min-height:auto;padding:18px 0;display:block;text-align:center}
.dp-footer-bottom span{display:block;margin:4px 0}

.edu-whatsapp{width:54px;height:54px;right:16px;bottom:16px;font-size:25px}
}

@media(max-width:450px){

.edu-hero-copy h1{font-size:33px}
.edu-hero-trust{gap:9px}
.edu-hero-trust strong{font-size:16px}
.edu-hero-trust small{font-size:4px}
.edu-dashboard-image{height:190px}
.edu-dashboard-head small{display:none}
.edu-dashboard-bottom span{font-size:3px}
.edu-dashboard-modules i{font-size:9px}
.edu-dashboard-modules b{font-size:4px}
.edu-dashboard-modules small{font-size:3px}
.edu-section-heading h2{font-size:26px}
.edu-overview-copy>h3{font-size:22px}
.edu-platform-grid{grid-template-columns:1fr}
.edu-platform-item{min-height:110px}
.edu-gallery-grid>div{height:240px}
}