:root{--negro:#000;--blanco:#fff;--gris:#898b8e;--azul:#1b75bc;--fondo:#0a0a0a;--superficie:#141415;--superficie-2:#1f1f21;--borde:#ffffff24;--verde:#009f4f;--amarillo:#e9be05;--rojo:#d9534f;--fuente:"Helvetica Neue", Helvetica, Arial, sans-serif;--margen:clamp(1rem, 4vw, 3rem)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fondo);color:var(--blanco);font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600}h2{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}p{margin:0 0 .75rem}small{color:var(--gris);font-size:.82rem;display:block}a{color:inherit;text-decoration:none}.tenue{color:var(--gris)}.pequeno{font-size:.82rem}.error{color:#ff8a85}.marco{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.lateral{border-right:1px solid var(--borde);background:var(--negro);flex-direction:column;height:100vh;padding:1.75rem 1.25rem;display:flex;position:sticky;top:0}.marca{margin-bottom:2rem;display:block}.marca span{color:var(--gris);margin-top:.4rem;font-size:.75rem;display:block}.marca--grande{margin-bottom:1.5rem}.marca img{width:100%;max-width:190px;height:auto;display:block}.marca--grande img{max-width:280px}.menu{flex-direction:column;flex:1;gap:.15rem;display:flex}.menu__enlace{color:var(--gris);border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.95rem;display:flex}.menu__enlace:hover{background:var(--superficie);color:var(--blanco)}.menu__enlace.active{background:var(--superficie-2);color:var(--blanco);box-shadow:inset 3px 0 0 var(--azul)}.insignia{background:var(--azul);color:var(--blanco);border-radius:999px;padding:.05rem .5rem;font-size:.72rem}.perfil{border-top:1px solid var(--borde);padding-top:1rem}.perfil__nombre{font-weight:600}.perfil__rol{color:var(--gris);margin-bottom:.5rem;font-size:.8rem}.contenido{padding:1.25rem var(--margen) 4rem;width:100%;max-width:1100px}.aviso-demo{color:var(--amarillo);background:#e9be051a;border:1px solid #e9be0559;border-radius:8px;margin-bottom:1.5rem;padding:.45rem .8rem;font-size:.8rem}.salir-movil{color:var(--amarillo);margin-left:.75rem;text-decoration:underline;display:none}.encabezado{margin-bottom:1.5rem}.encabezado--fila{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.tarjeta__cabeza{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.tarjeta__cabeza h2{margin:0}.dos-columnas{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dos-columnas .tarjeta{margin-bottom:0}.saldos{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.saldos .tarjeta{margin-bottom:0}.saldo{flex-direction:column;gap:.35rem;display:flex}.saldo__etiqueta{color:var(--gris);font-size:.85rem}.saldo__valor{font-size:2.6rem;font-weight:600;line-height:1}.saldo__valor small{color:var(--gris);font-size:1rem;font-weight:400;display:inline}.enlace{color:var(--azul);font-size:.88rem}.enlace:hover{text-decoration:underline}.fila{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.fila:first-of-type{border-top:0}.fila--nueva{justify-content:flex-start;align-items:flex-start}.fila--accion{flex-wrap:wrap;align-items:flex-start}.acciones{gap:.5rem;display:flex}.punto{background:var(--azul);border-radius:50%;flex:none;width:8px;height:8px;margin-right:.6rem;display:inline-block}.fila--nueva .punto{margin-top:.5rem}.estado{white-space:nowrap;border:1px solid;border-radius:999px;padding:.2rem .65rem;font-size:.75rem}.estado--pendiente{color:var(--amarillo);border-color:#e9be0580}.estado--aprobada{color:#3ccf82;border-color:#3ccf8280}.estado--rechazada{color:#ff8a85;border-color:#ff8a8580}.lista .tarjeta{padding:0;overflow:hidden}.comunicado--nuevo{border-color:#1b75bc99}.comunicado__cabeza{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.comunicado__cabeza strong{display:block}.comunicado__cuerpo{color:#d8d8d9;margin:0;padding:0 1.25rem 1.25rem}.flecha{color:var(--gris);font-size:1.4rem}.etiqueta{background:var(--azul);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-right:.5rem;padding:.1rem .5rem;font-size:.68rem}.formulario{flex-direction:column;gap:.9rem;display:flex}.formulario label{color:var(--gris);flex-direction:column;flex:1;gap:.35rem;font-size:.85rem;display:flex}.formulario .casilla{flex-direction:row;align-items:center;gap:.5rem}.fila-campos{flex-wrap:wrap;gap:.75rem;display:flex}input,select,textarea{background:var(--fondo);color:var(--blanco);border:1px solid var(--borde);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;width:100%;padding:.65rem .8rem}input[type=checkbox]{width:auto}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul);outline-offset:1px}.boton{background:var(--superficie-2);color:var(--blanco);border:1px solid var(--borde);font:inherit;cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-size:.9rem}.boton:hover{border-color:var(--gris)}.boton:disabled{opacity:.4;cursor:not-allowed}.boton--primario{background:var(--azul);border-color:var(--azul)}.boton--primario:hover{background:#2686d1;border-color:#2686d1}.boton--enlace{color:var(--azul);background:0 0;border:0;padding:0}.pestanas{border-bottom:1px solid var(--borde);gap:.25rem;margin-bottom:1.25rem;display:flex;overflow-x:auto}.pestana{color:var(--gris);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:.6rem 1rem}.pestana--activa{color:var(--blanco);border-bottom-color:var(--azul)}.exito{padding:.5rem 0 0}.login{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login__caja{width:100%;max-width:420px}.demo{border:1px dashed #e9be0573;border-radius:12px;margin-top:2rem;padding:1rem}.demo__titulo{color:var(--amarillo);margin-bottom:.6rem;font-size:.8rem}.demo__lista{flex-direction:column;gap:.5rem;display:flex}.demo__lista .boton{text-align:left;justify-content:space-between;display:flex}.demo__lista small{display:inline}@media (width<=800px){.marco{grid-template-columns:1fr}.lateral{z-index:10;border-right:0;border-top:1px solid var(--borde);flex-direction:row;height:auto;padding:.4rem .5rem;position:fixed;inset:auto 0 0}.lateral .marca,.lateral .perfil{display:none}.menu{flex-direction:row;justify-content:space-around;gap:0}.menu__enlace{text-align:center;flex-direction:column;flex:1;gap:.1rem;padding:.45rem .4rem;font-size:.7rem}.menu__enlace.active{box-shadow:inset 0 3px 0 var(--azul)}.contenido{padding-bottom:6rem}.salir-movil{display:inline}.saldos,.dos-columnas{grid-template-columns:1fr}}h2{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.6rem;font-size:.8rem;font-weight:600;display:flex}h2:before{content:"";background:var(--azul);flex:none;width:8px;height:8px}.sobretitulo{text-transform:uppercase;letter-spacing:.22em;color:#fffc;font-size:.75rem}.portada{border-radius:14px;align-items:flex-end;min-height:220px;margin-bottom:1rem;display:flex;position:relative;overflow:hidden}.portada__velo{background:linear-gradient(90deg,#000000d9 0%,#00000059 60%,#0000001a 100%);position:absolute;inset:0}.portada__texto{padding:1.75rem;position:relative}.portada__texto h1{margin:.3rem 0 .2rem}.portada__texto p{color:#ffffffd9;margin:0}.avatar{background:var(--azul);color:var(--blanco);letter-spacing:.02em;object-fit:cover;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.perfil__fila{align-items:center;gap:.7rem;margin-bottom:.5rem;display:flex}.perfil__fila .perfil__rol{margin-bottom:0}.fila__texto{flex:1;min-width:0}.fila--accion .fila__texto{flex:14rem}.fila--accion .avatar,.fila .avatar{margin-right:-.3rem}.tarjeta{transition:border-color .2s,transform .2s}.saldo:hover,.dos-columnas .tarjeta:hover{border-color:#1b75bcb3}.menu__enlace{transition:background .2s,color .2s}.boton{transition:border-color .2s,background .2s}.contenido>*{animation:.35s both entrar}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.contenido>*{animation:none}}.login{grid-template-columns:1fr 1.1fr;place-items:stretch stretch;padding:0}.login__foto{order:2;align-items:flex-end;display:flex;position:relative;overflow:hidden}.login__velo{background:linear-gradient(#0000001a 40%,#000c);position:absolute;inset:0}.login__frase{letter-spacing:.04em;white-space:nowrap;margin:0;padding:2.5rem;font-size:clamp(1rem,1.9vw,1.4rem);position:relative}.login__panel{background:var(--fondo);place-items:center;padding:2rem 1.5rem;display:grid}@media (width<=800px){.login{grid-template-columns:1fr}.login__foto{order:0;min-height:140px}.login__frase{display:none}}.fondo{position:absolute;inset:0}.fondo__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.fondo__img--activa{opacity:1}.portada__velo,.login__velo{z-index:1}.portada__texto,.login__frase{z-index:2}.perfil-cabeza{align-items:center;gap:1rem;display:flex}.perfil-cabeza h1,.perfil-cabeza p{margin:0}.galeria{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.galeria__foto{cursor:pointer;aspect-ratio:16/10;background:0 0;border:2px solid #0000;border-radius:10px;padding:0;transition:border-color .2s;position:relative;overflow:hidden}.galeria__foto img{object-fit:cover;width:100%;height:100%;display:block}.galeria__foto:hover{border-color:var(--gris)}.galeria__foto--activa,.galeria__foto--activa:hover{border-color:var(--azul)}.galeria__marca{background:var(--azul);color:var(--blanco);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.1rem .5rem;font-size:.7rem;position:absolute;bottom:.5rem;left:.5rem}@media (width<=800px){.galeria{grid-template-columns:repeat(2,1fr)}}