:root{--tinta: #12263f;--tenue: #5d7290;--linea: #d6e3f1;--borde: #d6e3f1;--fondo: #eaf3fb;--suave: #e1edf8;--panel: #ffffff;--acento: #1f6fc5;--acento-oscuro: #17569b;--acento-claro: #e4f0fc;--dorado: #7fc6ff;--ok: #15803d;--ok-fondo: #ecfdf3;--ok-borde: #b7ebc6;--alerta: #b45309;--alerta-fondo: #fffbeb;--alerta-borde: #fde68a;--error: #b91c1c;--error-fondo: #fef2f2;--error-borde: #fecaca;--radio: 12px;--radio-chico: 8px;--sombra: 0 1px 2px rgba(18, 38, 63, .05), 0 2px 8px rgba(18, 38, 63, .06);--lateral: 250px;--lateral-fondo: #1b4b85;--lateral-texto: #e6f0fb;--lateral-tenue: #a9c4e4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--tinta);font-size:15.5px;line-height:1.5}a{color:var(--acento)}a:focus-visible,button:focus-visible{outline:3px solid var(--dorado);outline-offset:2px}h1{font-size:24px;margin:0 0 4px;letter-spacing:-.01em;text-wrap:balance}h2{font-size:17.5px;margin:26px 0 12px}h3{font-size:15px;margin:18px 0 8px}.subtitulo{color:var(--tenue);margin:0 0 22px;font-size:14.5px;max-width:70ch}.app{display:flex;min-height:100vh}.lateral{width:var(--lateral);flex-shrink:0;background:var(--lateral-fondo);color:var(--lateral-texto);padding:22px 14px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.marca{display:flex;align-items:center;gap:11px;padding:0 6px}.marca .emblema{width:40px;height:40px;flex:none;border-radius:10px;background:#ffffff14;display:grid;place-items:center;color:var(--dorado)}.marca .nombre{font-weight:700;font-size:14.5px;line-height:1.25;color:#fff}.marca .nombre small{display:block;font-weight:400;color:var(--lateral-tenue);font-size:12px;margin-top:2px}.parroquia-actual{margin:18px 6px 0;padding:10px 12px;border-radius:var(--radio-chico);background:#ffffff12;border:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.35}.parroquia-actual small{display:block;color:var(--lateral-tenue);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.parroquia-actual select{width:100%;min-height:36px;padding:6px 8px;margin-top:2px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-size:13px}.parroquia-actual select option{color:var(--tinta);background:#fff}.nav{margin-top:18px;display:flex;flex-direction:column;gap:2px;flex:1}.nav .seccion{margin:14px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--lateral-tenue);font-weight:600}.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radio-chico);text-decoration:none;color:var(--lateral-texto);font-size:14.5px;border-left:3px solid transparent}.nav a svg{flex:none;opacity:.8}.nav a:hover{background:#ffffff12}.nav a.activo{background:#ffffff1f;color:#fff;font-weight:600;border-left-color:var(--dorado)}.nav a.activo svg{opacity:1}.pie-lateral{border-top:1px solid rgba(255,255,255,.1);margin-top:14px;padding-top:14px;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;flex:none;border-radius:50%;background:var(--dorado);color:#0f2d4f;font-weight:700;font-size:13px;display:grid;place-items:center}.pie-lateral .quien{flex:1;min-width:0;font-size:12.5px;color:var(--lateral-tenue);line-height:1.3}.pie-lateral .quien strong{display:block;color:#fff;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-lateral .salir{background:none;border:0;color:var(--lateral-tenue);padding:7px;min-height:auto;border-radius:6px}.pie-lateral .salir:hover:not(:disabled){background:#ffffff1a;color:#fff}.barra-superior{display:none}.contenido{flex:1;min-width:0;padding:30px 36px 60px;max-width:1180px}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px 22px;margin-bottom:18px;box-shadow:var(--sombra)}.tarjeta>h2:first-child{margin-top:0}.tabla-envoltura{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14.5px}th{text-align:left;padding:10px 12px;color:var(--tenue);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--linea);white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--linea);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--suave)}tr.fila-enlace{cursor:pointer}tr.fila-enlace:focus-visible{outline:3px solid var(--dorado);outline-offset:-3px}td.numero,th.numero{font-variant-numeric:tabular-nums}.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:13px;font-weight:600;color:#2c4664}.campo .ayuda,.ayuda{font-size:12.5px;color:var(--tenue);line-height:1.4}input,select,textarea{padding:10px 12px;border:1px solid #bfd2e6;border-radius:var(--radio-chico);font-size:15px;font-family:inherit;background:#fff;color:var(--tinta);width:100%;min-height:42px}textarea{min-height:auto;line-height:1.45}input:focus,select:focus,textarea:focus{outline:3px solid rgba(31,111,197,.28);border-color:var(--acento)}input:disabled,select:disabled,textarea:disabled,input:read-only{background:var(--suave);color:#56687e}input.malo{border-color:var(--error);background:var(--error-fondo)}input.bueno{border-color:var(--ok);background:var(--ok-fondo)}input[type=checkbox],input[type=radio]{width:auto;min-height:auto}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:42px;border-radius:var(--radio-chico);border:1px solid transparent;background:var(--acento);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;line-height:1.2;white-space:nowrap}button:hover:not(:disabled){background:var(--acento-oscuro)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:#fff;border-color:#bfd2e6;color:var(--tinta)}button.secundario:hover:not(:disabled){background:var(--suave)}button.peligro{background:var(--error)}button.peligro:hover:not(:disabled){background:#991b1b}button.chico{padding:6px 12px;min-height:34px;font-size:13.5px}button.grande{padding:13px 22px;font-size:16px}button.enlace{background:none;border:0;color:var(--acento);padding:0;min-height:auto;font-weight:600;text-decoration:underline}.acciones{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;align-items:center}.aviso{position:relative;padding:12px 14px 12px 42px;border-radius:var(--radio-chico);font-size:14px;margin-bottom:16px;white-space:pre-line;line-height:1.5;border:1px solid}.aviso:before{content:"";position:absolute;left:13px;top:13px;width:19px;height:19px;background:center / contain no-repeat}.aviso.error{background:var(--error-fondo);color:var(--error);border-color:var(--error-borde)}.aviso.error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4m0 4h.01'/%3E%3C/svg%3E")}.aviso.ok{background:var(--ok-fondo);color:var(--ok);border-color:var(--ok-borde)}.aviso.ok:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E")}.aviso.info{background:var(--alerta-fondo);color:#8a4a0b;border-color:var(--alerta-borde)}.aviso.info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/svg%3E")}.aviso a{color:inherit;font-weight:600}.aviso strong{font-weight:700}.etiqueta{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}.etiqueta.vigente{background:#dcfce7;color:var(--ok)}.etiqueta.anulada{background:#fee2e2;color:var(--error)}.etiqueta.pendiente{background:#fef3c7;color:var(--alerta)}.etiqueta.neutro{background:var(--suave);color:var(--tenue)}.chip-sacramento{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 7px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;background:var(--s-suave);color:var(--s-color)}.accesos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:26px}.acceso{display:flex;align-items:flex-start;gap:14px;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:18px;text-decoration:none;color:var(--tinta);box-shadow:var(--sombra);transition:transform .12s ease,border-color .12s ease}.acceso:hover{transform:translateY(-1px);border-color:var(--acento)}.acceso .icono{width:44px;height:44px;flex:none;border-radius:10px;background:var(--acento-claro);color:var(--acento);display:grid;place-items:center}.acceso strong{display:block;font-size:15.5px;margin-bottom:3px}.acceso span{font-size:13px;color:var(--tenue);line-height:1.4}.acceso.principal{background:var(--acento);color:#fff;border-color:var(--acento)}.acceso.principal .icono{background:#ffffff26;color:#fff}.acceso.principal span{color:#fffc}.acceso.principal:hover{background:var(--acento-oscuro)}.metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.metrica{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px}.metrica .numero{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.metrica .titulo{font-size:13px;color:var(--tenue);margin-top:4px}.grafica{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:18px}.grafica .columna{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;min-width:0}.grafica .barras{display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden;min-height:2px;background:var(--suave)}.grafica .barras>div{min-height:2px}.grafica .total{text-align:center;font-size:11.5px;color:var(--tenue);font-variant-numeric:tabular-nums;order:-1;min-height:16px}.grafica .mes{text-align:center;font-size:11px;color:var(--tenue);margin-top:6px;white-space:nowrap}.pestanas{display:flex;gap:4px;border-bottom:2px solid var(--linea);margin-bottom:18px;overflow-x:auto}.pestanas button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--tenue);font-weight:600;font-size:14.5px;padding:10px 14px;border-radius:0;min-height:auto}.pestanas button:hover:not(:disabled){background:var(--suave);color:var(--tinta)}.pestanas button.activa{color:var(--acento);border-bottom-color:var(--acento)}.monto{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.monto.ingreso{color:var(--ok)}.monto.gasto{color:var(--error)}.monto.tachado{text-decoration:line-through;color:var(--tenue)}.etiqueta.ocupado{background:#e0e7ff;color:#3730a3}.etiqueta.reservado{background:#fef3c7;color:var(--alerta)}.etiqueta.disponible{background:#dcfce7;color:var(--ok)}.etiqueta.vencido{background:#fee2e2;color:var(--error)}.etiqueta.por_vencer{background:#fef3c7;color:var(--alerta)}.etiqueta.al_corriente{background:#dcfce7;color:var(--ok)}.etiqueta.sin_cuota{background:var(--suave);color:var(--tenue)}.misa{border-left:4px solid var(--acento);padding:4px 0 4px 14px;margin-bottom:16px}.misa h3{margin:0 0 8px;font-size:16px}.intencion{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--linea);flex-wrap:wrap}.intencion:last-child{border-bottom:0}.intencion .quien{flex:1 1 240px;min-width:0}.intencion .quien strong{display:block;font-size:15.5px}.intencion.cancelada .quien strong{text-decoration:line-through;color:var(--tenue)}.intencion .botones{display:flex;gap:6px;flex-wrap:wrap}.paleta{display:flex;flex-wrap:wrap;gap:10px}.paleta .muestra{width:46px;height:46px;border-radius:12px;border:3px solid transparent;padding:0;min-height:auto;color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000001f}.paleta .muestra.elegida{border-color:var(--tinta)}.paleta .muestra.libre{background:var(--suave);color:var(--tenue);position:relative;cursor:pointer}.paleta .muestra.libre input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.permisos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.permisos .grupo{background:var(--suave);border-radius:var(--radio-chico);padding:12px 14px;display:grid;gap:7px}.permisos .grupo strong{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tenue)}.permisos label{display:flex;gap:8px;align-items:flex-start;font-size:14px;cursor:pointer}.permisos label input{margin-top:3px}.roles-eleccion{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.roles-eleccion .rol{display:grid;gap:3px;padding:12px 14px 12px 38px;position:relative;border:1px solid var(--linea);border-radius:var(--radio-chico);cursor:pointer;background:var(--panel)}.roles-eleccion .rol input{position:absolute;left:13px;top:15px}.roles-eleccion .rol strong{font-size:14.5px}.roles-eleccion .rol span{font-size:12.5px;color:var(--tenue);line-height:1.4}.roles-eleccion .rol.elegido{border-color:var(--acento);background:var(--acento-claro);box-shadow:0 0 0 1px var(--acento)}.boton-enlace{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;min-height:42px;border-radius:var(--radio-chico);border:1px solid var(--borde);background:#fff;color:var(--tinta);font-weight:600;font-size:15px;text-decoration:none}.boton-enlace:hover{background:var(--suave)}.paso{display:flex;align-items:center;gap:10px;margin:0 0 12px}.paso .n{width:28px;height:28px;flex:none;border-radius:50%;background:var(--acento);color:#fff;font-weight:700;font-size:13.5px;display:grid;place-items:center}.paso h2{margin:0}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(160deg,#eaf3fb,#cfe2f5)}.login .tarjeta{width:100%;max-width:420px;padding:30px 30px 26px}.login .emblema-grande{width:60px;height:60px;margin:0 auto 14px;border-radius:16px;background:var(--acento);color:var(--dorado);display:grid;place-items:center}.login h1{font-size:20px;text-align:center}.login .subtitulo{text-align:center;font-size:13.5px;margin-bottom:22px}.login .pie{margin-top:18px;text-align:center;font-size:12.5px;color:var(--tenue);line-height:1.5}.campo-password{position:relative}.campo-password input{padding-right:44px}.campo-password button{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--tenue);padding:6px;min-height:auto}.campo-password button:hover:not(:disabled){background:var(--suave);color:var(--tinta)}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.foto{border:1px solid var(--linea);border-radius:10px;overflow:hidden;background:var(--panel);cursor:pointer;padding:0;text-align:left;display:block;min-height:auto}.foto:hover{border-color:var(--acento)}.foto.elegida{outline:3px solid var(--acento)}.foto img,.foto .marcador{width:100%;height:145px;object-fit:cover;display:block;background:var(--linea)}.foto .pie{padding:8px 10px;font-size:12px;color:var(--tenue)}.visor{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.visor .lienzo{position:sticky;top:20px;border:1px solid var(--linea);border-radius:10px;background:#292524;overflow:auto;max-height:78vh}.visor .lienzo img{width:100%;display:block}.zona-carga{border:2px dashed #bfd2e6;border-radius:var(--radio);padding:32px 20px;text-align:center;color:var(--tenue);font-size:14.5px;background:var(--panel);cursor:pointer}.zona-carga:hover,.zona-carga.encima{border-color:var(--acento);background:var(--acento-claro);color:var(--acento)}.zona-carga strong{display:block;font-size:16px;color:var(--tinta);margin-bottom:4px}input.dudoso,select.dudoso{border-color:var(--alerta);background:var(--alerta-fondo)}.duda{font-size:12.5px;color:var(--alerta);line-height:1.4}.progreso{height:6px;background:var(--suave);border-radius:999px;overflow:hidden}.progreso>div{height:100%;background:var(--ok);border-radius:999px;transition:width .2s ease}.partidas{display:flex;flex-direction:column;gap:6px}.partida{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--linea);border-radius:8px;background:var(--panel)}.partida .num{min-width:34px;height:34px;padding:0 6px;border-radius:8px;background:var(--suave);color:var(--tenue);display:grid;place-items:center;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.partida.activa{border-color:var(--acento);background:var(--acento-claro)}.partida.activa .num{background:var(--acento);color:#fff}.partida.registrada{opacity:.75}.partida.registrada .num{background:#dcfce7;color:var(--ok)}.participante{border:1px solid var(--linea);border-radius:10px;padding:16px;margin-bottom:12px;background:var(--panel)}.participante .cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.participante .cabecera strong{font-size:15px}.cargando{color:var(--tenue);padding:36px;text-align:center}.vacio{color:var(--tenue);padding:32px 20px;text-align:center;font-size:14.5px;line-height:1.5}.vacio strong{display:block;color:var(--tinta);font-size:15.5px;margin-bottom:4px}.ficha{display:grid;grid-template-columns:minmax(150px,32%) 1fr}.ficha>div{padding:11px 0;border-bottom:1px solid var(--linea)}.ficha>div:nth-last-child(-n+2){border-bottom:0}.ficha .k{color:var(--tenue);font-size:13.5px;padding-right:12px}.ficha .v{font-size:15px}.ficha .v small{display:block;color:var(--tenue);font-size:12.5px;margin-top:2px}@media(max-width:900px){.app{flex-direction:column}.barra-superior{display:flex;align-items:center;gap:10px;background:var(--lateral-fondo);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:20}.barra-superior .titulo{flex:1;font-weight:700;font-size:14.5px;line-height:1.2}.barra-superior .titulo small{display:block;font-weight:400;color:var(--lateral-tenue);font-size:11.5px}.barra-superior button{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 9px;min-height:auto}.lateral{position:fixed;top:0;left:0;bottom:0;z-index:30;height:100vh;width:min(300px,85vw);transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 40px #00000059}.lateral.abierto{transform:none}.telon{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:25}.contenido{padding:20px 16px 50px}.visor{grid-template-columns:1fr}.visor .lienzo{position:static}.ficha{grid-template-columns:1fr}.ficha>div{padding:6px 0;border-bottom:0}.ficha .v{padding-bottom:10px;border-bottom:1px solid var(--linea)}h1{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.lateral,.barra-superior,.acciones,.nav{display:none!important}.contenido{padding:0;max-width:none}.tarjeta{box-shadow:none}}