/* Seguridad de acceso. Extiende la marca de sistema.css sin alterar sus componentes. */
.acceso-seg-body{min-width:320px}
.acceso-seg{
  width:min(100%,1040px);min-height:100dvh;margin:0 auto;padding:clamp(24px,6vw,72px) 24px 28px;
  display:grid;grid-template-columns:minmax(240px,300px) minmax(0,620px);
  grid-template-areas:"identidad contenido" "pie pie";gap:28px clamp(32px,6vw,72px);
  align-content:center;
}
.acceso-identidad{grid-area:identidad;align-self:start;padding-top:18px}
.acceso-logo{display:inline-flex;flex-direction:column;gap:14px;color:var(--tinta)}
.acceso-logo img{display:block;width:196px;max-width:100%;height:auto}
.acceso-logo span{
  max-width:220px;font:600 var(--t-xs)/1.35 var(--display-marca);
  letter-spacing:.02em;text-transform:uppercase;color:var(--tinta-3);
}
.acceso-presentacion{margin-top:clamp(32px,8vh,72px)}
.acceso-sistema{font-size:var(--t-xs);font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--navy-logo)}
.acceso-presentacion h1{
  max-width:300px;margin-top:6px;font-family:var(--display);font-size:clamp(2rem,4vw,var(--t-2xl));
  line-height:1.04;letter-spacing:-.035em;color:var(--tinta);
}
.acceso-presentacion > p:last-child{max-width:280px;margin-top:12px;font-size:var(--t-md);line-height:1.55;color:var(--tinta-2)}
.acceso-lema{margin-top:24px;color:var(--oro-txt);font-size:var(--t-sm)}
.acceso-contenido{grid-area:contenido;min-width:0}
.acceso-pie{grid-area:pie;margin:12px 0 0;text-align:center;font-size:var(--t-2xs);color:var(--tinta-3)}

.acceso-panel{
  width:100%;padding:clamp(24px,5vw,40px);background:var(--panel);border-radius:var(--r-2xl);
  box-shadow:var(--lift-2);
}
.acceso-panel h2{font-size:var(--t-xl);font-weight:650;letter-spacing:-.025em;color:var(--tinta)}
.acceso-panel h2 + p,.acceso-panel > p + h2 + p{margin-top:9px;color:var(--tinta-2);font-size:var(--t-sm);line-height:1.55}
.acceso-panel b{font-weight:650}
.acceso-sobre{
  margin:0 0 7px;color:var(--navy-logo);font-size:var(--t-2xs);font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;
}
.acceso-mensaje{
  margin:0 0 14px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--riesgo) 35%,transparent);
  border-radius:var(--r-lg);background:var(--riesgo-f);color:var(--riesgo);font-size:var(--t-sm);font-weight:600;
}

/* Las tres cintas del puente se vuelven secuencia: forma de marca con función real. */
.acceso-progreso{
  position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  list-style:none;margin:0 18px 18px;padding:0 6px;
}
.acceso-progreso::before{
  content:"";position:absolute;left:12.5%;right:12.5%;top:12px;height:1px;background:var(--linea-fuerte);z-index:-1;
}
.acceso-progreso li{display:grid;justify-items:center;gap:4px;color:var(--tinta-3);font-size:var(--t-2xs)}
.acceso-progreso span{
  width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--linea-fuerte);
  border-radius:8px 3px 8px 3px;background:var(--lienzo);font:650 var(--t-2xs)/1 var(--cifras);
}
.acceso-progreso b{font-weight:600}
.acceso-progreso .completo span{background:var(--verde-txt);border-color:var(--verde-txt);color:#fff}
.acceso-progreso .actual span{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 3px var(--navy-f)}
.acceso-progreso .actual b{color:var(--tinta)}

.acceso-form{display:grid;gap:9px;margin-top:22px;text-align:left}
.acceso-form label,.acceso-etiqueta{font-size:var(--t-xs);font-weight:650;color:var(--tinta-2)}
.acceso-form input:not([type="checkbox"]),.acceso-form select,.acceso-form textarea{
  width:100%;min-width:0;padding:10px 12px;border:1px solid var(--linea-fuerte);border-radius:var(--r-lg);
  background:var(--panel);color:var(--tinta);font:inherit;font-size:var(--t-md);
  transition:border-color var(--rapido) linear,box-shadow var(--rapido) linear;
}
.acceso-form textarea{resize:vertical;line-height:1.45}
.acceso-form select{
  appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23646C85' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
}
.acceso-form input:focus,.acceso-form select:focus,.acceso-form textarea:focus{
  outline:0;border-color:var(--navy-logo);box-shadow:0 0 0 3px var(--navy-f);
}
.acceso-form input:disabled,.acceso-form select:disabled,.acceso-form textarea:disabled{background-color:var(--panel-2);color:var(--tinta-3)}
.acceso-form > div[data-metodo]{display:grid;gap:9px}
.acceso-ayuda{margin:-4px 0 3px;color:var(--tinta-3);font-size:var(--t-xs);line-height:1.45}
.acceso-error-local{margin:2px 0;color:var(--riesgo);font-size:var(--t-xs);font-weight:650}
.acceso-codigo{max-width:220px;font:600 1.3rem/1.2 var(--cifras)!important;letter-spacing:.18em;font-variant-numeric:tabular-nums}
.acceso-codigo-reserva{max-width:320px;letter-spacing:.06em;text-transform:uppercase}

.acceso-btn{
  width:max-content;max-width:100%;min-height:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:9px 16px;border:1px solid transparent;border-radius:var(--r-lg);font:600 var(--t-sm)/1.3 var(--sans);
  text-align:center;text-decoration:none;cursor:pointer;
  transition:background var(--rapido) linear,border-color var(--rapido) linear,color var(--rapido) linear,transform var(--rapido) var(--sale);
}
.acceso-btn-principal{margin-top:7px;background:var(--navy);color:#fff}
.acceso-btn-principal:hover{background:var(--navy-logo)}
.acceso-btn-secundario{background:var(--panel);border-color:var(--linea-fuerte);color:var(--tinta)}
.acceso-btn-secundario:hover{background:var(--panel-2);border-color:#a9b1c4}
.acceso-btn-terciario{background:transparent;color:var(--tinta-2)}
.acceso-btn-terciario:hover{background:var(--realce);color:var(--tinta)}
.acceso-btn:active{transform:translateY(1px)}
.acceso-btn:disabled{opacity:.56;cursor:wait;pointer-events:none}
.acceso-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.acceso-cargando{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--tinta-2)}
.acceso-indicador{width:24px;height:24px;border:2px solid var(--linea-fuerte);border-top-color:var(--navy-logo);border-radius:50%;animation:acceso-gira .7s linear infinite}
@keyframes acceso-gira{to{transform:rotate(360deg)}}

.acceso-inscripcion{display:grid;grid-template-columns:224px minmax(0,1fr);gap:20px;align-items:center;margin-top:22px}
.acceso-qr{width:224px;height:224px;padding:10px;background:#fff;border:1px solid var(--linea);border-radius:var(--r-xl)}
.acceso-qr img{display:block;width:100%;height:100%;object-fit:contain}
.acceso-manual{min-width:0}
.acceso-manual code,.acceso-recibo code{
  display:block;margin:7px 0 12px;padding:11px;background:var(--panel-2);border-radius:var(--r);
  color:var(--tinta);font:600 var(--t-sm)/1.5 var(--mono);overflow-wrap:anywhere;user-select:all;
}
.acceso-manual .acceso-ayuda{margin:8px 0 0}
.acceso-codigos{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;
  margin:20px 0;padding:16px 16px 16px 42px;background:var(--panel-2);border-radius:var(--r-xl);
}
.acceso-codigos code{font:600 var(--t-sm)/1.5 var(--mono);letter-spacing:.05em;color:var(--tinta)}
.acceso-confirmacion{margin-top:18px;padding-top:18px;border-top:1px solid var(--linea)}
.acceso-check{display:flex!important;align-items:flex-start;gap:9px;line-height:1.45}
.acceso-check input{width:19px;height:19px;margin:1px 0 0;flex:none;accent-color:var(--navy-logo)}

.acceso-alternativa{margin-top:26px;padding-top:20px;border-top:1px solid var(--linea)}
.acceso-alternativa summary{width:max-content;max-width:100%;cursor:pointer;color:var(--navy-logo);font-weight:650}
.acceso-alternativa > p{margin-top:11px;color:var(--tinta-2);font-size:var(--t-sm);line-height:1.55}
.acceso-form-compacto{margin-top:15px;padding:16px;border:1px solid var(--linea);border-radius:var(--r-xl);background:var(--panel-2)}
.acceso-form-compacto input:not([type="checkbox"]),.acceso-form-compacto textarea{background:var(--panel)}
.acceso-exito,.acceso-recibo{margin-top:22px;padding:18px;border:1px solid var(--linea-fuerte);border-radius:var(--r-xl);background:var(--ok-f)}
.acceso-exito h3{font-size:var(--t-lg);color:var(--verde-txt)}
.acceso-exito p{margin-top:6px;color:var(--tinta-2)}
.acceso-enlace-pie{display:inline-block;margin-top:20px;color:var(--navy-logo);font-size:var(--t-sm);font-weight:600}
.acceso-respuesta{margin-top:13px;padding:12px;border-radius:var(--r-lg);background:var(--ok-f);color:var(--verde-txt);font-size:var(--t-sm);font-weight:600}

.seguridad-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.seguridad-cabecera > div:first-child p{margin-top:7px;color:var(--tinta-2)}
.seguridad-reservas{min-width:120px;padding:11px 14px;border-radius:var(--r-xl);background:var(--navy);color:#fff;text-align:center}
.seguridad-reservas b{display:block;font:600 var(--t-xl)/1 var(--cifras);font-variant-numeric:tabular-nums}
.seguridad-reservas span{display:block;margin-top:4px;font-size:var(--t-2xs);line-height:1.3}
.seguridad-acciones{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.acceso-nota{min-height:1.5em;margin-top:12px;color:var(--alerta);font-size:var(--t-xs);font-weight:600}
.seguridad-autorizar{margin-top:18px;padding:20px;border:1px solid var(--linea);border-radius:var(--r-xl);background:var(--panel-2)}
.seguridad-autorizar h3{margin-bottom:5px;font-size:var(--t-lg)}
.seguridad-autorizar input:not([type="checkbox"]),.seguridad-autorizar select{background-color:var(--panel)}
#panel-solicitudes{margin-top:18px}
.solicitudes-lista{display:grid;gap:12px;margin-top:20px}
.solicitud{padding:18px;border:1px solid var(--linea);border-radius:var(--r-xl);background:var(--panel-2)}
.solicitud-cabecera{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.solicitud-cabecera h3{font-size:var(--t-md);overflow-wrap:anywhere}
.solicitud-cabecera time{flex:none;color:var(--tinta-3);font-size:var(--t-2xs)}
.solicitud .acceso-form{padding:0;border:0}
.acceso-vacio{margin-top:18px;color:var(--tinta-3);font-size:var(--t-sm)}
.dispositivos-lista{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.dispositivo{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:12px 14px;border:1px solid var(--linea);border-radius:var(--r-xl);background:var(--panel-2)}
.dispositivo b{font-size:var(--t-sm);overflow-wrap:anywhere}
.dispositivo span{flex:none;color:var(--tinta-3);font-size:var(--t-2xs)}
.dispositivo-este{border-color:var(--tinta-3)}
.acceso-recibo{background:var(--alerta-f);border-color:color-mix(in srgb,var(--alerta) 32%,transparent)}
.acceso-recibo code{font-size:var(--t-lg);letter-spacing:.06em;background:var(--panel)}
.acceso-recibo > p:last-child{color:var(--tinta-2);font-size:var(--t-sm)}
.acceso-salida{display:flex;justify-content:flex-end;gap:18px;margin-top:18px;padding:0 4px;font-size:var(--t-sm)}
.acceso-salida a{color:var(--navy-logo);font-weight:600}
.acceso-salida a:last-child{color:var(--tinta-2)}

@media (max-width: 760px){
  .acceso-seg{grid-template-columns:1fr;grid-template-areas:"identidad" "contenido" "pie";gap:24px;padding-top:28px}
  .acceso-identidad{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;padding:0}
  .acceso-logo{grid-row:1/3;gap:8px}
  .acceso-logo img{width:132px}
  .acceso-logo span{max-width:150px;font-size:10px}
  .acceso-presentacion{margin:0}
  .acceso-presentacion h1{font-size:var(--t-xl)}
  .acceso-presentacion > p:last-child{margin-top:6px;font-size:var(--t-sm)}
  .acceso-lema{grid-column:2;margin:7px 0 0}
}

@media (max-width: 560px){
  .acceso-seg{padding:18px 14px 22px;gap:18px}
  .acceso-identidad{grid-template-columns:92px 1fr;column-gap:14px}
  .acceso-logo img{width:92px}
  .acceso-logo span{display:none}
  .acceso-sistema{font-size:10px}
  .acceso-presentacion h1{font-size:1.45rem}
  .acceso-presentacion > p:last-child{font-size:var(--t-xs);line-height:1.4}
  .acceso-lema{font-size:var(--t-xs)}
  .acceso-panel{padding:22px 18px;border-radius:var(--r-xl)}
  .acceso-progreso{margin-inline:0;gap:2px}
  .acceso-progreso b{font-size:10px}
  .acceso-inscripcion{grid-template-columns:1fr;justify-items:center}
  .acceso-manual{width:100%;text-align:left}
  .acceso-codigos{grid-template-columns:1fr}
  .acceso-btn{width:100%}
  .acceso-acciones,.seguridad-acciones{display:grid;grid-template-columns:1fr}
  .seguridad-cabecera{display:grid}
  .seguridad-reservas{width:100%;display:flex;align-items:baseline;justify-content:center;gap:7px}
  .solicitud-cabecera{display:grid;gap:2px}
  .acceso-salida{justify-content:space-between}
}

@media (prefers-reduced-motion: reduce){
  .acceso-btn,.acceso-form input,.acceso-form select,.acceso-form textarea{transition:none}
  .acceso-btn:active{transform:none}
  .acceso-indicador{animation-duration:1.4s}
}