:root{--fondo: #f3f8f8;--superficie: #ffffff;--suave: #e2f2f0;--tinta: #0a1f33;--apagado: #476072;--linea: #d6e4e5;--marca: #0a7b73;--marca-texto: #ffffff;--acento: #f5a524;--error-fondo: #fdecec;--error-tinta: #8a1c1c;--aviso-fondo: #e6f4f1;--aviso-tinta: #0b4f49;--sombra: 0 24px 60px -36px rgba(10, 31, 51, .45);--radio: 14px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]){--fondo: #07141f;--superficie: #0d2231;--suave: #0f3039;--tinta: #e8f4f3;--apagado: #9db6bc;--linea: #1a3a46;--error-fondo: #3a1717;--error-tinta: #ffc9c9;--aviso-fondo: #0f3039;--aviso-tinta: #bff0ea;--sombra: 0 24px 60px -36px rgba(0, 0, 0, .7)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.55}h1{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);line-height:1.2;margin:0 0 .4rem;letter-spacing:-.01em}h2{font-size:1.15rem;margin:0 0 .4rem}p{margin:0 0 .9rem}a{color:inherit}:focus-visible{outline:3px solid var(--acento);outline-offset:2px;border-radius:6px}.marco{min-height:100dvh;display:flex;flex-direction:column}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem max(16px,4vw);background:var(--superficie);border-bottom:3px solid var(--marca)}.marca{display:flex;align-items:center;gap:.6rem;min-width:0}.marca-logo{width:36px;height:36px;object-fit:contain;border-radius:8px}.marca-nombre{font-weight:700;font-size:1.05rem;overflow-wrap:anywhere}.acciones{display:flex;gap:1.1rem;flex-wrap:wrap}.contenido{flex:1;width:100%;max-width:960px;margin:0 auto;padding:clamp(20px,5vw,48px) max(16px,4vw)}.pie{text-align:center;color:var(--apagado);font-size:.85rem;padding:1.2rem 16px 1.6rem}.apoyo{color:var(--apagado);margin-bottom:1.4rem;max-width:60ch}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:clamp(20px,4vw,32px);box-shadow:var(--sombra)}.ingreso{max-width:440px;margin:0 auto}label{display:block;font-weight:600;margin:1rem 0 .35rem}input{width:100%;font:inherit;color:inherit;background:var(--fondo);border:1.5px solid var(--linea);border-radius:10px;padding:.7rem .85rem;min-height:46px}input:focus{border-color:var(--marca)}.campo-clave{position:relative}.campo-clave input{padding-right:5.5rem}.campo-clave .enlace{position:absolute;right:.4rem;top:50%;transform:translateY(-50%)}.ayuda{color:var(--apagado);font-size:.88rem;margin:.35rem 0 0}.boton{width:100%;margin-top:1.3rem;font:inherit;font-weight:700;cursor:pointer;background:var(--marca);color:var(--marca-texto);border:0;border-radius:10px;padding:.8rem 1rem;min-height:48px}.boton:hover:not(:disabled){filter:brightness(.93)}.boton:disabled{opacity:.65;cursor:progress}.enlace{font:inherit;background:none;border:0;padding:.4rem .2rem;cursor:pointer;color:var(--marca);font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:40px}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]) .enlace{color:color-mix(in srgb,var(--marca) 55%,white)}}.secundario{margin:1rem 0 0;text-align:center}.nota{color:var(--apagado);font-size:.9rem;margin:.6rem 0 0;text-align:center}.mensaje{margin-top:1rem;padding:.7rem .9rem;border-radius:10px;font-size:.95rem}.mensaje[hidden]{display:none}.mensaje.error{background:var(--error-fondo);color:var(--error-tinta)}.mensaje.aviso{background:var(--aviso-fondo);color:var(--aviso-tinta)}.rejilla{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.opcion,.modulo{display:flex;flex-direction:column;gap:.2rem;width:100%;height:100%;text-align:left;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem 1.15rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.opcion:hover,.modulo:hover{border-color:var(--marca);box-shadow:var(--sombra);transform:translateY(-2px)}.opcion-titulo{font-weight:700;font-size:1.05rem}.opcion-rol{color:var(--marca);font-weight:700}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]) .opcion-rol{color:color-mix(in srgb,var(--marca) 55%,white)}}.opcion-detalle{color:var(--apagado);font-size:.9rem}.modulo-inicial{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;margin-bottom:.5rem;background:var(--marca);color:var(--marca-texto);font-weight:800;font-size:1.2rem}.modulo-nombre{font-weight:700;font-size:1.1rem}.modulo-desc{color:var(--apagado);font-size:.92rem;flex:1}.modulo-accion{margin-top:.7rem;font-weight:700;color:var(--marca)}@media (prefers-color-scheme: dark){:root:not([data-tema=claro]) .modulo-accion{color:color-mix(in srgb,var(--marca) 55%,white)}}.modulo.apagado{cursor:default;opacity:.7}.modulo.apagado:hover{transform:none;box-shadow:none;border-color:var(--linea)}.modulo.apagado .modulo-accion{color:var(--apagado)}.vacio{background:var(--suave);border-radius:var(--radio);padding:1.3rem;max-width:60ch}.visualmente-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{transition:none!important}}