: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)}.estado-ACTIVO{background:#dcfce7;color:#166534}.estado-PROGRAMADO{background:#dbeafe;color:#1e40af}.estado-VENCIDO{background:#fee2e2;color:#991b1b}.estado-INACTIVO{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)}.tabla-envoltorio{display:block;overflow-x:auto}.tabla-tarjetas{display:none;flex-direction:column;gap:10px}.tabla-tarjeta{background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:var(--radio);padding:14px 16px}.tabla-tarjeta-titulo{font-weight:700;font-size:15px;margin-bottom:10px}.tabla-tarjeta-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--color-texto);padding:7px 0}.tabla-tarjeta-fila+.tabla-tarjeta-fila{border-top:1px dashed var(--color-borde)}.tabla-tarjeta-etiqueta{color:var(--color-texto-suave);font-weight:600;flex-shrink:0}.tabla-tarjeta-acciones{display:flex;justify-content:flex-end;gap:6px;padding-top:10px;flex-wrap:wrap}@media (max-width: 640px){.tabla-envoltorio{display:none}.tabla-tarjetas{display:flex}}.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;transition:width .22s ease}.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;padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top));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)}.boton-colapsar{display:inline-flex;border:none;background:transparent;color:var(--color-texto-suave);padding:6px;border-radius:8px}.boton-colapsar:hover{background:var(--color-neutro);color:var(--color-texto)}@media (min-width: 901px){.lateral-colapsado{width:0;min-width:0;border-right:none;overflow:hidden}}.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}.boton-colapsar{display:none}}.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}}.portal-encabezado{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;background:var(--color-fondo);border-bottom:1px solid var(--color-borde);flex-wrap:wrap}.portal-marca{display:flex;align-items:center;gap:14px}.portal-marca-logo{height:44px;width:auto;max-width:120px;object-fit:contain}.portal-marca-separador{width:1px;height:36px;background:var(--color-borde)}.portal-marca-texto{line-height:1.28}.portal-marca-texto strong{display:block;font-size:12.5px;color:var(--color-texto);font-weight:800}.portal-marca-texto span{display:block;font-size:10px;color:var(--color-texto-suave);letter-spacing:.03em}.portal-nav{display:flex;gap:8px;flex-wrap:wrap}.portal-nav-boton{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:700;border:1px solid var(--color-borde);background:var(--color-fondo);color:var(--color-texto);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.portal-nav-boton:hover{border-color:var(--color-principal)}.portal-nav-boton.activo{background:var(--color-principal);border-color:var(--color-principal);color:#fff}.portal-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef4ff,#f7fbff);padding:56px 32px 100px}.portal-hero-fondo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.portal-hero-veladura{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fffffff7,#ffffffeb 40%,#e0ebfd8c 64%,#e0ebfd40)}.portal-hero-diagonal-a,.portal-hero-diagonal-b{position:absolute;bottom:0;left:0;width:260px;height:180px;pointer-events:none}.portal-hero-diagonal-a{background:#0f2a57;clip-path:polygon(0 100%,0 30%,70% 100%)}.portal-hero-diagonal-b{background:#15803d;clip-path:polygon(0 100%,0 55%,40% 100%)}.portal-hero-contenido{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .95fr;gap:48px;align-items:start;max-width:1180px;margin:0 auto}.portal-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-principal);font-weight:800;font-size:12.5px;letter-spacing:.08em;margin-bottom:14px}.portal-hero-eyebrow:before{content:"";width:22px;height:2px;background:var(--color-principal);display:inline-block}.portal-hero-titulo{font-size:38px;line-height:1.14;font-weight:800;color:#0f2a57;margin-bottom:16px}.portal-hero-descripcion{font-size:15px;color:var(--color-texto-suave);max-width:460px;margin-bottom:28px}.portal-hero-features{display:flex;gap:24px;flex-wrap:wrap}.portal-hero-feature{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:150px}.portal-hero-feature-icono{width:42px;height:42px;border-radius:12px;background:#e0ebfd;color:#1d4ed8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-hero-feature span{font-size:13px;font-weight:700;color:#0f2a57;line-height:1.3}.portal-hero-panel{background:var(--color-fondo);border-radius:18px;box-shadow:0 18px 46px #0f2a5729;padding:28px}.portal-campo{margin-bottom:16px}.portal-campo-etiqueta{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--color-texto);margin-bottom:6px}.portal-campo-etiqueta svg{color:var(--color-principal);flex-shrink:0}.portal-campo textarea,.portal-campo select{width:100%;padding:10px 12px;border-radius:var(--radio);border:1px solid var(--color-borde);background:var(--color-fondo);font:inherit;resize:vertical}.portal-campo textarea:focus,.portal-campo select:focus{outline:2px solid var(--color-principal);outline-offset:1px;border-color:var(--color-principal)}.portal-boton-adjunto{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;border:1px dashed var(--color-borde);background:var(--color-neutro);color:var(--color-texto);font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.portal-boton-adjunto svg{color:var(--color-principal);flex-shrink:0}.portal-boton-adjunto:hover:not(:disabled){border-color:var(--color-principal);background:#fff7ed}.portal-boton-adjunto:disabled{opacity:.5;cursor:not-allowed}.portal-boton-enviar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;font-size:14.5px}.portal-pie{position:relative;overflow:hidden;background:#0f2a57;color:#ffffffd9;padding:18px 24px;text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.04em}.portal-pie span{opacity:.55;margin:0 10px}.portal-pie-diagonal{position:absolute;bottom:0;right:0;width:180px;height:100%;background:#15803d;clip-path:polygon(100% 0,100% 100%,30% 100%);opacity:.9}@media (max-width: 900px){.portal-hero-contenido{grid-template-columns:1fr}.portal-hero-titulo{font-size:30px}}@media (max-width: 640px){.portal-encabezado{padding:12px 16px;justify-content:center}.portal-nav{justify-content:center}.portal-hero{padding:32px 16px 64px}.portal-hero-features{gap:16px}.portal-hero-panel{padding:20px}}