:root{--fondo:#16181b;--tarjeta:#1e2126;--texto:#f4f5f6;--texto-suave:#c7c9cc;--texto-tenue:#9aa0a6;--pie:#6b7076;--acento:#7f9599;--acento-fondo:rgba(127,149,153,.12);--acento-borde:rgba(127,149,153,.35);--borde:hsla(0,0%,100%,.08);--borde-suave:hsla(0,0%,100%,.15);--boton-fondo:#2a3a3d;--progreso-fondo:#262a30}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--fondo);color:var(--texto);font-family:Poppins,Segoe UI,Arial,sans-serif}a{color:inherit}.contenedor{max-width:720px;margin:0 auto;padding:32px 20px 80px}.marca{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--acento);margin-bottom:4px}.marca,.titulo{font-weight:600}.titulo{color:var(--texto);font-size:26px;margin:0 0 8px}.subtitulo{color:var(--texto-tenue);font-size:15px;margin:0 0 24px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:24px;margin-bottom:16px}.callout{background:var(--acento-fondo);border-left:4px solid var(--acento);border-radius:6px;padding:16px 18px;margin:16px 0 24px;font-size:14px;line-height:1.5;color:var(--texto-suave)}.capacidad-nombre{color:var(--acento);font-weight:600;font-size:15px;margin:32px 0 4px}.item-texto{font-size:15px;line-height:1.5;margin:0 0 12px;color:var(--texto)}.escala{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.escala-opcion{border:1px solid var(--borde-suave);border-radius:8px;padding:10px 4px;text-align:center;font-size:12px;cursor:pointer;background:transparent;color:var(--texto-suave);transition:border-color .15s ease,background .15s ease}.escala-opcion span{display:block;font-size:16px;font-weight:600;color:var(--texto);margin-bottom:2px}.escala-opcion.activa{border-color:var(--acento);background:var(--acento-fondo)}.barra-progreso{height:4px;background:var(--progreso-fondo);border-radius:999px;overflow:hidden;margin-bottom:24px}.barra-progreso>div{height:100%;background:var(--acento);border-radius:999px;transition:width .2s ease}textarea{width:100%;min-height:90px;background:var(--fondo);border:1px solid var(--borde-suave);border-radius:8px;padding:10px 12px;font-size:14px;resize:vertical}button.boton-primario,textarea{font-family:inherit;color:var(--texto)}button.boton-primario{background:var(--boton-fondo);border:1px solid var(--acento-borde);border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer}button.boton-primario:disabled{background:var(--progreso-fondo);border-color:var(--borde);color:var(--pie);cursor:not-allowed}button.boton-secundario{background:transparent;color:var(--texto-suave);border:1px solid var(--borde-suave);border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.pie{margin-top:48px;font-size:12px;color:var(--pie);text-align:center}.error{color:#e5877e;font-size:14px;margin-top:12px}