*{box-sizing:border-box;margin:0;padding:0}:root{--fondo:#f2f4f8;--texto:#1c2733;--texto-suave:#6b7887;--borde:#e1e6ec;--borde-suave:#eef1f5;--azul:#1f5eff;--azul-oscuro:#1747c4;--violeta:#7a3ff2;--violeta-oscuro:#5b2bc4;--rojo:#c22f2f;--rojo-fondo:snow;--rojo-borde:#eec3c3;--verde:#147a3d;--verde-fondo:#f0faf3;--verde-borde:#bfe4cc;--amarillo:#9a7413;--amarillo-fondo:#fffdf5;--amarillo-borde:#ecd9a4;--gris:#4a5764;--gris-fondo:#f0f2f6;--gris-borde:#d4dbe4;--mono:"SF Mono", "Menlo", monospace}html,body{min-height:100%}body{background:var(--fondo);color:var(--texto);flex-direction:column;min-height:100vh;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.encabezado{border-bottom:1px solid var(--borde);background:#fff;flex-shrink:0;align-items:center;gap:14px;padding:14px 32px;display:flex}.encabezado .logo{background:var(--azul);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.encabezado h1{font-size:19px;font-weight:650}.encabezado .subtitulo{color:var(--texto-suave);margin-left:auto;font-size:13px}@media (max-width:720px){.encabezado{flex-wrap:wrap;padding:12px 16px}.encabezado .subtitulo{width:100%;margin-left:0}}