.puerta{min-height:100vh;display:flex}.lado{flex:.95 1;background:var(--navy);color:#fff;padding:52px 48px;display:flex;flex-direction:column;justify-content:center}.lado .logo-wro.grande{height:64px;margin:0 0 10px;align-self:flex-start}.lado .pais{font-family:Russo One,sans-serif;font-size:30px;color:#fff;letter-spacing:.02em;line-height:1.1}.lado .lema{font-size:16px;color:#cfe0ee;margin-top:16px;max-width:420px;line-height:1.6}.lado .datos{display:flex;gap:30px;margin-top:36px;flex-wrap:wrap}.lado .datos div{font-size:12.5px;color:#a8bdd4}.lado .datos b{display:block;font-family:Russo One,sans-serif;font-weight:400;font-size:25px;color:#fff}.lado .nota{margin-top:auto;padding-top:34px;font-size:12px;color:#a8bdd4;max-width:430px}.lado .nota b{color:#fff;font-weight:600}.lado .cinta-wro{margin-top:22px;max-width:430px;border-radius:99px;overflow:hidden}.panel{flex:1.05 1;background:var(--bg);padding:40px 34px;overflow-y:auto;display:flex;align-items:center}.caja{width:100%;max-width:560px;margin:0 auto}.caja h1{font-family:Russo One,sans-serif;font-weight:400;font-size:21px;color:var(--navy)}.caja .ay{font-size:13.5px;color:var(--muted);margin:6px 0 20px}.caja .demo{display:inline-flex;align-items:center;gap:7px;background:var(--alerta-fondo);color:var(--alerta);border-radius:99px;padding:4px 12px;font-weight:600;font-size:11.5px;margin-bottom:14px}.roles{flex-direction:column;gap:10px}.rol,.roles{display:flex}.rol{align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--line);border-left-width:4px;border-radius:14px;padding:14px 15px;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:.15s}.rol.abierto,.rol:hover{border-color:var(--aqua);box-shadow:0 6px 18px rgba(19,90,147,.13)}.rol .txt{display:flex;flex-direction:column;gap:1px}.rol .n{font-size:14.5px;color:var(--navy);line-height:1.35}.rol .n,.rol .q{display:block;font-weight:600}.rol .q{font-size:11px;color:var(--aqua);text-transform:uppercase;letter-spacing:.04em}.rol .d{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}.eleccion{padding:12px 15px 15px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;margin-top:-4px}.eleccion>button{margin-top:10px;width:100%;font-family:inherit;font-size:13.5px;font-weight:600;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:11px;cursor:pointer}.eleccion>button:hover{background:#072944}.eleccion>button:disabled{background:var(--bg);color:var(--muted);border:1px solid var(--line);cursor:default}.lista-cabeza{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}.lista-titulo{font-size:12px;font-weight:600;color:var(--navy)}.lista-cuenta{font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lista-filtro{width:100%;font-family:inherit;font-size:13.5px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);margin-bottom:8px}.lista-filtro:focus{outline:0;border-color:var(--aqua)}.lista{max-height:252px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.lista .fila{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;cursor:pointer;border-bottom:1px solid var(--line)}.lista .fila:last-child{border-bottom:0}.lista .fila[hidden]{display:none}.lista .fila:hover{background:var(--bg)}.lista .fila.elegida{background:var(--aqua-fondo)}.lista .fila input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;margin:2px 0 0;width:16px;height:16px;border:2px solid #c9cedd;border-radius:50%;background:#fff;cursor:pointer}.lista .fila input:checked{border-color:var(--aqua);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 9px var(--aqua)}.lista .fila input:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.lista .fila-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.lista .fila-n{font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.35}.lista .fila.elegida .fila-n{color:var(--aqua)}.lista .fila-s{font-size:11.5px;color:var(--muted)}.lista-vacia{font-size:12.5px;color:var(--muted);padding:12px 11px;line-height:1.5;margin:0}.legal{font-size:11.5px;color:var(--muted);text-align:center;margin-top:22px}.legal a{color:var(--aqua);font-weight:600}@media (max-width:900px){.puerta{flex-direction:column}.lado{padding:30px 22px}.lado .logo-wro.grande{height:44px}.lado .pais{font-size:22px}.lado .lema{font-size:14px}.lado .nota{display:none}.panel{padding:24px 16px 40px}}