:root{--verde-bosque: #063e2b;--verde-medio: #1e7a4f;--verde-claro: #a9cdbc;--naranja: #c86214;--naranja-claro: #e8a04a;--base-clara: #f7f5f0;--blanco: #ffffff;--borde: #e6e2d8;--texto: #1a2e26;--texto-suave: #5a6b62;--verde-ok: #2d8a5f;--gris-espera: #b9b4a6;--rojo-error: #b3492f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--texto)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-clara)}.pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 50% 0%,rgba(30,122,79,.08),transparent 55%),var(--base-clara)}.tarjeta{background:var(--blanco);border:.5px solid var(--borde);border-radius:16px;max-width:460px;width:100%;overflow:hidden;box-shadow:0 18px 44px -28px #063e2b66}.barra-superior{height:5px;background:var(--verde-bosque)}.contenido{padding:2.5rem 2rem;text-align:center}.logo{width:220px;max-width:80%;height:auto;margin-bottom:1.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:500;color:var(--naranja);margin-bottom:.9rem}.titulo{font-size:1.7rem;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--texto);margin-bottom:.8rem}.subtitulo{font-size:.95rem;line-height:1.6;color:var(--texto-suave);margin-bottom:1.9rem}.estado{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-size:.82rem;background:#eef4f0;border:.5px solid #d4e2da}.estado__punto{width:8px;height:8px;border-radius:50%;background:var(--gris-espera)}.estado--conectado .estado__punto{background:var(--verde-ok)}.estado--sin-conexion .estado__punto{background:var(--rojo-error)}.estado--conectado .estado__texto{color:var(--verde-bosque)}.estado--sin-conexion .estado__texto{color:var(--rojo-error)}.formulario{text-align:left;margin-top:.5rem}.campo{display:block;margin-bottom:1.1rem}.campo__etiqueta{display:block;font-size:.8rem;font-weight:500;color:var(--texto-suave);margin-bottom:.4rem}.campo input{width:100%;padding:.7rem .85rem;font-size:.95rem;font-family:inherit;color:var(--texto);background:var(--blanco);border:1px solid var(--borde);border-radius:9px;transition:border-color .15s,box-shadow .15s}.campo input:focus{outline:none;border-color:var(--verde-medio);box-shadow:0 0 0 3px #1e7a4f1f}.boton{width:100%;padding:.8rem 1rem;font-size:.95rem;font-weight:500;font-family:inherit;color:var(--blanco);background:var(--verde-bosque);border:none;border-radius:9px;cursor:pointer;transition:background .15s,opacity .15s;margin-top:.3rem}.boton:hover{background:#0a5238}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.6;cursor:default}.boton--secundario{background:var(--blanco);color:var(--verde-bosque);border:1px solid var(--borde);margin-top:1rem}.boton--secundario:hover{background:var(--base-clara)}.error{background:#fdecea;border:.5px solid #f5c4bd;color:var(--rojo-error);font-size:.85rem;padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem}