:root{--bg: #F2F4F8;--marco: #FCFCFD;--panel: #FFFFFF;--borde: #E2E7EE;--borde-sutil: #ECEFF4;--borde-dashed: #C9D3E0;--tinta: #17263D;--tinta-2: #4A5B75;--muted: #8A97A9;--buk: #1E5DA8;--buk-hover: #17406F;--buk-suave: #EDF3FB;--naranja: #F07818;--naranja-texto: #B85A0A;--naranja-borde: #F0A868;--naranja-fondo: #FFF8F1;--verde: #2F7D2A;--verde-fondo: #EDF6EC;--wsp-burbuja: #E4F3E2;--wsp-mic: #3BA935;--amarillo: #8A6800;--amarillo-fondo: #FCF4DC;--sans: "Archivo", "Helvetica Neue", Arial, sans-serif;--serif: "Newsreader", Georgia, serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--sans);color:var(--tinta);-webkit-font-smoothing:antialiased}a{color:var(--buk);text-decoration:none}a:hover{color:var(--buk-hover);text-decoration:underline}button{font-family:var(--sans)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.overline{letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.dot--buk{background:var(--buk)}.dot--contado{background:var(--naranja)}.aro{width:8px;height:8px;border-radius:50%;border:1.5px dotted var(--muted);flex:none}.gcard{background:var(--panel);border:1px solid var(--borde);border-radius:14px;padding:20px 20px 16px;display:flex;flex-direction:column;min-height:520px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.gcard:hover{border-color:var(--buk);box-shadow:0 10px 28px #17263d14}.buscador{width:100%;padding:9px 14px 9px 36px;border:1px solid var(--borde);border-radius:999px;background:var(--panel);font-family:var(--sans);font-size:13px;color:var(--tinta);outline:none}.buscador:focus{border-color:var(--buk)}.buscador::placeholder{color:var(--muted)}.chip{font-size:12.5px;padding:6px 13px;border-radius:999px;cursor:pointer;background:var(--panel);color:var(--tinta-2);border:1px solid var(--borde)}.chip--activo{background:var(--buk);color:#fff;border-color:var(--buk)}.btn-outline{width:100%;padding:10px 0;border-radius:9px;border:1px solid var(--buk);background:var(--panel);color:var(--buk);font-size:13.5px;font-weight:500;cursor:pointer}.btn-outline:hover{background:var(--buk-suave)}.qcard{border:1.5px dashed var(--borde-dashed);border-radius:10px;padding:10px 14px}.navlink{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em}.navlink:hover{color:var(--buk);text-decoration:none}