:root{--bg:#161514;--sidebar:#1e1b19;--panel:#211e1b;--panel2:#28231e;--line:#3b342e;--gold:#b79b73;--ivory:#eee6d4;--muted:#aa9f90;--danger:#dca5a2;--green:#a9c5a5}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ivory)}body{margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sistema{display:flex;min-height:100vh}.barra{flex:0 0 258px;width:258px;background:var(--sidebar);border-right:1px solid #332d27;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;max-height:100vh}.marca{padding:29px 28px 24px;border-bottom:1px solid #302a25;display:block}.marca img{width:160px;height:auto;display:block;mix-blend-mode:screen}.marca small{font-size:8px;letter-spacing:.19em;color:var(--gold);margin-top:13px;display:block}.marca small span{color:#6b5a48}.entorno{font-size:9px;letter-spacing:.11em;padding:15px 25px;color:#c7ab88;display:flex;align-items:center;gap:9px;border-bottom:1px solid #302a25}.punto{height:6px;width:6px;border-radius:100%;background:#bca37c}.menus{padding:12px 13px 20px;flex:1;overflow:auto;scrollbar-color:#5b4d3e transparent}.titulo-grupo{margin:24px 12px 8px;color:#877b6c;font-size:9px;letter-spacing:.2em;font-weight:700}.item{color:#c4bbaf;background:transparent;border:1px solid transparent;border-radius:5px;min-height:41px;padding:10px 13px;width:100%;display:flex;align-items:center;gap:13px;text-align:left;font-size:12px}.item span{font-size:17px;width:18px;text-align:center;color:#9f8b74}.item em{margin-left:auto;font-style:normal;background:#3b332b;border-radius:4px;padding:2px 6px;font-size:10px}.item:hover{background:#302923;color:#fff}.item.activo{background:#3d3328;border-color:#62503b;color:#f5ead4}.item.activo span{color:#d6b68a}.pie-barra{border-top:1px solid #302a25;padding:20px 25px 23px;display:flex;flex-direction:column;gap:6px}.pie-barra strong{letter-spacing:.12em;font-size:11px}.pie-barra span{font-size:10px;color:var(--muted)}.pie-barra a{font-size:11px;color:#d0b18a;margin-top:8px}.principal{flex:1;min-width:0;display:flex;flex-direction:column}.cabezal{height:78px;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(24px,4vw,60px);gap:15px;background:#1a1816}.ruta{font-size:10px;letter-spacing:.18em;color:#a59a8d}.ruta strong{color:#e8d9c6;font-weight:600}.cabezal-derecha{display:flex;align-items:center;gap:23px;font-size:11px}.cabezal-derecha a{color:#d4b48a}.etiqueta{font-size:9px;letter-spacing:.1em;color:#9a8d7b;border:1px solid #4b4136;padding:8px 12px}.contenido{padding:clamp(24px,4vw,60px);width:100%;max-width:1650px;margin:0 auto;flex:1}.kicker{font-size:10px;font-weight:700;letter-spacing:.28em;color:var(--gold);margin:0 0 15px}.pagina-cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:37px;flex-wrap:wrap}.pagina-cabecera h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.1;font-size:clamp(38px,4vw,58px);margin:0 0 13px}.pagina-cabecera h1 em{font-weight:400;color:var(--gold)}.pagina-cabecera p{margin:0;color:var(--muted);max-width:760px;font-size:13px}.accion{border:1px solid #9f8561;background:#bfa17a;color:#231e19;font-size:11px;font-weight:700;letter-spacing:.05em;padding:13px 18px;white-space:nowrap}.accion:hover{background:#dfc29d}.accion.secundaria{color:#e6d7bf;background:transparent;border-color:#5a4d3f}.accion:disabled{opacity:.35;cursor:not-allowed}.tarjetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.tarjeta{background:var(--panel);border:1px solid var(--line);padding:27px 25px;position:relative;min-height:145px}.tarjeta small{display:block;color:#b6a99a;font-size:10px;letter-spacing:.13em;line-height:1.5}.tarjeta strong{font-family:Georgia,serif;font-size:45px;font-weight:400;display:block;line-height:1.2;margin-top:12px}.tarjeta .detalle{color:#a38e72;font-size:10px;display:block;margin-top:4px}.dos-columnas{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.bloque{background:var(--panel);border:1px solid var(--line);padding:28px}.bloque+.bloque{margin-top:14px}.bloque h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 8px}.bloque>p{font-size:12px;color:var(--muted);margin:0 0 25px}.bloque-cabeza{display:flex;justify-content:space-between;align-items:center;gap:10px}.bloque-cabeza small{font-size:9px;color:#a68c6c;letter-spacing:.13em}.separador{height:1px;background:var(--line);margin:19px 0}.linea-info{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:12px;padding:11px 0;border-bottom:1px solid #39332d}.linea-info span{color:var(--muted)}.linea-info strong{font-weight:500;text-align:right}.banner{border:1px solid #65513c;background:linear-gradient(105deg,#32291f,#231e19);padding:20px 25px;display:flex;gap:16px;align-items:flex-start;margin-bottom:25px}.banner .icono{font-size:22px;color:#d1b08a}.banner strong{font-size:12px;display:block;margin-bottom:4px}.banner p{font-size:11px;color:#c0b19e;margin:0;line-height:1.7}.tabla-contenedor{overflow-x:auto;background:var(--panel);border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:630px;text-align:left}th{background:#2b261f;color:#bba98e;font-size:9px;letter-spacing:.13em;font-weight:600;padding:16px 17px}td{border-top:1px solid #3a332d;padding:17px;font-size:12px;color:#e3d6c3}td:nth-child(1){font-weight:600}.tag{font-size:9px;letter-spacing:.06em;padding:6px 9px;background:#423628;border:1px solid #67543a;color:#e7c8a0;display:inline-block}.tag.gris{background:#2c2925;color:#c3b7a7;border-color:#4a4339}.tag.verde{background:#293a2b;color:#c5e1bd;border-color:#48644c}.tabla-boton{background:transparent;color:#dbbb91;border:1px solid #6b5944;padding:7px 10px;font-size:10px}.tabla-boton:hover{background:#473b2f}.cero{padding:56px 25px;text-align:center;background:linear-gradient(135deg,#26221e,#1f1c1a);border:1px solid var(--line)}.cero strong{font:400 27px Georgia,serif;display:block;margin-bottom:12px}.cero p{font-size:12px;color:var(--muted);max-width:450px;margin:auto;line-height:1.8}.cero .simbolo{color:var(--gold);font-size:35px;margin-bottom:15px}.barra-filtros{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:17px}.barra-filtros label{font-size:11px;color:var(--muted)}.barra-filtros select{margin-left:10px;min-width:245px}.select,input{padding:12px 13px;border:1px solid #514739;background:#241f1b;color:var(--ivory);border-radius:2px}.select:focus,input:focus{outline:2px solid #b99b70;outline-offset:1px}.mesas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.mesa{background:#27221d;border:1px solid #514638;min-height:113px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px}.mesa b{font:400 24px Georgia,serif}.mesa span{font-size:10px;color:#baa891}.mesa.ocupada{background:#3c3224;border-color:#997447}.mesa.ocupada span{color:#dec197}.dos-avisos{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:24px}.lista-promotores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.promotor{background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:16px}.avatar{width:41px;height:41px;display:grid;place-items:center;background:#4b3e30;color:#f1dbc0;border-radius:50%;font:400 22px Georgia,serif}.promotor-info strong{display:block;font-size:12px;font-weight:500}.promotor-info small{font-size:10px;color:var(--muted)}.promotor .tag{margin-left:auto}.pie-principal{padding:18px clamp(24px,4vw,60px);border-top:1px solid var(--line);font-size:10px;color:#928578;display:flex;justify-content:space-between;gap:20px}.modal-fondo{position:fixed;inset:0;z-index:10;background:#000b;display:grid;place-items:center;padding:18px}.modal-fondo[hidden],.aviso-flotante[hidden]{display:none!important}.modal{background:#25211d;border:1px solid #80674b;padding:28px;width:min(520px,100%);box-shadow:0 28px 80px #0008}.modal-cabecera{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-cabecera small{font-size:9px;letter-spacing:.2em;color:var(--gold)}.modal h2{font:400 29px Georgia,serif;margin:7px 0}.cerrar{font-size:26px;background:transparent;border:0;color:var(--ivory)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.campo{display:flex;flex-direction:column;gap:7px}.campo.ancho{grid-column:1/-1}.campo label{font-size:11px;color:#c7b5a0}.campo input,.campo select{width:100%;color-scheme:dark}.form-ayuda{font-size:11px;color:var(--muted);line-height:1.6;margin-top:19px}.botones-modal{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.aviso-flotante{position:fixed;right:25px;bottom:24px;padding:14px 20px;background:#eee6d4;color:#252018;z-index:30;max-width:420px;box-shadow:0 8px 40px #0007;font-size:12px}.aviso-flotante.error{background:#e9c7c1}.mini-card{border:1px solid var(--line);padding:22px;background:var(--panel);color:#e9decb}.mini-card strong{display:block;margin-bottom:8px}.mini-card p{font-size:12px;color:var(--muted);margin:0}.loading{color:var(--gold);font-size:13px}.menu-movil{display:none;border:1px solid #584b3e;color:var(--ivory);background:transparent;padding:6px 11px;margin-right:12px}@media(max-width:1180px){.barra{flex-basis:232px;width:232px}.tarjetas{grid-template-columns:repeat(2,1fr)}.mesas{grid-template-columns:repeat(4,1fr)}.dos-columnas{grid-template-columns:1fr 1fr}}@media(max-width:830px){.barra{position:fixed;z-index:5;transform:translateX(-100%);transition:transform .22s;height:100vh}.barra.abierta{transform:translateX(0)}.menu-movil{display:inline-block}.cabezal-derecha .etiqueta{display:none}.dos-columnas{grid-template-columns:1fr}.mesas{grid-template-columns:repeat(3,1fr)}.contenido{padding:27px 20px}.cabezal{padding:0 20px}.lista-promotores{grid-template-columns:1fr}}@media(max-width:540px){.tarjetas{grid-template-columns:repeat(2,1fr);gap:9px}.tarjeta{padding:16px;min-height:116px}.tarjeta strong{font-size:33px}.tarjeta small{font-size:9px}.mesas{grid-template-columns:repeat(3,1fr)}.dos-avisos{grid-template-columns:1fr}.cabezal-derecha{display:none}.pagina-cabecera h1{font-size:39px}.pie-principal span{display:none}.form-grid{grid-template-columns:1fr}}
/* JAMPARA: credenciales y puerta express */
.camara{height:300px;background:linear-gradient(120deg,#151310,#29221c);border:1px solid #685239;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:22px}
.camara video{height:100%;width:100%;object-fit:cover;display:block}
.camara-mensaje{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:#caba9f;padding:28px;background:#191714e0}
.camara-mensaje[hidden]{display:none}
.marco-escaner{position:absolute;pointer-events:none;width:55%;height:67%;border:3px solid #d9b7897c;box-shadow:0 0 0 1200px #0001}
.controles-lector{display:flex;gap:11px;margin:16px 0;flex-wrap:wrap}
.form-lector{border-top:1px solid #4a3f33;padding-top:20px;margin-top:16px}
.form-lector label{font-size:11px;color:#cbb89f;display:block;margin-bottom:9px}
.fila-lector{display:flex;gap:9px}
.fila-lector input{flex:1;min-width:0}
.resultado-acceso{border:1px solid #3c825d;background:#21382a;padding:15px;margin-top:16px}
.resultado-acceso.rechazado{background:#3f2524;border-color:#a65a52}
.resultado-acceso strong{font-size:13px;letter-spacing:.08em;color:#e9f8d8}
.resultado-acceso.rechazado strong{color:#ffd8d2}
.resultado-acceso p{font-size:12px;color:#e8ded0;line-height:1.7;margin:6px 0 0}
.lista-accesos{display:flex;flex-direction:column;gap:2px;margin-top:19px;max-height:550px;overflow:auto}
.acceso-fila{padding:12px 0;border-bottom:1px solid #514336;display:flex;justify-content:space-between;gap:12px;align-items:center}
.acceso-fila strong{display:block;font-size:12px}
.acceso-fila small{display:block;font-size:10px;color:#a99a85;margin-top:5px}
.modal.modal-credenciales{width:min(940px,96vw);max-height:90vh;overflow:auto}
.resumen-qr{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 22px;border-bottom:1px solid #504334}
.resumen-qr strong{font:400 24px Georgia,serif}
.resumen-qr span{font-size:11px;color:#d2b68f}
.grid-credenciales{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px;padding:21px 0}
.credencial{border:1px solid #786347;padding:18px;background:#f7f2e6;color:#29231d;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;break-inside:avoid}
.credencial img{height:auto;width:100%;max-width:210px;aspect-ratio:1}
.credencial strong{font-size:12px;line-height:1.4}
.credencial small{font-size:11px;color:#746554}
.credencial .tag{background:#e8d8c0;color:#3b3b2e;border-color:#c3a77d}
@media(max-width:540px){.fila-lector{flex-direction:column}.camara{height:260px}.grid-credenciales{grid-template-columns:1fr 1fr;gap:8px}.credencial{padding:9px}.credencial img{max-width:150px}}
@media print{
 body{background:white!important;color:#111!important}
 .sistema,.aviso-flotante,.modal-cabecera button,.botones-modal{display:none!important}
 .modal-fondo{position:static;background:white!important;padding:0;display:block!important}
 .modal{width:100%!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:white!important;color:#111!important}
 .modal-cabecera h2,.resumen-qr strong{color:#111!important}
 .modal-cabecera small,.resumen-qr span{color:#444!important}
 .grid-credenciales{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .credencial{border:1px solid #888!important;background:white!important}
 .credencial img{width:160px!important}
}

/* Reportes JAMPARA: filtros, tablas de canje y trazabilidad de clientes */
.filtros-reportes{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) minmax(200px,1fr) auto auto;gap:11px;align-items:end;background:var(--panel);border:1px solid var(--line);padding:19px;margin-bottom:21px}
.filtros-reportes label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px;letter-spacing:.12em;font-weight:700}
.filtros-reportes input,.filtros-reportes select{min-width:0;width:100%;height:42px;font-size:12px;letter-spacing:normal}
.filtros-reportes .accion{height:42px;padding:10px 12px}
.resumen-reporte{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center;background:#25211d;border:1px solid var(--line);padding:15px 21px;margin-bottom:17px}
.resumen-reporte strong{color:#e9d4b4;font-size:12px}.resumen-reporte span{font-size:11px;color:var(--muted)}
.tabs-reportes{display:flex;gap:5px;border-bottom:1px solid #675137;margin-bottom:13px;overflow:auto;scrollbar-width:thin}
.tab-reporte{white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent;padding:15px 18px;color:#bcae9d;font-size:12px}
.tab-reporte.seleccionada{border-bottom-color:#d0ac7b;background:#2e271f;color:#f4e6cb;font-weight:700}
.acciones-reporte{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0}
.acciones-reporte span{font-size:10px;letter-spacing:.17em;color:var(--gold)}.acciones-reporte .accion{padding:10px 15px}
.reporte-verde{color:#a9d5b0;font-weight:700}.meta-tabla{display:block;font-size:10px;color:#a99a85;margin-top:5px;font-weight:400;white-space:nowrap}
.codigo-ref{font:11px ui-monospace,Consolas,monospace;color:#d4b58d;letter-spacing:.06em}
.bloque-reporte{margin-top:18px}.bloque-reporte h2{margin-bottom:18px}
@media(max-width:1300px){.filtros-reportes{grid-template-columns:repeat(3,minmax(160px,1fr))}.filtros-reportes .accion{max-width:180px}}
@media(max-width:780px){.filtros-reportes{grid-template-columns:1fr 1fr}.filtros-reportes .buscar-reporte{grid-column:1/-1}}
@media(max-width:540px){.filtros-reportes{grid-template-columns:1fr}.filtros-reportes .buscar-reporte{grid-column:auto}.acciones-reporte{align-items:flex-start}.resumen-reporte{flex-direction:column;align-items:flex-start}.tab-reporte{padding:12px 10px}}

/* Seguridad, gestión de usuarios y componentes móviles JAMPARA */
[hidden]{display:none!important}
.pantalla-acceso{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#3d3023 0%,#1d1a17 50%,#151413 100%)}
.tarjeta-acceso{width:min(460px,100%);border:1px solid #68543d;background:#211e1b;padding:clamp(26px,5vw,48px);box-shadow:0 30px 80px #0008}
.logo-acceso{width:192px;max-width:100%;display:block;margin:0 0 33px;mix-blend-mode:screen}
.tarjeta-acceso h1{font:400 clamp(27px,4vw,35px) Georgia,serif;margin:0 0 12px}
.subacceso{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 26px}
.form-acceso{display:flex;flex-direction:column;gap:10px}.form-acceso label{color:#d5c3ac;font-size:11px;margin-top:6px}
.form-acceso input{width:100%;min-height:48px}.form-acceso .accion{margin-top:6px;min-height:48px}
.error-acceso{min-height:17px;color:#f2bbb0;font-size:12px;margin:2px 0}.pie-acceso{color:#907d67;font-size:10px;margin:30px 0 0}
.identidad-usuario{font-size:11px;color:#d6c2a4;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}
.promotor{flex-wrap:wrap}.promotor-info{flex:1;min-width:130px}.promotor .tag{margin-left:0}
.promotor-acciones{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap}
@media(max-width:1050px){.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.roles-grid{grid-template-columns:1fr}.promotor-acciones{width:100%}.promotor-acciones .tabla-boton{flex:1;min-height:42px}.cabezal-derecha{display:flex;gap:8px}.identidad-usuario{max-width:90px;font-size:10px}.cabezal-derecha .tabla-boton{padding:8px}.ruta{font-size:8px;letter-spacing:.05em}.modal{padding:20px}.tabla-boton{min-height:36px}}


/* JAMPARA: identidad DragonTech y acceso profesional adaptable */
:root{--accent-deep:#b99a6b;--ink:#100f0e;--soft:#efe3cc}
.pantalla-acceso{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(410px,.91fr);padding:0;min-height:100dvh;place-items:stretch;background:#14120f}
.acceso-presentacion{position:relative;min-height:100dvh;padding:clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 70% 39%,#362b20 0%,#1e1a16 36%,#151311 70%),#171410;border-right:1px solid #594933}
.acceso-presentacion:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.46;background:linear-gradient(90deg,transparent 49.95%,#bd996725 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,#bd996718 50%,transparent 50.05%);background-size:104px 104px;mask-image:linear-gradient(90deg,transparent,#000 80%)}
.acceso-presentacion:after{content:"";pointer-events:none;position:absolute;top:15%;right:-195px;width:480px;height:480px;border:1px solid #ad86502c;border-radius:50%;box-shadow:0 0 0 85px #b3960c06,0 0 0 170px #b3960c04}
.acceso-cabecera,.acceso-presentacion-contenido,.acceso-marca-desarrollador{position:relative;z-index:1}
.acceso-cabecera{display:flex;align-items:center;gap:13px}
.sello-dc img{width:32px;height:36px;object-fit:contain;display:block}.sello-dc{background:#f7f4ee!important;height:40px;width:40px;display:grid;place-items:center;border:1px solid #ac8b5f;color:#e9d0a5;font:700 12px Arial,sans-serif;letter-spacing:.04em;background:#382b1b75}
.cabecera-producto{display:flex;flex-direction:column;gap:3px}.cabecera-producto strong{font-size:18px;font-weight:700;letter-spacing:-.02em;color:#f3e8d5}.cabecera-producto small{font-size:8px;letter-spacing:.22em;color:#b6a07d}
.acceso-presentacion-contenido{max-width:630px;margin:auto 0;padding:66px 0 48px}
.acceso-pretitle{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.24em;color:#d4b78a;font-weight:700;white-space:nowrap}.linea-oro{display:inline-block;height:1px;background:#b38c5b;width:35px}
.acceso-presentacion .logo-acceso{display:block;margin:38px 0 32px;width:min(490px,90%);max-height:140px;height:auto;object-fit:contain;object-position:left center;mix-blend-mode:screen;filter:drop-shadow(0 6px 24px #0005)}
.acceso-presentacion h2{font:400 clamp(36px,4.4vw,64px)/1.09 Georgia,'Times New Roman',serif;letter-spacing:-.037em;color:#f7eedf;margin:0 0 20px}.acceso-presentacion h2 em{color:#c6a57b;font-style:normal}
.acceso-presentacion-contenido>p{max-width:520px;color:#beb1a1;font-size:clamp(13px,1.2vw,15px);line-height:1.85;margin:0}
.acceso-funciones{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.acceso-funciones span{border:1px solid #70593a;color:#d6c2a7;padding:8px 12px;font-size:10px;letter-spacing:.04em;background:#3b312429}
.acceso-marca-desarrollador{display:flex;align-items:center;gap:15px;justify-content:flex-start;padding-top:16px;border-top:1px solid #564533}.acceso-marca-desarrollador span{color:#b5a489;font-size:9px;letter-spacing:.18em}.acceso-marca-desarrollador img{width:164px;height:auto;display:block;border-radius:5px}
.acceso-formulario{position:relative;min-width:0;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px clamp(24px,5.5vw,95px);background:radial-gradient(circle at 15% 0%,#2c241c 0%,transparent 49%),#171512}
.acceso-formulario:before{content:"";width:42px;height:2px;background:#bba078;position:absolute;top:0;left:0}
.acceso-topline{position:absolute;top:42px;right:clamp(24px,5.5vw,95px);font-weight:700;font-size:10px;color:#baa88c;letter-spacing:.19em;display:flex;align-items:center;gap:11px}.punto-enlinea{display:inline-block;width:7px;height:7px;background:#bb9a6d;border-radius:50%;box-shadow:0 0 0 4px #b99b7024;flex:none}
.tarjeta-acceso{padding:10px 0;box-shadow:none;background:transparent;border:0;width:min(470px,100%)}.acceso-eyebrow{display:block;color:#caab81;font-weight:700;font-size:10px;letter-spacing:.21em;margin-bottom:22px}
.tarjeta-acceso h1{font:400 clamp(33px,3.2vw,48px)/1.13 Georgia,serif;letter-spacing:-.04em;margin:0 0 17px;color:#f4eadb}.subacceso{font-size:14px;line-height:1.75;margin-bottom:34px;color:#afa393;max-width:420px}
.form-acceso{gap:12px}.form-acceso label{font-size:12px;font-weight:600;color:#e4d4bd;letter-spacing:.015em;margin-top:9px}.form-acceso input{width:100%;min-height:55px;padding:0 17px;background:#26221e;color:#f9ecdb;border:1px solid #514536;border-radius:7px;outline:none;transition:border .16s,box-shadow .16s;font-size:14px}.form-acceso input:focus{border-color:#bf9d6c;box-shadow:0 0 0 3px #c7a57720}.form-acceso input::placeholder{color:#928677}.campo-clave{position:relative}.campo-clave input{padding-right:91px}.mostrar-clave{background:transparent;border:0;padding:10px;color:#dec09a;font-size:11px;position:absolute;right:9px;top:50%;transform:translateY(-50%)}.mostrar-clave:hover{color:#fff}.accion-acceso{display:flex;align-items:center;justify-content:space-between;margin-top:12px!important;height:56px;border-radius:7px;background:linear-gradient(110deg,#dcc19c,#bb9565);border-color:#d2b58d;font-size:13px;text-transform:none;letter-spacing:0;padding:0 22px}.accion-acceso span{font-size:23px;font-weight:400}.accion-acceso:hover{background:linear-gradient(110deg,#e6cfaa,#c5a072)}.error-acceso{min-height:13px;font-size:12px}.acceso-detalle{display:flex;align-items:center;gap:10px;color:#94897a;font-size:11px;margin-top:30px;border-top:1px solid #3d332a;padding-top:22px}.acceso-form-footer{display:none}.acceso-form-footer img{width:146px;border-radius:5px}.acceso-form-footer{color:#a79a8a;font-size:10px;align-items:center;gap:10px}
.barra .marca{padding:26px 26px 22px}.barra .marca img{max-width:100%;width:174px}.barra .pie-barra{padding:19px 23px 20px;gap:9px}.pie-barra-etiqueta{font-size:9px!important;letter-spacing:.16em;color:#bca789!important}.marca-tecnologia{width:162px;max-width:100%;border-radius:5px;display:block}.pie-barra-desc{font-size:9px!important;letter-spacing:.03em;color:#82796f!important}.pie-powered{color:#bca782;font-weight:600}.cabezal .identidad-usuario{font-weight:600}.accion,.tabla-boton,.item,.menu-movil{transition:background .15s,border-color .15s,transform .15s}.accion:active,.tabla-boton:active{transform:translateY(1px)}
@media(max-width:1040px){.pantalla-acceso{grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}.acceso-presentacion{padding:34px}.acceso-formulario{padding:35px}.acceso-topline{right:35px}}
@media(max-width:760px){.pantalla-acceso{display:flex;flex-direction:column;min-height:100dvh}.acceso-presentacion{min-height:unset;padding:25px 25px 21px;border-right:0;border-bottom:1px solid #5c4832}.acceso-presentacion:after{width:250px;height:250px;right:-120px;top:-10%}.acceso-presentacion:before{background-size:70px 70px}.acceso-cabecera .sello-dc{width:32px;height:32px;font-size:10px}.cabecera-producto strong{font-size:15px}.cabecera-producto small{font-size:7px}.acceso-presentacion-contenido{padding:27px 0 7px;max-width:unset;margin:0}.acceso-pretitle{font-size:9px}.acceso-pretitle .linea-oro{width:22px}.acceso-presentacion .logo-acceso{width:min(280px,84%);max-height:85px;margin:18px 0 12px}.acceso-presentacion h2{font-size:clamp(26px,8vw,37px);line-height:1.1;margin-bottom:10px}.acceso-presentacion-contenido>p{display:none}.acceso-funciones{display:none}.acceso-marca-desarrollador{display:none}.acceso-formulario{flex:1;min-height:unset;padding:32px 26px 25px;justify-content:flex-start}.acceso-topline{position:static;align-self:flex-end;margin-bottom:31px;font-size:9px}.tarjeta-acceso{width:100%;max-width:440px}.tarjeta-acceso h1{font-size:clamp(31px,8.8vw,43px)}.subacceso{font-size:13px;margin-bottom:24px}.acceso-eyebrow{margin-bottom:14px}.form-acceso input{min-height:53px}.acceso-form-footer{display:flex;justify-content:center;margin-top:32px;flex-wrap:wrap}.acceso-detalle{margin-top:16px}.pantalla-acceso{overflow-x:hidden}}
@media(max-width:380px){.acceso-formulario{padding:24px 20px}.acceso-presentacion{padding:22px 20px}.acceso-topline{margin-bottom:17px}.tarjeta-acceso h1{font-size:31px}.acceso-form-footer img{width:134px}}
@media(prefers-reduced-motion:reduce){.accion,.tabla-boton,.item,.menu-movil{transition:none}}


/* R9 | Acceso negro-dorado aprobado. Sin cambios en módulos internos. */
html,body{background:#100e0d}
.pantalla-acceso{display:flex;align-items:center;justify-content:center;min-height:100dvh;position:relative;padding:clamp(14px,4.3vw,70px);background:radial-gradient(ellipse at 22% 5%,#402719 0%,#241811 21%,transparent 47%),radial-gradient(ellipse at 93% 95%,#3f2816 0%,transparent 29%),#120f0e}
.pantalla-acceso:before{content:"";pointer-events:none;position:absolute;top:-12%;left:11%;width:min(58vw,700px);aspect-ratio:1;border:1px solid #b7854655;border-radius:50%;box-shadow:0 0 110px #bf7a2c25}
.acceso-marco{display:grid;grid-template-columns:56.5% 43.5%;width:min(1340px,100%);min-height:min(740px,calc(100dvh - 100px));border:1.5px solid #bd8b48;border-radius:26px;overflow:hidden;background:#14100f;box-shadow:0 22px 60px #0007;position:relative;z-index:1}
.pantalla-acceso .acceso-presentacion{min-height:0;background:#13100e url('/marca/acceso-aprobado.webp') center/100% 100% no-repeat!important;padding:0;border:0;border-right:1px solid #bd8b48;display:block}
.pantalla-acceso .acceso-presentacion:before,.pantalla-acceso .acceso-presentacion:after{display:none!important}
.pantalla-acceso .acceso-formulario{background:radial-gradient(ellipse at 100% 45%,#271b13 0%,#150f0e 55%,#110f0e 100%);padding:clamp(26px,3.6vw,62px);display:flex;justify-content:center;align-items:center;min-height:0}
.pantalla-acceso .acceso-formulario:before{display:none}
.pantalla-acceso .tarjeta-acceso{width:100%;max-width:470px;padding:0;background:none;border:0;box-shadow:none}
.pantalla-acceso .tarjeta-acceso h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,3.5vw,58px);font-weight:700;letter-spacing:-.045em;line-height:1.13;color:#f5e9d6;margin:0 0 15px;white-space:nowrap}
.pantalla-acceso .tarjeta-acceso h1 em{font-style:normal;color:#dab075}
.pantalla-acceso .subacceso{font-size:clamp(14px,1.3vw,21px);color:#d7c9b8;margin:0 0 45px}
.pantalla-acceso .form-acceso{display:flex;flex-direction:column;gap:17px}
.pantalla-acceso .entrada-acceso{min-height:58px;display:flex;align-items:center;position:relative;border:1px solid #796b5a;background:#26211e;border-radius:12px;padding:0 12px 0 18px}
.pantalla-acceso .entrada-acceso:focus-within{border-color:#e5b980;box-shadow:0 0 0 3px #e5b98025}
.pantalla-acceso .entrada-acceso svg{flex:none;width:25px;height:25px;fill:none;stroke:#e6c290;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pantalla-acceso .entrada-acceso input{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:#f5ead9;min-width:0;width:100%;min-height:56px;padding:0 12px!important;border-radius:0;font-size:17px}
.pantalla-acceso .entrada-acceso input::placeholder{color:#d0c1ad;opacity:1}
.pantalla-acceso .mostrar-clave{border:0;flex:none;position:static;transform:none;color:#e6c290;font-size:12px;padding:10px 2px;background:none}
.pantalla-acceso .acceso-recordarme{margin:0;display:flex;gap:11px;align-items:center;width:max-content;cursor:pointer;color:#f1e3cc;font-weight:400;font-size:14px}
.pantalla-acceso .acceso-recordarme input{appearance:none;-webkit-appearance:none;width:21px;min-height:21px;height:21px;flex:none;border:1px solid #bd8b48;border-radius:5px;background:#1f1b18;padding:0;display:grid;place-content:center;cursor:pointer;margin:0}
.pantalla-acceso .acceso-recordarme input:checked{background:#d9b27d;border-color:#e4bf8b}
.pantalla-acceso .acceso-recordarme input:checked:after{content:'✓';color:#24170c;font-weight:900;line-height:18px;font-size:16px}
.pantalla-acceso .acceso-recordarme input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pantalla-acceso .error-acceso{font-size:12px;line-height:1.4;min-height:0;margin:0;color:#f8c4b8}
.pantalla-acceso .error-acceso:empty{display:none}
.pantalla-acceso .accion-acceso{margin-top:10px!important;background:linear-gradient(110deg,#f1d5a2,#deb06d);border:1px solid #ffdfaa;border-radius:13px;min-height:66px;display:flex;align-items:center;justify-content:center;position:relative;font-size:19px;font-weight:800;letter-spacing:.01em;color:#281807;padding:0 20px;box-shadow:0 11px 25px #d59c4130}
.pantalla-acceso .accion-acceso span{position:absolute;right:26px;font-size:28px;font-weight:400;line-height:1}
.pantalla-acceso .accion-acceso:hover{background:linear-gradient(110deg,#f5dfb5,#edbe80)}
.pantalla-acceso .acceso-form-footer{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:45px;color:#e9dfcf;font-size:18px}
.pantalla-acceso .acceso-form-footer:before,.pantalla-acceso .acceso-form-footer:after{content:"";width:60px;height:1px;background:#665647;opacity:.8}
.pantalla-acceso .acceso-form-footer strong{font-weight:600;color:#f0e7d6}
.visualmente-oculto{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.pantalla-acceso{padding:12px}.acceso-marco{grid-template-columns:1fr;max-width:560px;min-height:0}.pantalla-acceso .acceso-presentacion{height:260px;background-size:100% 100%!important;border-right:0;border-bottom:1px solid #ad864f}.pantalla-acceso .acceso-formulario{padding:30px 27px 35px}.pantalla-acceso .tarjeta-acceso h1{font-size:clamp(33px,7vw,45px)}.pantalla-acceso .subacceso{font-size:16px;margin-bottom:25px}.pantalla-acceso .entrada-acceso{min-height:54px}.pantalla-acceso .entrada-acceso input{min-height:52px}.pantalla-acceso .accion-acceso{min-height:58px;font-size:16px}.pantalla-acceso .acceso-form-footer{margin-top:27px;font-size:14px}}
@media(max-width:400px){.pantalla-acceso .acceso-presentacion{height:220px}.pantalla-acceso .acceso-formulario{padding:24px 20px 28px}.pantalla-acceso .tarjeta-acceso h1{font-size:34px}.pantalla-acceso .form-acceso{gap:13px}.pantalla-acceso .acceso-form-footer:before,.pantalla-acceso .acceso-form-footer:after{width:33px}}