/* Mejora de presentación aditiva. Los permisos, cálculos y API permanecen en sus módulos. */
:root{--navy:#173f55;--navy-900:#0b2333;--acento:#cf8c43;--tinta:#203c4d;--gris:#647883;--linea:#dce5ea;--fondo:#f3f6f8;--radio:8px;--sombra:0 3px 8px #18384904,0 15px 40px #18384907}
html{scroll-behavior:smooth}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--tinta);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c7893c;outline-offset:3px}h2{font-size:26px;letter-spacing:-.035em}h3{letter-spacing:-.02em}.ga-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:#a2b8c7}
#pantalla-login{padding:0;min-height:100svh;background:#f8fafb;position:relative}#pantalla-login.activa{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.acceso-presentacion{position:relative;background:radial-gradient(ellipse at 70% 70%,#214b62 0,transparent 65%),#0b2333;padding:42px 60px;color:white;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.acceso-presentacion:after{content:"";width:420px;height:420px;position:absolute;bottom:-180px;right:-140px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02;pointer-events:none}.acceso-volver{font-size:12px;color:#d1dce5;text-decoration:none;align-self:flex-start}.acceso-volver:hover{color:#e5aa68}.acceso-mensaje{padding-block:70px;position:relative;z-index:1}.acceso-mensaje h2{font-size:clamp(40px,4.8vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin-top:24px}.acceso-mensaje h2 span{color:#e5aa68}.acceso-mensaje>p{font-size:14px;line-height:1.85;color:#a7bfce;max-width:375px;margin-top:24px}.acceso-modulos{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.acceso-modulos span{font-size:10px;padding:6px 12px;border:1px solid #ffffff20;border-radius:5px;color:#b1c9d7;background:#ffffff04}.acceso-firma{font:15px Georgia;letter-spacing:.06em;color:#bdcfd9}.acceso-firma span{display:block;font:9px/2.8 "Segoe UI",sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#829dab}.login-caja{border:1px solid #e4ebef;border-radius:16px;padding:36px;box-shadow:var(--sombra)}#form-login{align-self:center;justify-self:center;max-width:430px;width:calc(100% - 70px);padding:38px;background:#fff;margin-block:40px}.login-marca{margin-bottom:28px}.marca-logo{width:210px;max-width:100%}.acceso-bienvenida{margin-bottom:25px}.acceso-bienvenida h2{font-size:23px;font-weight:600}.acceso-bienvenida p{font-size:13px;color:var(--gris);margin:6px 0 0}.login-caja label{font-size:12px;color:#455f6f}.login-caja input{padding:13px 14px;background:#f9fbfc;border-color:#d9e3e9}.login-caja .btn-primario{background:var(--navy-900);border-radius:7px;min-height:46px;margin-top:17px}.login-caja .btn-primario:hover{background:#214b62}.mostrar-clave{display:block;margin:9px 0 0 auto;font-size:11px;color:#607789;border:0;background:none;padding:3px;cursor:pointer}.login-pie{font-size:11px!important;border-top:1px solid #e8edf0;padding-top:20px!important;margin-top:25px!important;line-height:1.9}.login-pie .enlace-plano{font-size:12px;color:var(--navy);font-weight:600}#pantalla-solicitar.activa,#pantalla-clave-vencida.activa{display:grid;place-items:center;padding:35px 20px;min-height:100svh;background:radial-gradient(ellipse at top,#dfe9ef,transparent 70%),var(--fondo)}
.barra-sup{background:var(--navy-900);padding:17px 30px;min-height:70px;gap:20px}.barra-marca{font-size:15px;letter-spacing:-.01em}.barra-marca .punto{border-radius:3px;width:7px;height:22px;transform:skew(-22deg);box-shadow:7px -5px 0 #3e91bc;margin-right:10px;background:#da994e}.barra-usuario{gap:12px;font-size:12px}.barra-usuario .btn{padding:7px 11px;font-size:11px;border-radius:6px}.barra-usuario .rol{font-size:10px;background:#ffffff12;color:#b8d0de;padding:4px 10px}.ga-utilidades{display:flex;gap:7px;align-items:center}.ga-web{font-size:11px;color:#bbd0dc;text-decoration:none;padding:7px}.ga-web:hover{color:#efb66f}.ga-densidad{background:transparent;border:1px solid #ffffff25;color:#bbd0dc;border-radius:6px;font-size:10px;cursor:pointer;padding:7px 9px}.ga-densidad[aria-pressed=true]{background:#ffffff20;color:white}
#pantalla-inicio>.contenido,#pantalla-clientes>.contenido{margin:auto;max-width:1230px;padding:34px 40px 55px}.inicio-contexto{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.inicio-contexto .ga-eyebrow{color:#788d9a;font-size:9px}.inicio-contexto>span:last-child{font-size:11px;color:#788d9a;text-transform:capitalize}#inicio-saludo{font-size:32px;letter-spacing:-.045em;font-weight:550;margin-bottom:7px}#pantalla-inicio .titulo-fila .sutil{font-size:13px}.inicio-guia{background:radial-gradient(ellipse at right,#244b62,transparent 65%),var(--navy-900);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px;border-radius:14px;margin:27px 0 34px;box-shadow:0 8px 25px #0b23330c}.guia-indice{font-size:9px;color:#e4af70;letter-spacing:.1em}.inicio-guia h3{font-size:21px;letter-spacing:-.025em;margin:9px 0;font-weight:500}.inicio-guia p{font-size:11px;color:#9fb9ca;margin:0;line-height:1.8;max-width:360px}.inicio-guia ol{display:flex;gap:28px;list-style:none;padding:0;margin:0;flex-shrink:0}.inicio-guia li{font-size:10px;color:#bad0de}.inicio-guia li span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff25;border-radius:9px;color:#e4af70;margin-bottom:10px;font-size:11px;background:#ffffff04}.subtitulo{font-size:10px;font-weight:650;letter-spacing:.15em;color:#748893;margin-bottom:14px}.tarjetas-inicio{gap:16px;margin-bottom:34px;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.tarjeta-inicio{padding:24px;border-radius:12px;min-height:148px;border:1px solid var(--linea);box-shadow:0 2px 4px #173f5503;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.tarjeta-inicio:not(:disabled):after{content:"↗";position:absolute;right:19px;top:20px;color:#b28956;font-size:19px}.tarjeta-inicio strong{font-size:17px;font-weight:600;padding-right:25px;margin-bottom:10px}.tarjeta-inicio .sutil{font-size:12px;line-height:1.7}.tarjeta-inicio:hover:not(:disabled){box-shadow:0 10px 25px #173f5510;transform:translateY(-3px);border-color:#a7becb}.tarjeta-inicio.apagada{opacity:1;background:#edf2f5;color:#778c99;border-color:#e1e8ec}.tarjeta-inicio.apagada .sutil{color:#798c98}.tarjeta-nota{font-size:9px;letter-spacing:.07em;margin-top:12px;color:#657c8b}#inicio-areas .tarjeta-inicio[data-area=impuestos]:not(:disabled){border-top:3px solid #d89b52}.tarjetas{gap:13px}.tarjeta{border-radius:12px;padding:21px 23px;transition:box-shadow .2s,border-color .2s}.t-nombre{font-size:16px}.t-datos{font-size:12px;margin-top:8px;gap:17px}.t-der .btn{font-size:12px}.etiqueta{font-size:9px;padding:4px 9px;letter-spacing:.04em}.estrella{font-size:21px;padding:8px}.filtros{gap:12px;background:white;border:1px solid var(--linea);padding:13px;border-radius:12px;margin-top:24px}.filtros input,.filtros select{font-size:13px;padding:11px 13px;background:#f9fbfc}.filtros input{min-width:0}.chip{font-size:12px;border-radius:6px;padding:8px 14px}
.con-menu{align-items:stretch;min-height:calc(100svh - 127px)}.menu-lateral{width:240px;flex:0 0 240px;padding:22px 14px;background:#fff;border-right:1px solid var(--linea);position:sticky;top:0;align-self:flex-start;max-height:100svh;overflow-y:auto}.menu-bloque{margin-bottom:14px}.menu-grupo{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;color:#637e8e!important;min-height:36px;padding:9px 8px!important}.menu-item{font-size:12px;padding:10px 12px;border-radius:7px;line-height:1.5;white-space:normal}.menu-item.activo{background:#e9f0f4;color:#173f55;box-shadow:inset 3px 0 #d69c57}.menu-item:hover:not(.deshabilitado){background:#f0f5f8}.menu-item.deshabilitado{font-size:11px;color:#8d9faa}.menu-item em{font-size:8px}.menu-busqueda{margin-bottom:17px}.menu-busqueda label{display:block;font-size:9px;color:#708999;letter-spacing:.05em;margin:0 0 7px 6px}.menu-busqueda input{width:100%;min-width:0;border:1px solid #e1e8ed;border-radius:7px;background:#f7fafb;font-size:12px;padding:10px;color:var(--tinta)}.menu-sin-resultados{font-size:12px;padding:10px;color:var(--gris)}.ga-filtrado{display:none!important}.menu-lateral.ga-buscando .menu-opciones{display:block!important}.ga-menu-toggle{display:none}.con-menu>.contenido{min-width:0;max-width:none;padding:30px;flex:1}.cliente-activo{padding:13px 30px;position:relative;box-shadow:0 2px 6px #14374a03;z-index:4}.ca-datos strong{font-size:14px}.ca-rnc,.ca-meta .sutil{font-size:11px}.ca-meta .btn{font-size:11px;padding:7px 11px}.tabla-envoltura{border-radius:12px;box-shadow:0 4px 16px #173f5504}.tabla{font-size:12px}.tabla thead th{font-size:10px;letter-spacing:.04em;background:#edf3f6;color:#526d7e;padding:13px 14px;border-bottom:1px solid var(--linea)}.tabla td{padding:14px;border-bottom-color:#e9eff3}.tabla tbody tr:hover{background:#f7fafc}.tabla .btn{font-size:11px;padding:7px 11px}.tabla .sutil{font-size:11px}.btn{transition:background .2s,border-color .2s,box-shadow .2s}.btn-primario{box-shadow:0 3px 8px #173f5510}.btn-plano{background:#fff}.barra-sup .btn-plano{background:transparent}.titulo-fila{margin-bottom:23px}.titulo-fila .sutil{font-size:12px;margin-top:7px}.vacio{padding:40px 24px;line-height:1.8;font-size:13px;border-color:#cbdce6}.rejilla input,.rejilla select,.rejilla textarea{border-radius:7px}dialog{border-radius:14px;border-color:#dce5ea;box-shadow:0 25px 100px #0b233330}dialog::backdrop{background:#0b233365;backdrop-filter:blur(3px)}.brindis{max-width:calc(100vw - 32px);width:max-content;box-shadow:0 10px 40px #0b233330;border:1px solid #ffffff20;border-radius:9px;font-size:13px}.ga-compacto .tabla td{padding-block:7px}.ga-compacto .tarjeta{padding-block:12px}.ga-compacto .menu-item{padding-block:6px}.pantalla.activa>.contenido{animation:ga-entrada .25s ease-out}.ga-preview-banner{background:#fff2d9;color:#715123;padding:10px 20px;font-size:12px;text-align:center;border-bottom:1px solid #e4ceaa}.ga-preview-banner a{font-weight:600;color:inherit;margin-left:12px}.ga-preview-banner~.pantalla .acceso-presentacion{min-height:calc(100svh - 40px)}@keyframes ga-entrada{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.acceso-presentacion{padding:35px}.barra-sup{padding-inline:20px}.barra-usuario{gap:8px}.ga-web{display:none}.inicio-guia{gap:20px}.inicio-guia ol{gap:18px}.con-menu>.contenido{padding:22px}.menu-lateral{width:218px;flex-basis:218px}.titulo-fila{flex-wrap:wrap}.t-nombre{font-size:14px}}
@media(max-width:820px){#pantalla-login.activa{grid-template-columns:1fr}.acceso-presentacion{min-height:0;padding:25px 30px 30px}.acceso-mensaje{padding:25px 0 0}.acceso-mensaje h2{font-size:38px;line-height:1.1;margin-top:12px}.acceso-mensaje h2 br:first-child{display:none}.acceso-mensaje>p{font-size:12px;max-width:470px;margin-top:14px}.acceso-modulos,.acceso-firma{display:none}#form-login{width:min(430px,calc(100% - 40px));margin-block:30px;padding:30px}.marca-logo{width:185px}.login-marca{margin-bottom:22px}.barra-sup{flex-wrap:wrap;gap:12px;padding:15px 20px}.barra-usuario{flex-wrap:wrap}.ga-utilidades{margin-left:auto}.barra-marca{font-size:13px}#pantalla-inicio>.contenido,#pantalla-clientes>.contenido{padding:25px 22px}.inicio-guia{align-items:flex-start;flex-direction:column}.inicio-guia ol{gap:40px}.con-menu{display:block}.menu-lateral{display:none;position:static;width:100%;max-height:60vh;min-height:0;padding:15px;overflow-y:auto;border-bottom:1px solid var(--linea)}.menu-lateral.ga-abierto{display:block}.menu-lateral .menu-item.deshabilitado{display:flex}.ga-menu-toggle{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--linea);background:white;color:var(--navy);border-radius:7px;padding:11px 15px;margin:15px 20px 0;width:calc(100% - 40px);font-size:12px;font-weight:600}.ga-menu-toggle[aria-expanded=true]{background:#e7eff4}.con-menu>.contenido{padding:23px 20px}.cliente-activo{padding:15px 20px;gap:10px}.ca-meta{width:100%;justify-content:space-between}.tarjeta{padding:20px}.tarjeta .t-der{margin-top:8px}.t-datos{gap:8px 14px;flex-wrap:wrap}.filtros{padding:10px;gap:8px}.filtros input{min-width:180px}.inicio-contexto{flex-wrap:wrap}.barra-usuario>span[id^=usuario-nombre]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabla th,.tabla td{white-space:nowrap}}
@media(max-width:480px){.barra-sup{padding:14px 16px}.barra-usuario{font-size:11px;width:100%;justify-content:flex-end}.barra-marca{font-size:13px}.ga-densidad{font-size:9px;padding:6px}.ga-utilidades{margin-left:0}.barra-usuario .btn{font-size:10px;padding:6px 9px}.barra-usuario>span[id^=usuario-nombre]{margin-right:auto;max-width:120px}.inicio-contexto>span:last-child{font-size:10px}#inicio-saludo{font-size:28px}.inicio-guia{padding:24px}.inicio-guia h3{font-size:20px}.inicio-guia ol{gap:25px}.tarjetas-inicio{grid-template-columns:1fr}.tarjeta-inicio{min-height:130px;padding:22px}.t-nombre{flex-wrap:wrap}.t-datos{flex-direction:column}.filtros input,.filtros select{width:100%}.filtros input{min-width:0}.titulo-fila h2{font-size:23px}.inicio-contexto{gap:8px}.acceso-mensaje h2{font-size:35px}.acceso-presentacion{padding:22px}.acceso-bienvenida h2{font-size:22px}.login-caja{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.ga-utilidades,.ga-menu-toggle,.menu-busqueda,.ga-preview-banner{display:none!important}.inicio-guia{background:white;color:black;box-shadow:none}.inicio-guia p{color:#333}}