:root{color-scheme:light;--azul:#133e5b;--tinta:#203f52;--muted:#5e7989;--amarillo:#eeed3a;--fondo:#f3f8f9}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b48000;outline-offset:5px}.saltar{position:fixed;top:-100px;left:16px;padding:12px 18px;background:white;color:var(--azul);z-index:10}.saltar:focus{top:16px}
.acceso-layout{display:grid;grid-template-columns:56% 44%;min-height:100vh;min-height:100svh}.presentacion{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:40px 48px 28px;color:white;background:linear-gradient(137deg,#203f47 0%,#123854 32%,#153f5d 72%,#1b5268 100%)}.presentacion:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(136deg,transparent 47.9%,#ffffff05 48%,transparent 48.4%)}.marca{display:flex;align-items:center;gap:20px;text-decoration:none;width:fit-content}.escudo{width:94px;height:94px;display:grid;place-items:center;flex-shrink:0;background:white;border-radius:24px;box-shadow:0 8px 25px #0000000a}.escudo img{object-fit:contain;max-width:82%;max-height:82%}.nombre-colegio{display:block;color:var(--amarillo);font-weight:800;font-size:15px;letter-spacing:3px;line-height:1.5}.submarca{display:block;margin-top:7px;color:#bdd1dc;font-size:17px;font-weight:600}.mensaje-portada{position:relative;margin:auto 0;padding:66px 0 64px;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:2px;color:var(--amarillo);margin:0 0 22px}.mensaje-portada h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.2vw,86px);letter-spacing:-2.8px;line-height:1.05;font-weight:700;margin:0 0 30px;max-width:810px}.descripcion{font-size:18px;line-height:1.85;margin:0;color:#edf4f8;max-width:630px}.perfiles{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:32px 0 0}.perfiles li{background:#ffffff0e;border:1px solid #a9c9da38;border-radius:24px;padding:8px 14px;color:#c6dbe8;font-size:11px;font-weight:700;letter-spacing:.8px}.pie-presentacion{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #bcd4e64d;padding-top:20px;position:relative;z-index:1;font-size:11px;color:#b7cedd;letter-spacing:.4px}.marca-agua{position:absolute;bottom:-90px;right:-20px;z-index:-1;font-family:Georgia,serif;font-size:360px;line-height:1;font-weight:bold;letter-spacing:-35px;color:#70a4b814;pointer-events:none}
.panel-ingreso{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(32px,5.2vw,96px) 30px;position:relative;min-width:0}.ingreso-contenido{width:100%;max-width:510px;margin:auto}.insignia{display:inline-flex;align-items:center;gap:9px;background:#e3eff2;color:#35677a;padding:8px 13px;border-radius:24px;letter-spacing:1.3px;font-size:11px;font-weight:800}.panel-ingreso h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,4vw,65px);line-height:1.04;letter-spacing:-1.7px;color:#183c52;margin:24px 0 21px}.intro-ingreso{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 29px;max-width:460px}.cuenta-institucional{border-left:3px solid #b8d0db;padding:3px 0 5px 17px;margin:0 0 28px}.etiqueta-cuenta{display:block;font-size:10px;color:#718796;font-weight:700;letter-spacing:1.5px;margin-bottom:8px}.cuenta-institucional strong{font-size:16px;overflow-wrap:anywhere;font-weight:600}.instruccion{font-size:13px;font-weight:600;color:#35556b;margin:0 0 14px}#google-button{min-height:44px;width:100%;max-width:400px}.mensaje-acceso{font-size:13px;line-height:1.6;min-height:22px;color:#4e6e7f;margin:14px 0 0}.mensaje-acceso.error{color:#9b361d}.nota-perfil{font-size:12px;line-height:1.8;color:#64808f;display:flex;gap:10px;margin:18px 0 32px}.nota-perfil svg{flex-shrink:0;margin-top:2px}.ayuda{border-top:1px solid #d4e2e7;padding-top:25px;font-size:12px;line-height:1.7;color:#6b8593;margin-bottom:27px}.ayuda p{color:#36576a;font-weight:600;margin:0 0 3px}.volver{font-size:12px;font-weight:600;text-decoration:none;color:#456d81;display:inline-flex;gap:9px;align-items:center}.volver:hover{text-decoration:underline}.pie-ingreso{font-size:9px;letter-spacing:1.5px;color:#849aa6;display:block;text-align:center;margin-top:48px}.aviso{font-size:14px;line-height:1.7;color:#6f5423;background:#fff5df;border:1px solid #e5d5ad;border-radius:9px;padding:15px}.entrada-puente{min-height:100vh;display:grid;place-items:center}.puente{text-align:center;max-width:460px;padding:32px}.puente img{object-fit:contain}.puente .eyebrow{justify-content:center;color:var(--azul);margin-top:24px}.puente h1{font-family:Georgia,serif;font-size:48px;margin:15px 0}
@media(min-width:1600px){.presentacion{padding-left:64px;padding-right:64px}.mensaje-portada h1{font-size:91px}}@media(max-width:1050px){.presentacion{padding:30px}.marca{gap:14px}.escudo{width:74px;height:74px;border-radius:19px}.nombre-colegio{font-size:12px;letter-spacing:2px}.submarca{font-size:14px}.mensaje-portada h1{font-size:57px}.descripcion{font-size:16px}.panel-ingreso{padding:48px 32px 24px}.cuenta-institucional strong{font-size:14px}}@media(max-width:740px){.acceso-layout{grid-template-columns:1fr}.presentacion{padding:25px 24px 30px}.marca{gap:14px}.escudo{width:64px;height:64px;border-radius:17px}.nombre-colegio{font-size:11px;letter-spacing:2px}.submarca{font-size:13px}.mensaje-portada{padding:35px 0 5px}.eyebrow{font-size:10px;margin-bottom:15px;letter-spacing:1.4px}.mensaje-portada h1{font-size:47px;letter-spacing:-1.8px;margin-bottom:18px}.descripcion{font-size:14px;line-height:1.8}.salto-escritorio{display:none}.perfiles{margin-top:21px;gap:7px}.perfiles li{font-size:9px;padding:7px 10px}.pie-presentacion{display:none}.marca-agua{font-size:245px;bottom:-55px;right:5px;letter-spacing:-25px}.panel-ingreso{padding:38px 24px 23px}.ingreso-contenido{max-width:480px}.panel-ingreso h2{font-size:47px;margin:20px 0 15px}.panel-ingreso h2 br{display:none}.intro-ingreso{font-size:14px;line-height:1.75;margin-bottom:24px}.cuenta-institucional{margin-bottom:24px}.nota-perfil{margin-bottom:25px}.ayuda{padding-top:22px;margin-bottom:23px}.pie-ingreso{margin-top:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}