:root{--fondo:#f7f6f3;--superficie:#fff;--tinta:#1a1a18;--tinta-tenue:#5c5a54;--borde:#e2dfd6;--verde:#2e5e4e;--verde-claro:#ddebe4;--verde-tinta:#22503f;--ambar:#8a6d1f;--ambar-claro:#fbf1cf;--ambar-tinta:#6b4e06;--rojo:#7a2e17;--rojo-claro:#f7ded4;--azul-claro:#dceaf1;--azul-tinta:#2a5468;--violeta-claro:#e6e3f7;--violeta-tinta:#3e3585;--naranja-claro:#f8e6d6;--naranja-tinta:#7a4517;--gris-claro:#edeae2;--radio:12px;color:var(--tinta);background:var(--fondo);font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.titulo-display{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:30px;font-weight:600}.tenue{color:var(--tinta-tenue)}.derecha{text-align:right}.login{min-height:100vh;display:flex}.login__marca{width:40%;max-width:520px;color:var(--fondo);background:#1f2a26;flex-direction:column;justify-content:space-between;gap:32px;padding:72px 64px;display:flex}.login__marca .titulo-display{font-size:40px;line-height:1.15}.login__bajada{color:#c9d4cf;margin:0;line-height:1.6}.login__pie{color:#93a29c;margin:0;font-size:13px}.login__formulario{flex-direction:column;flex-grow:1;justify-content:center;gap:24px;max-width:560px;padding:72px 64px;display:flex}.marca{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.marca svg{color:#8fb9a8}.formulario{flex-direction:column;gap:8px;display:flex}.formulario label{margin-top:12px;font-size:14px;font-weight:500}.formulario input{height:48px;font:inherit;background:var(--superficie);border:1px solid #d5d2c9;border-radius:8px;padding:0 14px;font-size:15px}.formulario input:focus-visible{outline:2px solid var(--verde);outline-offset:1px}.app{min-height:100vh}.barra{color:var(--fondo);background:#1f2a26;justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.barra .marca{color:inherit;text-decoration:none}.barra__derecha{align-items:center;gap:16px;font-size:14px;display:flex}.barra .tenue{color:#a9b6b1}.contenido{gap:24px;max-width:1120px;margin:0 auto;padding:32px;display:grid}.contenido--ancho{max-width:none;padding:0}.bandeja{grid-template-columns:220px minmax(280px,380px) 1fr;height:calc(100vh - 62px);min-height:480px;display:grid}.bandeja__vistas{border-right:1px solid var(--borde);align-content:start;gap:4px;padding:20px 12px;display:grid}.vista{width:100%;font:inherit;color:var(--tinta);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.vista:hover{background:var(--gris-claro)}.vista--activa{background:var(--verde-claro);color:var(--verde-tinta);font-weight:600}.vista__cuenta{font-variant-numeric:tabular-nums;color:var(--tinta-tenue);font-size:12px}.bandeja__lista{border-right:1px solid var(--borde);background:var(--superficie);overflow-y:auto}.bandeja__lista ul{margin:0;padding:0;list-style:none}.bandeja__vacia{margin:0;padding:24px}.fila{width:100%;font:inherit;color:inherit;text-align:left;border:none;border-bottom:1px solid var(--borde);cursor:pointer;background:0 0;gap:6px;padding:14px 18px;display:grid}.fila:hover{background:var(--fondo)}.fila--activa{background:var(--verde-claro)}.fila__arriba{justify-content:space-between;gap:12px;display:flex}.fila__arriba strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fila__cuando{white-space:nowrap;font-size:12px}.fila__texto{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.fila__chips{gap:6px;display:flex}.chip{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.chip--ambar{background:var(--ambar-claro);color:var(--ambar-tinta)}.chip--verde{background:var(--verde-claro);color:var(--verde-tinta)}.chip--gris{background:var(--gris-claro);color:var(--tinta-tenue)}.bandeja__hilo{flex-direction:column;min-width:0;display:flex}.hilo__cabecera{border-bottom:1px solid var(--borde);background:var(--superficie);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.hilo__cabecera h2{margin:0;font-size:18px}.hilo__cabecera p{margin:4px 0 0;font-size:14px}.hilo__acciones{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hilo__error{margin:12px 24px 0}.hilo__mensajes{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex;overflow-y:auto}.burbuja{border-radius:14px;max-width:min(560px,80%);padding:10px 14px;line-height:1.5}.burbuja p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.burbuja--entrante{background:var(--superficie);border:1px solid var(--borde);border-bottom-left-radius:4px;align-self:flex-start}.burbuja--saliente{background:var(--verde-claro);border-bottom-right-radius:4px;align-self:flex-end}.burbuja--sin-texto p{color:var(--tinta-tenue);font-style:italic}.burbuja__pie{color:var(--tinta-tenue);margin-top:4px;font-size:12px;display:block}.hilo__pie{border-top:1px solid var(--borde);background:var(--superficie);padding:14px 24px;font-size:14px}.hilo__pie p{margin:0}.hilo__pie p+p{margin-top:4px}.ventana{color:var(--ambar-tinta)}.ventana+*{margin-top:10px}.redactor{gap:8px;display:grid}.redactor textarea{width:100%;font:inherit;resize:vertical;background:var(--superficie);border:1px solid #d5d2c9;border-radius:8px;padding:10px 12px;font-size:15px;line-height:1.5}.redactor textarea:focus-visible{outline:2px solid var(--verde);outline-offset:1px}.redactor__pie{justify-content:space-between;align-items:center;gap:12px;display:flex}.redactor__pie .error{margin:0}.redactor__vista{background:var(--fondo);border:1px dashed #d5d2c9;border-radius:8px;margin:0;padding:10px 14px;line-height:1.5}.envio--leido{color:var(--verde-tinta);font-weight:500}.envio--fallido{color:var(--rojo);font-weight:500}.oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ventana--abierta{color:var(--verde-tinta)}.boton{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:0 18px;font-size:15px}.boton:disabled{opacity:.6;cursor:progress}.boton--principal{color:#fff;background:var(--verde);font-weight:600}.boton--principal:hover:not(:disabled){background:#24503f}.boton--secundario{color:var(--tinta);background:var(--superficie);border-color:#d5d2c9}.boton--texto{color:inherit;background:0 0;border:none;min-height:auto;padding:0;text-decoration:underline}.aviso{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta-tenue);padding:18px 20px;line-height:1.6}.aviso--error{color:var(--rojo);background:var(--rojo-claro);border-color:#e3bfae}.aviso--centrado{justify-items:start;gap:16px;max-width:520px;margin:80px auto;display:grid}.error{color:var(--rojo);margin:4px 0 0;font-size:14px}@media (width<=900px){.login{flex-direction:column}.login__marca{width:auto;max-width:none;padding:40px 24px}.login__formulario{padding:40px 24px}.contenido{padding:20px 16px}.contenido--ancho{padding:0}.bandeja{grid-template-columns:1fr;height:auto}.bandeja__vistas{border-right:none;border-bottom:1px solid var(--borde);padding:8px;display:flex;overflow-x:auto}.vista{white-space:nowrap;width:auto}.bandeja__lista{border-right:none;max-height:45vh}.bandeja__hilo{min-height:60vh}.hilo__cabecera{flex-direction:column;align-items:flex-start;padding:14px 16px}.hilo__mensajes,.hilo__pie{padding-left:16px;padding-right:16px}}