:root{--tinta: #1c1917;--tenue: #6b655f;--linea: #e6e1db;--borde: #e6e1db;--fondo: #f6f3ef;--suave: #f1ece6;--panel: #ffffff;--acento: #7a2e1d;--acento-oscuro: #5c2115;--acento-claro: #f7e9e3;--dorado: #c0902e;--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(28, 25, 23, .05), 0 2px 6px rgba(28, 25, 23, .05);--lateral: 250px;--lateral-fondo: #2b1812;--lateral-texto: #efe3dc;--lateral-tenue: #b9a49a}*{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}.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:#2b1812;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:#3f3a36}.campo .ayuda,.ayuda{font-size:12.5px;color:var(--tenue);line-height:1.4}input,select,textarea{padding:10px 12px;border:1px solid #cfc8c0;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(122,46,29,.25);border-color:var(--acento)}input:disabled,select:disabled,textarea:disabled,input:read-only{background:var(--suave);color:#5b554f}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:#cfc8c0;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}.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,#f6f3ef,#ede4dc)}.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 #cfc8c0;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}.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}}