/* =====================================================================
   PROYECTO ZERO — Crew Zero
   Se apoya en las variables de sitio.css
   ===================================================================== */

.crew__cabeza{padding:140px 0 30px}
.crew__cabeza--ajustada{padding-top:26px}

.crew__nav{display:flex;align-items:center;gap:18px}
.crew__navEnlace{
  font:600 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;
  color:var(--tenue);transition:color .2s;
}
.crew__navEnlace:hover{color:var(--hueso)}
.crew__quien{
  font:500 12px/1 var(--dato);color:var(--oro);
  padding:7px 12px;border:1px solid var(--linea);border-radius:999px;
}
.boton--chico{padding:10px 18px;font-size:11.5px}

.regresarPub{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;
  font:600 11.5px/1 var(--display);letter-spacing:.13em;text-transform:uppercase;
  color:var(--tenue);transition:color .2s;
}
.regresarPub:hover{color:var(--oro)}
.regresarPub svg{width:15px;height:15px}

.tituloSeccion{
  font:700 clamp(19px,2.6vw,25px)/1.2 var(--display);
  letter-spacing:.04em;text-transform:uppercase;margin:0 0 20px;
}
.tenuePub{color:var(--tenue);font-size:14.5px}

/* ------------------------------------------------------------- FILTROS */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filtro{
  display:inline-block;border:1px solid var(--linea);border-radius:999px;
  padding:9px 17px;color:var(--tenue);background:none;
  font:600 11.5px/1 var(--display);letter-spacing:.11em;text-transform:uppercase;
  transition:border-color .2s,color .2s,background .2s;
}
.filtro:hover{border-color:var(--linea-fuerte);color:var(--hueso)}
.filtro--activo{background:rgba(245,133,30,.12);border-color:var(--ambar);color:var(--oro)}

/* ------------------------------------------------------- CONVOCATORIAS */
.convocatorias{display:grid;gap:16px}

.tarjetaConv{
  display:grid;grid-template-columns:84px 1fr;gap:20px;
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:22px;
  transition:border-color .25s,transform .25s;
}
.tarjetaConv:hover{border-color:rgba(245,133,30,.45);transform:translateY(-3px)}

.tarjetaConv__fecha{
  border:1px solid var(--linea);border-radius:11px;background:var(--carbon);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:14px 6px;height:fit-content;
}
.tarjetaConv__dia{font:700 30px/1 var(--display);color:var(--oro)}
.tarjetaConv__mes{
  font:500 11px/1 var(--dato);letter-spacing:.16em;
  text-transform:uppercase;color:var(--tenue);margin-top:5px;
}

.tarjetaConv__alto{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.tarjetaConv__titulo{
  font:700 19px/1.2 var(--display);letter-spacing:.04em;
  text-transform:uppercase;margin:0;
}
.tarjetaConv__titulo a:hover{color:var(--oro)}
.tarjetaConv__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  color:var(--tenue);font-size:13.5px;margin:0 0 10px;
}
.tarjetaConv__icono{width:15px;height:15px;color:var(--oro);flex:0 0 auto}
.tarjetaConv__punto{color:var(--linea-fuerte)}
.tarjetaConv__texto{color:var(--tenue);font-size:14.5px;margin:0 0 14px;line-height:1.55}

.puestos{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 16px}
.puesto{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--linea);border-radius:999px;padding:6px 13px;
  font-size:12.5px;color:var(--hueso);
}
.puesto__cupo{font:500 11px var(--dato);color:var(--oro)}
.puesto--lleno{opacity:.45}
.puesto--lleno .puesto__cupo{color:var(--tenue)}

.barraCupo{
  height:5px;border-radius:99px;background:var(--carbon);
  border:1px solid var(--linea);overflow:hidden;margin-bottom:7px;
}
.barraCupo__lleno{display:block;height:100%;background:var(--degradado);transition:width .5s}
.barraCupo__texto{
  font:500 11px/1 var(--dato);letter-spacing:.1em;
  text-transform:uppercase;color:var(--tenue);margin:0 0 16px;
}

/* ------------------------------------------------------------ INSIGNIAS */
.insignia{
  display:inline-block;flex:0 0 auto;
  border:1px solid var(--linea-fuerte);border-radius:999px;padding:6px 13px;
  font:600 10.5px/1 var(--display);letter-spacing:.12em;
  text-transform:uppercase;color:var(--tenue);white-space:nowrap;
}
.insignia--pocos{border-color:var(--oro);color:var(--oro)}
.insignia--llena{opacity:.55}
.insignia--tuyo{border-color:#2FD8A0;color:#2FD8A0;background:rgba(47,216,160,.1)}
.insignia--espera{border-color:var(--oro);color:var(--oro);background:rgba(251,191,22,.09)}

/* --------------------------------------------------------------- FICHA */
.fichaConv{
  display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;padding:0;margin:0 0 20px;
}
.fichaConv li{display:flex;align-items:center;gap:9px;color:var(--tenue);font-size:14.5px}
.fichaConv__icono{width:17px;height:17px;color:var(--oro);flex:0 0 auto}

.avisoCaja{
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:18px 20px;margin-bottom:22px;
}
.avisoCaja--ok{border-color:rgba(47,216,160,.4);background:rgba(47,216,160,.06)}
.avisoCaja p{margin:0 0 8px;font-size:14.5px;color:var(--tenue)}
.avisoCaja p:last-child{margin-bottom:0}
.avisoCaja strong{color:var(--hueso)}
.avisoCaja__nota{font-size:13px;font-style:italic}
.avisoCaja__icono{width:16px;height:16px;color:var(--oro);vertical-align:-3px;margin-right:6px}

/* --------------------------------------------------------------- TURNO */
.turno{
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:22px;margin-bottom:16px;
}
.turno--pasado{opacity:.55}
.turno__cabeza{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.turno__titulo{
  font:700 17px/1.2 var(--display);letter-spacing:.05em;
  text-transform:uppercase;margin:0 0 6px;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.turno__tipo{
  font:500 10px/1 var(--dato);letter-spacing:.14em;color:var(--oro);
  border:1px solid rgba(245,133,30,.4);border-radius:999px;padding:4px 9px;
  text-transform:uppercase;
}
.turno__cuando{color:var(--hueso);font-size:14.5px;margin:0 0 5px}
.turno__punto{color:var(--tenue);font-size:13.5px;margin:0}

.vacantes{display:grid;gap:10px}
.vacante{
  display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;
  border:1px solid var(--linea);border-radius:11px;
  background:var(--carbon);padding:15px 17px;
}
.vacante--mia{border-color:rgba(47,216,160,.45);background:rgba(47,216,160,.05)}
.vacante--llena{opacity:.6}
.vacante__info{display:flex;gap:13px;align-items:flex-start;min-width:0}
.vacante__icono{width:21px;height:21px;color:var(--oro);flex:0 0 auto;margin-top:2px}
.vacante__rol{font-weight:500;font-size:15px;margin:0;color:var(--hueso)}
.vacante__texto{color:var(--tenue);font-size:13px;margin:4px 0 0;line-height:1.5}
.vacante__datos{text-align:right;flex:0 0 auto}
.vacante__pago{
  font:600 16px/1 var(--dato);color:var(--oro);margin:0 0 5px;white-space:nowrap;
}
.vacante__pago span{
  display:block;font:500 9.5px/1 var(--dato);letter-spacing:.12em;
  text-transform:uppercase;color:var(--tenue);margin-top:4px;
}
.vacante__cupo{font-size:12.5px;color:var(--tenue);margin:0;white-space:nowrap}
.vacante__cupo strong{color:var(--hueso)}
.vacante__accion{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}

.enlaceSoltar{
  background:none;border:0;padding:0;color:var(--tenue);
  font-size:12.5px;text-decoration:underline;cursor:pointer;
}
.enlaceSoltar:hover{color:#FF8F8F}

/* ------------------------------------------------------------- ACCESO */
.acceso{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}
.acceso__caja{
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:26px;
}
.acceso__titulo{
  font:700 17px/1.2 var(--display);letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 6px;
}
.acceso__ayuda{color:var(--tenue);font-size:14px;margin:0 0 20px}
.acceso__caja .formulario{margin-top:18px}

.grupoCampos{border:0;padding:0;margin:6px 0 4px}
.grupoCampos--error .campo__etiqueta{color:#FF8F8F}
.grupoCampos__ayuda{color:var(--tenue);font-size:13px;margin:7px 0 12px}
.marcas{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}
.marcaPuesto{
  display:flex;gap:11px;align-items:flex-start;cursor:pointer;
  border:1px solid var(--linea);border-radius:10px;padding:12px 14px;
  background:var(--carbon);transition:border-color .2s,background .2s;
}
.marcaPuesto:hover{border-color:var(--linea-fuerte)}
.marcaPuesto input{width:18px;height:18px;accent-color:var(--ambar);flex:0 0 auto;margin-top:1px}
.marcaPuesto strong{display:block;font-weight:500;font-size:14.5px;color:var(--hueso)}
.marcaPuesto small{display:block;color:var(--tenue);font-size:12.5px;margin-top:3px;line-height:1.45}
.marcaPuesto:has(input:checked){border-color:rgba(245,133,30,.55);background:rgba(245,133,30,.06)}

/* ---------------------------------------------------------- MIS TURNOS */
.miTurno{
  display:grid;grid-template-columns:76px 1fr;gap:18px;
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:20px;margin-bottom:14px;
}
.miTurno--espera{border-style:dashed}
.miTurno__fecha{
  border:1px solid var(--linea);border-radius:11px;background:var(--carbon);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:12px 6px;height:fit-content;
}
.miTurno__dia{font:700 26px/1 var(--display);color:var(--oro)}
.miTurno__mes{
  font:500 10px/1 var(--dato);letter-spacing:.15em;
  text-transform:uppercase;color:var(--tenue);margin-top:5px;
}
.miTurno__titulo{font:700 17px/1.2 var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0}
.miTurno__titulo a:hover{color:var(--oro)}
.miTurno__meta{color:var(--tenue);font-size:13.5px;margin:0 0 8px}
.miTurno__meta strong{color:var(--hueso)}
.miTurno__pago{font:600 14px var(--dato);color:var(--oro);margin:0 0 10px}
.miTurno__donde{
  border-top:1px solid var(--linea);padding-top:12px;margin-top:12px;
}
.miTurno__donde p{margin:0 0 6px;font-size:14px;color:var(--hueso);
  display:flex;align-items:flex-start;gap:8px}
.miTurno__nota{color:var(--tenue);font-size:13px;margin:0 0 6px}

.historial{list-style:none;padding:0;margin:0;display:grid;gap:1px}
.historial__item{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  padding:13px 0;border-bottom:1px solid var(--linea);
}
.historial__fecha{color:var(--tenue);font-size:12.5px;flex:0 0 auto}
.historial__nombre{flex:1 1 auto;font-size:14.5px;min-width:0}

/* --------------------------------------------------------------- VACIO */
.crew__vacio{
  text-align:center;padding:54px 24px;
  border:1px dashed var(--linea-fuerte);border-radius:var(--radio);
}
.crew__vacioIcono{width:38px;height:38px;color:var(--tenue);margin-bottom:16px}
.crew__vacioTitulo{
  font:700 17px/1.2 var(--display);letter-spacing:.05em;
  text-transform:uppercase;margin:0 0 8px;
}
.crew__vacioTexto{color:var(--tenue);font-size:14.5px;margin:0 auto 20px;max-width:44ch}

/* ---------------------------------------------------------- RESPONSIVO */
@media (max-width:900px){
  .acceso{grid-template-columns:1fr}
  .vacante{grid-template-columns:1fr;gap:14px}
  .vacante__datos{text-align:left;display:flex;align-items:center;gap:16px}
  .vacante__pago{margin:0}
  .vacante__pago span{display:inline;margin-left:5px}
  .vacante__accion{align-items:stretch}
  .vacante__accion .boton{justify-content:center}
}
@media (max-width:600px){
  .crew__cabeza{padding-top:118px}
  .crew__nav{gap:11px}
  .crew__navEnlace{display:none}
  .crew__quien{display:none}
  .tarjetaConv,.miTurno{grid-template-columns:64px 1fr;gap:14px;padding:17px}
  .tarjetaConv__dia{font-size:24px}
  .miTurno__dia{font-size:22px}
  .marcas{grid-template-columns:1fr}
}

/* El nombre del programa manda en la página: es la marca del módulo */
.crewMarca{
  font:700 clamp(30px,6.5vw,64px)/1 var(--display);
  letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--degradado);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin:0 0 14px;
  display:flex;align-items:center;gap:18px;
}
.crewMarca::after{
  content:'';flex:1 1 auto;height:2px;max-width:190px;
  background:linear-gradient(90deg,var(--ambar),transparent);
}
@media (max-width:600px){
  .crewMarca{letter-spacing:.1em;gap:12px}
  .crewMarca::after{max-width:70px}
}

/* ==================================================================
   EXAMENES TECNICOS
   ================================================================== */
.envoltura--angosta{max-width:820px}
.regresarPub{display:inline-flex;gap:8px;color:var(--tenue);font-size:14px;margin-bottom:18px}
.regresarPub:hover{color:var(--oro)}

.aviso{
  border:1px solid var(--linea);border-left:3px solid var(--ambar);
  border-radius:var(--radio);background:var(--panel);
  padding:18px 20px;margin:22px 0;
}
.aviso p{margin:0 0 12px;color:var(--tenue);font-size:15px;line-height:1.6}
.aviso p:last-child{margin-bottom:0}
.aviso--alto{border-left-color:#FF5A5A}

.reglas{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}
.reglas li{
  display:flex;gap:12px;align-items:flex-start;
  color:var(--tenue);font-size:15px;line-height:1.55;
}
.reglas li::before{
  content:'';width:6px;height:6px;border-radius:50%;background:var(--ambar);
  flex:0 0 auto;margin-top:9px;
}
.reglas strong{color:var(--hueso)}

.acciones{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.acciones--centro{justify-content:center}

/* ------------------------------------------------ LISTA DE EXAMENES */
.examenes{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:14px}
.examen{
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);overflow:hidden;position:relative;
}
.examen::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--linea)}
.examen--aprobado::before{background:#2FD8A0}
.examen--reprobado::before{background:#FF5A5A}
.examen--pendiente::before{background:var(--ambar)}
.examen__cuerpo{padding:22px 24px}
.examen__cabeza{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px}
.examen__puesto{font:700 19px/1.2 var(--display);letter-spacing:.05em;text-transform:uppercase;margin:0}
.examen__marca{
  font:600 10.5px/1 var(--dato);letter-spacing:.14em;text-transform:uppercase;
  padding:6px 11px;border-radius:999px;border:1px solid var(--linea);color:var(--tenue);
}
.examen--aprobado .examen__marca{color:#2FD8A0;border-color:rgba(47,216,160,.4)}
.examen--reprobado .examen__marca{color:#FF9B9B;border-color:rgba(255,90,90,.4)}
.examen__texto{color:var(--tenue);font-size:14.5px;line-height:1.6;margin:0 0 16px}
.examen__texto strong{color:var(--hueso)}

/* ------------------------------------------------ EXAMEN EN CURSO */
.seccion--examen{padding-top:120px}

.examenBarra{
  position:sticky;top:76px;z-index:20;
  background:rgba(10,14,22,.96);backdrop-filter:blur(12px);
  border:1px solid var(--linea);border-radius:var(--radio);
  padding:14px 18px 12px;margin-bottom:26px;
  display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;
}
.examenBarra__datos{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.examenBarra__puesto{font:700 14px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.examenBarra__avance{color:var(--tenue);font-size:13px}
.examenBarra__avance strong{color:var(--oro)}
.examenBarra__reloj{
  font:500 26px/1 var(--dato);letter-spacing:.04em;color:var(--hueso);
  grid-row:span 2;text-align:right;font-variant-numeric:tabular-nums;
}
.examenBarra__reloj--poco{color:var(--oro)}
.examenBarra__reloj--critico{color:#FF5A5A;animation:latido 1s infinite}
@keyframes latido{50%{opacity:.45}}
.examenBarra__riel{grid-column:1;height:4px;border-radius:99px;background:var(--linea);overflow:hidden}
.examenBarra__lleno{display:block;height:100%;background:var(--degradado);transition:width .35s}

.examen__titulo{font:700 clamp(22px,3.4vw,32px)/1.15 var(--display);
  letter-spacing:.02em;text-transform:uppercase;margin:0 0 8px}
.examen__ayuda{color:var(--tenue);font-size:14.5px;margin:0 0 28px}

.preguntas{list-style:none;padding:0;margin:0;display:grid;gap:16px;counter-reset:pr}
.pregunta{
  display:grid;grid-template-columns:auto 1fr;gap:16px;
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:22px;
  transition:border-color .25s;
}
.pregunta--lista{border-color:rgba(47,216,160,.32)}
.pregunta--guardando{opacity:.65}
.pregunta__num{
  width:30px;height:30px;border-radius:8px;flex:0 0 auto;
  border:1px solid var(--linea);display:grid;place-items:center;
  font:500 13px/1 var(--dato);color:var(--tenue);
}
.pregunta--lista .pregunta__num{border-color:#2FD8A0;color:#2FD8A0}
.pregunta__texto{margin:0 0 16px;font-size:16px;line-height:1.6}

.opcionesEx{display:grid;gap:9px}
.opcionEx{
  display:flex;gap:12px;align-items:flex-start;cursor:pointer;
  border:1px solid var(--linea);border-radius:10px;
  padding:13px 15px;background:var(--carbon);
  transition:border-color .2s,background .2s;
}
.opcionEx:hover{border-color:var(--linea-fuerte)}
.opcionEx--elegida{border-color:var(--ambar);background:rgba(245,133,30,.07)}
.opcionEx input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--ambar);cursor:pointer}
.opcionEx__texto{font-size:14.5px;line-height:1.55;color:var(--hueso)}

.examenPie{
  margin-top:30px;padding-top:24px;border-top:1px solid var(--linea);
  display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;
}
.examenPie__nota{margin:0;color:var(--tenue);font-size:14px}

.tiempoFuera{
  position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  background:rgba(3,4,8,.94);backdrop-filter:blur(6px);padding:24px;
}
.tiempoFuera__caja{
  max-width:440px;text-align:center;
  border:1px solid var(--linea);border-radius:16px;background:var(--panel);padding:34px 30px;
}
.tiempoFuera__caja h2{font:700 24px/1.2 var(--display);text-transform:uppercase;margin:0 0 10px}
.tiempoFuera__caja p{color:var(--tenue);margin:0 0 22px}

/* ------------------------------------------------ RESULTADO */
.resultado{text-align:center;max-width:600px;margin:0 auto}
.resultado__marca{
  width:76px;height:76px;border-radius:50%;margin:0 auto 22px;
  display:grid;place-items:center;border:2px solid;
}
.resultado__marca svg{width:34px;height:34px}
.resultado--bien .resultado__marca{border-color:#2FD8A0;color:#2FD8A0;background:rgba(47,216,160,.1)}
.resultado--mal .resultado__marca{border-color:#FF5A5A;color:#FF5A5A;background:rgba(255,90,90,.1)}
.resultado__cifra{
  font:700 clamp(46px,9vw,72px)/1 var(--dato);margin:0 0 6px;
  background:var(--degradado);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.resultado__cifra span{font-size:.5em;color:var(--tenue);-webkit-text-fill-color:var(--tenue)}
.resultado__nota{color:var(--oro);font-size:14px;margin:0 0 14px}

@media (max-width:600px){
  .examenBarra{grid-template-columns:1fr;top:66px}
  .examenBarra__reloj{grid-row:auto;text-align:left;font-size:22px}
  .pregunta{grid-template-columns:1fr;padding:18px}
  .pregunta__num{display:none}
  .examenPie{flex-direction:column;align-items:stretch}
  .examenPie .botonGrande{width:100%}
}

/* ------------------------------------------- PRESENTACION PUBLICA */
.pasosCrew{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px;counter-reset:pc}
.pasosCrew li{
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:20px 22px;
}
.pasosCrew__num{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--degradado);color:#14150F;font:700 15px/1 var(--dato);flex:0 0 auto;
}
.pasosCrew h3{font:700 16px/1.2 var(--display);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px}
.pasosCrew p{margin:0;color:var(--tenue);font-size:14.5px;line-height:1.55}

.puestosLista{list-style:none;padding:0;margin:22px 0 0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.puestoTarjeta{
  border:1px solid var(--linea);border-radius:var(--radio);
  background:var(--panel);padding:18px 20px;
}
.puestoTarjeta h3{font:700 15px/1.2 var(--display);letter-spacing:.06em;
  text-transform:uppercase;margin:0 0 6px;color:var(--oro)}
.puestoTarjeta p{margin:0;color:var(--tenue);font-size:13.5px;line-height:1.5}

/* Estado de una solicitud en revisión */
.miTurno--solicitada{border-left:3px solid var(--ambar)}
.miTurno--rechazado{border-left:3px solid #FF5A5A;opacity:.8}

/* ------------------------------------------------ PASE DE ASISTENCIA */
.pase{
  border:1px solid rgba(245,133,30,.35);border-radius:var(--radio);
  background:linear-gradient(180deg,rgba(245,133,30,.06),transparent);
  padding:20px;margin:16px 0;text-align:center;
}
.pase__titulo{font:600 11px/1 var(--dato);letter-spacing:.16em;text-transform:uppercase;
  color:var(--oro);margin:0 0 14px}
.pase__qr{display:inline-block;background:#fff;padding:10px;border-radius:10px;min-height:20px}
.pase__qr canvas,.pase__qr img{display:block}
.pase__codigo{font:500 11px/1.5 var(--dato);color:var(--tenue);margin:12px 0 0;
  word-break:break-all;letter-spacing:.04em}
.pase__nota{color:var(--tenue);font-size:13px;line-height:1.5;margin:10px 0 0}

/* --------------------------------------------- REGISTRO EN TRES PASOS */
.pasosAlta{
  list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;
  margin:0 0 30px;border-bottom:1px solid var(--linea);
}
.pasosAlta__item{
  display:flex;align-items:center;gap:9px;padding:12px 16px 13px;
  border-bottom:2px solid transparent;color:var(--tenue);
  font:600 11.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;
}
.pasosAlta__item span{
  width:23px;height:23px;border-radius:50%;flex:0 0 auto;
  border:1px solid var(--linea-fuerte);display:grid;place-items:center;
  font:500 11px/1 var(--dato);
}
.pasosAlta__item[data-activo]{color:var(--hueso);border-bottom-color:var(--ambar)}
.pasosAlta__item[data-activo] span{background:var(--degradado);border-color:transparent;color:#14150F}
.pasosAlta__item[data-hecho]{color:var(--hueso)}
.pasosAlta__item[data-hecho] span{border-color:#2FD8A0;color:#2FD8A0}

.avanceAlta{margin:0 0 26px}
.avanceAlta__riel{height:6px;border-radius:99px;background:var(--linea);overflow:hidden}
.avanceAlta__riel span{display:block;height:100%;background:var(--degradado);transition:width .4s}
.avanceAlta__texto{margin:9px 0 0;color:var(--tenue);font-size:13.5px}
.avanceAlta__texto strong{color:var(--oro)}

.puestosElegir{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:8px}
.puestoOpcion{
  display:flex;gap:12px;align-items:flex-start;cursor:pointer;
  border:1px solid var(--linea);border-radius:10px;padding:14px;
  background:var(--carbon);transition:border-color .2s,background .2s;
}
.puestoOpcion:hover{border-color:var(--linea-fuerte)}
.puestoOpcion:has(input:checked){border-color:var(--ambar);background:rgba(245,133,30,.07)}
.puestoOpcion input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--ambar)}
.puestoOpcion strong{display:block;font-size:14.5px;font-weight:600}
.puestoOpcion em{display:block;font-style:normal;color:var(--tenue);font-size:12.5px;margin-top:3px;line-height:1.45}