:root{--color-principal: #f97316;--color-principal-oscuro: #ea580c;--color-principal-suave: #fff7ed;--color-fondo: #ffffff;--color-neutro: #f4f4f5;--color-texto: #1a1a1a;--color-texto-suave: #71717a;--color-borde: #e4e4e7;--color-exito: #16a34a;--color-error: #dc2626;--color-info: #2563eb;--radio: 10px;--sombra: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-neutro);color:var(--color-texto);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.tarjeta{background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radio);padding:10px 18px;font-weight:600;transition:background .15s}.boton-principal{background:var(--color-principal);color:#fff}.boton-principal:hover{background:var(--color-principal-oscuro)}.boton-principal:disabled{opacity:.6;cursor:not-allowed}.boton-secundario{background:var(--color-neutro);color:var(--color-texto);border:1px solid var(--color-borde)}.boton-secundario:hover{background:var(--color-borde)}.boton-peligro{background:var(--color-error);color:#fff}.boton-exito{background:var(--color-exito);color:#fff}.boton-exito:hover{background:#15803d}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.campo label{font-weight:600;font-size:14px}.campo input,.campo select,.campo textarea{border:1px solid var(--color-borde);border-radius:var(--radio);padding:10px 12px;background:var(--color-fondo)}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--color-principal);outline-offset:1px;border-color:var(--color-principal)}.campo .error{color:var(--color-error);font-size:13px}.etiqueta-estado{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.estado-REGISTRADO{background:#fef3c7;color:#92400e}.estado-EN_ATENCION{background:#dbeafe;color:#1e40af}.estado-RESUELTO{background:#dcfce7;color:#166534}.estado-DESCARTADO{background:var(--color-neutro);color:var(--color-texto-suave)}.tabla{width:100%;border-collapse:collapse}.tabla th,.tabla td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-borde)}.tabla th{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-texto-suave)}.tabla tbody tr:hover{background:var(--color-principal-suave)}.disposicion-admin{display:flex;min-height:100dvh}.lateral{width:264px;flex-shrink:0;background:var(--color-fondo);border-right:1px solid var(--color-borde);position:sticky;top:0;height:100dvh;overflow-y:auto;display:flex;flex-direction:column}.lateral-marca{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--color-borde)}.lateral-marca-logo{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--color-principal),var(--color-principal-oscuro));box-shadow:0 4px 10px #f9731659}.lateral-nav{padding:10px 12px 20px}.lateral-seccion{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-texto-suave);padding:14px 8px 6px}.lateral-enlace{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:none;background:transparent;border-radius:8px;font-weight:600;font-size:14px;color:var(--color-texto);text-align:left;transition:background .15s}.lateral-enlace:hover{background:var(--color-neutro)}.lateral-enlace.activo{background:var(--color-principal-suave);color:var(--color-principal-oscuro)}.lateral-icono{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #0000002e}.lateral-flecha{margin-left:auto;color:var(--color-texto-suave);transition:transform .2s ease}.lateral-despliegue{display:grid;transition:grid-template-rows .22s ease}.lateral-despliegue>ul{overflow:hidden;list-style:none;margin-left:21px;border-left:1px solid var(--color-borde);padding-left:12px}.lateral-despliegue>ul>li:first-child{margin-top:4px}.lateral-despliegue>ul>li:last-child{margin-bottom:6px}.lateral-despliegue>ul>li{position:relative}.lateral-despliegue-nivel2>ul{margin-left:13px;padding-left:12px}.lateral-sub-fila{display:flex;align-items:center;gap:2px}.lateral-sub{position:relative;display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-texto-suave);letter-spacing:.01em;transition:background .15s,color .15s}.lateral-sub:before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--color-borde);transition:background .15s,transform .15s}a.lateral-sub:hover{background:var(--color-neutro);color:var(--color-texto)}a.lateral-sub:hover:before{background:var(--color-texto-suave)}a.lateral-sub.activo{background:var(--color-principal-suave);color:var(--color-principal-oscuro);font-weight:700}a.lateral-sub.activo:before{background:var(--color-principal);transform:scale(1.4)}.lateral-sub-nivel2{font-size:12.5px;padding:5px 9px;font-weight:500}.lateral-sub-nivel2:before{width:4px;height:4px}a.lateral-sub-nivel2.activo{font-weight:600}.lateral-sub-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border:none;border-radius:6px;background:transparent;color:var(--color-texto-suave);transition:background .15s,color .15s}.lateral-sub-toggle:hover{background:var(--color-neutro);color:var(--color-texto)}.disposicion-contenido{flex:1;min-width:0;display:flex;flex-direction:column}.barra-superior{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;background:var(--color-fondo);border-bottom:1px solid var(--color-borde);position:sticky;top:0;z-index:10}.boton-menu{display:none;border:none;background:transparent;color:var(--color-texto);padding:6px;border-radius:8px}.boton-menu:hover{background:var(--color-neutro)}.lateral-fondo{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:19}@media (max-width: 900px){.lateral{position:fixed;left:0;z-index:20;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 10px 30px #0003}.lateral-abierto{transform:translate(0)}.lateral-fondo{display:block}.boton-menu{display:inline-flex}}.centrado-pagina{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.publico-pagina{width:100%;max-width:760px;margin:0 auto;padding:32px 4px}.publico-encabezado{display:flex;align-items:center;gap:14px;margin-bottom:20px}.publico-encabezado-icono{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #0003}.publico-etiqueta{font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.publico-encabezado h1{font-size:22px;line-height:1.25}.publico-subtitulo{color:var(--color-texto-suave);font-size:13.5px;margin-top:2px}.publico-contador{font-size:13px;font-weight:600;color:var(--color-texto-suave);padding:14px 18px;border-bottom:1px solid var(--color-borde)}.publico-tel{display:inline-flex;align-items:center;gap:6px;color:var(--color-principal-oscuro);font-weight:600}.publico-tel:hover{text-decoration:underline}.publico-tabla-envoltorio{display:block}.publico-tarjetas{display:none;flex-direction:column;gap:10px;padding:14px}.publico-tarjeta-persona{background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:var(--radio);padding:14px 16px}.publico-tarjeta-nombre{font-weight:700;font-size:15px;margin-bottom:10px}.publico-tarjeta-fila{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--color-texto);padding:7px 0}.publico-tarjeta-fila+.publico-tarjeta-fila{border-top:1px dashed var(--color-borde)}.publico-tarjeta-fila svg{color:var(--color-texto-suave);flex-shrink:0}@media (max-width: 640px){.publico-tabla-envoltorio{display:none}.publico-tarjetas{display:flex}.publico-pagina{padding:20px 2px}.publico-encabezado-icono{width:42px;height:42px}.publico-encabezado h1{font-size:19px}}