@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap";:root{color:#17221b;font-synthesis:none;--verde:#17633b;--verde-claro:#85d36e;--amarillo:#f1ce45;--tinta:#17221b;--crema:#f4f1e8;--blanco:#fffdf7;background:#f4f1e8;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--crema);min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}#app{min-height:100vh;overflow:hidden}.pantalla-cargando{color:#31523c;background:#eef2e9;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.cargador{border:4px solid #c9d8cb;border-top-color:var(--verde);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.login-pagina{background:radial-gradient(circle at 15% 10%,#85d36e33,#0000 30%),linear-gradient(135deg,#0d2115,#173d27 60%,#10281a);place-items:center;min-height:100vh;padding:clamp(18px,4vw,54px);display:grid}.login-tarjeta{background:var(--blanco);border-radius:14px;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);width:min(1120px,100%);display:grid;overflow:hidden;box-shadow:0 30px 80px #00000059}.login-portada{background:#1b3122;min-height:700px;position:relative}.login-portada>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.login-portada-sombra{background:linear-gradient(#08190e0f,#08190eb8);position:absolute;inset:0}.login-marca{color:#fff;align-items:center;gap:12px;display:flex;position:absolute;bottom:28px;left:30px}.login-marca strong,.login-marca small{display:block}.login-marca strong{letter-spacing:2px}.login-marca small{color:#d5e3d8}.login-contenido{align-self:center;padding:clamp(34px,5vw,68px)}.login-contenido h1{color:var(--tinta);text-transform:uppercase;margin:0;font:650 clamp(38px,4vw,56px)/1.02 Oswald,sans-serif}.login-intro{color:#5b685f;margin:18px 0 30px;line-height:1.6}.login-formulario{grid-template-columns:1fr 1fr;gap:15px;display:grid}.login-formulario>label,.datos-registro>label{color:#33463a;gap:7px;font-size:13px;font-weight:700;display:grid}.login-formulario>label{grid-column:1/-1}.login-formulario input{color:#17221b;background:#fff;border:1px solid #b8c5ba;border-radius:5px;outline:none;width:100%;padding:14px 15px;font-size:16px}.login-formulario input:focus{border-color:var(--verde);box-shadow:0 0 0 3px #17633b1f}.datos-registro{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:15px;display:grid}.datos-registro[hidden]{display:none}.campo-completo,.separador-formulario{grid-column:1/-1}.separador-formulario{color:#607066;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:8px 0 0;font-size:12px;font-weight:800;display:flex}.separador-formulario:before,.separador-formulario:after{content:"";background:#d7ded8;flex:1;height:1px}.boton-login,.boton-registro,.boton-registro-confirmar{min-height:50px}.boton-login{grid-column:1/-1;margin-top:3px}.boton-registro{color:#fff;background:var(--verde);grid-column:1/-1}.boton-registro-confirmar{color:#fff;background:#17633b;grid-column:1/-1}.boton-registro-confirmar[hidden],.boton-registro[hidden]{display:none}.boton-recuperar{color:#41614b;background:0 0;border:0;grid-column:1/-1;justify-self:center;padding:5px;text-decoration:underline}.mensaje-login{color:#a3312b;text-align:center;min-height:24px;margin:18px 0 0;font-weight:700}.mensaje-login[data-tipo=proceso]{color:#496451}.mensaje-login[data-tipo=exito]{color:#17633b}.login-nota{color:#748078;text-align:center;margin:15px 0 0;font-size:12px;line-height:1.5}.boton-salir{color:#e4eee7;background:0 0;border:1px solid #66816d;border-radius:4px;padding:9px 13px}.barra{color:#fff;background:#10281a;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:16px clamp(22px,5vw,76px);display:flex}.marca{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.marca-simbolo{background:var(--verde-claro);color:#10281a;border-radius:50%;place-items:center;width:44px;height:44px;font:700 25px Oswald,sans-serif;display:grid}.marca strong,.marca small{display:block}.marca strong{letter-spacing:2px;font-size:15px}.marca small{color:#b6cbbd;margin-top:2px}.marca-boton{text-align:left;background:0 0;border:0}.barra nav{align-items:center;gap:28px;display:flex}.barra nav a{color:#dbe7df;font-size:14px;text-decoration:none}.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#85d36e24,#0000 34%),linear-gradient(135deg,#10281a 0%,#163c26 58%,#0d2015 100%);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:7vw;min-height:680px;padding:clamp(58px,8vw,120px) clamp(24px,7vw,110px);display:grid}.eyebrow{color:#55ad70;text-transform:uppercase;letter-spacing:2.2px;margin:0 0 16px;font-size:12px;font-weight:700}.hero .eyebrow,.metodologia .eyebrow,.proyecto-hero .eyebrow{color:var(--verde-claro)}.hero h1,.proyecto-hero h1{letter-spacing:-2px;text-transform:uppercase;max-width:780px;margin:0;font:700 clamp(52px,6.7vw,94px)/.98 Oswald,sans-serif}.hero h1 em{color:var(--amarillo);font-style:normal}.hero-texto{color:#ccdbd0;max-width:610px;margin:28px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.55}.acciones{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.boton{border:0;border-radius:4px;justify-content:center;align-items:center;padding:15px 23px;font-weight:700;text-decoration:none;display:inline-flex}.boton-primario{background:var(--amarillo);color:#1d261e}.boton-secundario{color:#fff;background:0 0;border:1px solid #70907b}.boton-mini{color:#10281a;background:var(--verde-claro);padding:10px 16px}.datos-rapidos{color:#a9c0b0;flex-wrap:wrap;gap:30px;margin-top:42px;display:flex}.datos-rapidos span{border-right:1px solid #496353;padding-right:30px}.datos-rapidos span:last-child{border:0}.datos-rapidos strong{color:#fff;margin-right:5px;font:600 27px Oswald,sans-serif}.maquina{width:min(100%,590px);height:420px;margin:auto;position:relative}.tolva{clip-path:polygon(0 0,100% 0,75% 100%,25% 100%);background:linear-gradient(135deg,#5a6960,#222d27);border-top:7px solid #7f9286;width:130px;height:142px;position:absolute;top:55px;left:145px}.motor{color:#9ec6aa;background:#24352b;border:2px solid #53715e;border-radius:15px;place-items:center;width:125px;height:90px;font:600 13px Oswald;display:grid;position:absolute;top:245px;left:7px}.motor:after{content:"";background:#65776c;width:30px;height:14px;position:absolute;right:-30px}.reductor{color:#fff3bd;background:#8f772d;border-radius:9px;place-items:center;width:88px;height:64px;font-size:10px;display:grid;position:absolute;top:258px;left:135px}.canon{background:linear-gradient(#26362c,#121b16);border:3px solid #66776d;border-radius:11px;width:285px;height:84px;position:absolute;top:248px;left:215px;overflow:hidden}.tornillo{opacity:.75;background:repeating-linear-gradient(115deg,#0000 0 25px,#88a291 27px 32px,#0000 34px 48px);width:100%;height:100%}.boquilla{background:#48574e;width:38px;height:50px;position:absolute;top:265px;left:495px}.tabla-salida{background:linear-gradient(90deg, var(--verde-claro), #318b52);width:90px;height:27px;position:absolute;top:276px;left:530px;box-shadow:0 8px 24px #85d36e33}.calor{border:5px solid #d47834;border-radius:8px;width:24px;height:110px;position:absolute;top:235px}.c1{left:277px}.c2{left:355px}.c3{left:433px}.plastico{background:var(--amarillo);border-radius:45% 55% 60% 40%;position:absolute}.p1{width:16px;height:13px;top:21px;left:185px;transform:rotate(20deg)}.p2{background:var(--verde-claro);width:12px;height:17px;top:8px;left:220px}.p3{background:#e27c48;width:15px;height:12px;top:31px;left:245px}.rotulo{color:#91ad9a;letter-spacing:1px;font-size:10px;position:absolute}.r-tolva{top:90px;left:290px}.r-canon{top:365px;left:300px}.r-tabla{top:245px;right:-8px}.presentacion,.estado-proyecto,.criterios{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(35px,7vw,100px);padding:clamp(55px,8vw,105px) clamp(24px,9vw,140px);display:grid}.presentacion h2,.titulo-seccion h2,.estado-proyecto h2,.criterios h2{text-transform:uppercase;margin:0;font:600 clamp(35px,4.4vw,58px)/1.08 Oswald,sans-serif}.presentacion>p,.estado-proyecto p,.titulo-seccion>p{color:#526057;margin:0;font-size:18px;line-height:1.75}.programa{background:var(--blanco);padding:80px clamp(24px,7vw,110px) 105px}.titulo-seccion{max-width:820px;margin-bottom:45px}.titulo-seccion>p{margin-top:18px}.rejilla-modulos{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.tarjeta-modulo{border:1px solid #d9ddd8;border-top:6px solid var(--verde);background:#fff;flex-direction:column;min-height:355px;padding:30px;transition:transform .2s,box-shadow .2s;display:flex}.tarjeta-modulo:hover{transform:translateY(-5px);box-shadow:0 16px 35px #1e37261a}.tarjeta-azul{border-top-color:#367a98}.tarjeta-amarillo{border-top-color:#d7a817}.tarjeta-naranja{border-top-color:#cf6c32}.tarjeta-rojo{border-top-color:#a9433b}.tarjeta-morado{border-top-color:#795493}.tarjeta-cabecera{justify-content:space-between;align-items:start;display:flex}.numero-modulo{color:#d9dfdb;font:700 44px Oswald}.etiqueta{letter-spacing:1px;text-transform:uppercase;color:#59655d;background:#eef1ed;padding:7px 9px;font-size:11px}.tarjeta-modulo h3{text-transform:uppercase;margin:28px 0 12px;font:600 26px/1.15 Oswald}.tarjeta-modulo p{color:#667169;margin:0;line-height:1.55}.enlace-modulo{text-align:left;color:var(--verde);background:0 0;border:0;border-top:1px solid #e3e6e2;justify-content:space-between;margin-top:auto;padding:20px 0 0;font-weight:700;display:flex}.metodologia{color:#fff;background:#18271e;padding:90px clamp(24px,7vw,110px)}.claro h2{color:#fff}.pasos{border-top:1px solid #55705d;grid-template-columns:repeat(4,1fr);margin-top:45px;display:grid}.pasos article{border-right:1px solid #55705d;margin-right:28px;padding:30px 28px 10px 0}.pasos article:last-child{border:0}.pasos span{color:var(--amarillo);font:600 32px Oswald}.pasos h3{text-transform:uppercase;margin:38px 0 10px;font:600 27px Oswald}.pasos p{color:#aebeb3;margin:0;line-height:1.55}.estado-proyecto{background:#dfeadf;align-items:center}.estado-proyecto .boton{justify-self:end}footer{color:#aebdb2;background:#0e1d13;justify-content:space-between;gap:25px;padding:28px clamp(24px,7vw,110px);font-size:13px;display:flex}.pagina-modulo{background:var(--blanco);min-height:calc(100vh - 82px)}.encabezado-modulo{color:#fff;background:var(--verde);grid-template-columns:1fr auto;align-items:center;min-height:420px;padding:75px clamp(24px,9vw,140px);display:grid}.encabezado-azul{background:#285e73}.encabezado-amarillo{background:#8b6812}.encabezado-naranja{background:#98491e}.encabezado-rojo{background:#74322d}.encabezado-morado{background:#523a63}.encabezado-modulo .eyebrow{color:#e9d86d}.encabezado-modulo h1{text-transform:uppercase;max-width:850px;margin:0;font:700 clamp(46px,6vw,82px)/1 Oswald}.encabezado-modulo p:last-child{color:#e1e9e3;max-width:680px;margin-top:24px;font-size:19px;line-height:1.6}.gran-numero{opacity:.09;font:700 clamp(120px,20vw,270px)/1 Oswald}.contenido-modulo{max-width:1120px;margin:auto;padding:80px 28px}.bloque-objetivo{max-width:850px;margin-bottom:70px}.bloque-objetivo h2{text-transform:uppercase;margin:0;font:600 clamp(31px,4vw,48px)/1.2 Oswald}.bloque-unidades ol{counter-reset:unidades;border-top:1px solid #d8ddd8;margin:25px 0 70px;padding:0;list-style:none}.bloque-unidades li{counter-increment:unidades;border-bottom:1px solid #d8ddd8;grid-template-columns:70px 1fr;padding:22px 0;font-size:18px;display:grid}.bloque-unidades li:before{content:"0" counter(unidades);color:#4f8c63;font:600 18px Oswald}.doble-bloque{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bloque-practica,.bloque-evidencia{background:#e2eee2;min-height:235px;padding:32px}.bloque-evidencia{background:#f4eac0}.icono-bloque{color:#fff;background:var(--verde);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.doble-bloque .eyebrow{margin-top:25px}.doble-bloque h3{text-transform:uppercase;margin:0;font:600 23px/1.35 Oswald}.aviso-desarrollo{background:#fff9e7;border-left:5px solid #c79717;margin-top:25px;padding:25px 28px}.aviso-desarrollo p{color:#6d6654;margin:7px 0 0;line-height:1.55}.navegacion-modulos{justify-content:space-between;padding:0 clamp(24px,9vw,140px) 70px;display:flex}.navegacion-modulos button{color:var(--verde);background:0 0;border:0;font-size:16px;font-weight:800}.pagina-proyecto{background:var(--crema);padding-bottom:80px}.proyecto-hero{color:#fff;background:#173d27;padding:95px clamp(24px,9vw,140px)}.proyecto-hero h1{font-size:clamp(44px,6vw,80px)}.proyecto-hero>p:last-child{color:#bdd0c2;margin:25px 0 0;font-size:20px}.entregables{grid-template-columns:repeat(3,1fr);gap:16px;padding:70px clamp(24px,7vw,110px);display:grid}.entregables article{background:var(--blanco);border-bottom:5px solid var(--verde);min-height:230px;padding:28px}.entregables span{color:#99aa9d;font:700 33px Oswald}.entregables h2{text-transform:uppercase;font:600 27px Oswald}.entregables p{color:#5d6a61;line-height:1.55}.criterios{background:#e3eadf}.criterios ul{margin:0;padding:0;list-style:none}.criterios li{border-bottom:1px solid #bcc8bc;padding:14px 0 14px 30px;position:relative}.criterios li:before{content:"✓";color:var(--verde);font-weight:800;position:absolute;left:0}.boton-centro{margin:55px auto 0;display:table}.estado-vacio{text-align:center;place-content:center;min-height:100vh;padding:40px;display:grid}@media (width<=920px){.login-tarjeta{grid-template-columns:1fr;max-width:690px}.login-portada{min-height:380px}.barra nav a{display:none}.hero{grid-template-columns:1fr;min-height:auto}.maquina{transform-origin:0;transform:scale(.86)}.rejilla-modulos,.entregables,.pasos{grid-template-columns:repeat(2,1fr)}.encabezado-modulo{grid-template-columns:1fr}.gran-numero{display:none}}@media (width<=620px){.login-pagina{place-items:start stretch;padding:0}.login-tarjeta{border-radius:0;min-height:100vh}.login-portada{min-height:280px}.login-contenido{padding:34px 22px 45px}.datos-registro{grid-template-columns:1fr}.campo-completo,.separador-formulario{grid-column:auto}.login-marca{bottom:18px;left:20px}.barra{min-height:72px}.barra nav{gap:8px}.barra .boton-mini{padding:9px;font-size:12px}.hero{padding-top:65px}.hero h1{font-size:47px}.maquina{transform-origin:0 0;width:650px;margin-bottom:-170px;transform:scale(.53)}.datos-rapidos{gap:15px}.datos-rapidos span{padding-right:15px}.presentacion,.estado-proyecto,.criterios,.rejilla-modulos,.pasos,.entregables,.doble-bloque{grid-template-columns:1fr}.estado-proyecto .boton{justify-self:start}.pasos article{border-bottom:1px solid #55705d;border-right:0;padding-bottom:28px}footer{flex-direction:column}.encabezado-modulo{min-height:350px;padding-top:60px;padding-bottom:60px}.encabezado-modulo h1{font-size:43px}}