/* PASO 30: carga visible y respaldo compatible. Aislado de los demas modulos. */
#modalVehiculosEmpresa .vehiculos-selector-assets{
  align-items:stretch;
}

#modalVehiculosEmpresa .vehiculo-tipo-card{
  position:relative;
  display:grid;
  grid-template-rows:minmax(150px,1fr) auto;
  min-width:0;
  min-height:196px;
  padding:7px;
  gap:7px;
  overflow:hidden;
  border:1px solid rgba(76,201,240,.48);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 42%,rgba(28,176,226,.2),transparent 46%),
    linear-gradient(155deg,rgba(8,30,46,.98),rgba(2,9,16,.99));
  color:#eafaff;
  cursor:pointer;
  box-shadow:inset 0 0 28px rgba(28,177,226,.08),0 12px 28px rgba(0,0,0,.24);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

#modalVehiculosEmpresa .vehiculo-tipo-card:hover,
#modalVehiculosEmpresa .vehiculo-tipo-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(83,221,255,.92);
  box-shadow:inset 0 0 30px rgba(30,190,242,.14),0 15px 34px rgba(0,0,0,.3),0 0 18px rgba(37,197,244,.2);
  outline:none;
}

#modalVehiculosEmpresa .vehiculo-tipo-card.activo{
  border-color:#39d8ff;
  background:
    radial-gradient(circle at 50% 42%,rgba(31,190,242,.29),transparent 48%),
    linear-gradient(155deg,rgba(8,38,58,.99),rgba(2,12,21,.99));
  box-shadow:inset 0 0 34px rgba(35,196,246,.16),0 0 0 1px rgba(57,216,255,.2),0 0 24px rgba(30,190,242,.22);
}

#modalVehiculosEmpresa .vehiculo-tipo-card>strong{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  margin:0;
  border:1px solid rgba(114,216,247,.24);
  border-radius:10px;
  background:rgba(2,13,22,.78);
  color:#eafaff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.04em;
  text-align:center;
}

#modalVehiculosEmpresa .esm-vehiculo-3d-stage{
  position:relative;
  display:block;
  width:100%;
  height:150px;
  min-height:150px;
  overflow:hidden;
  border-radius:12px;
  background:
    radial-gradient(ellipse at 50% 72%,rgba(78,205,245,.2),transparent 44%),
    linear-gradient(180deg,rgba(7,27,42,.84),rgba(2,9,15,.96));
  isolation:isolate;
}

#modalVehiculosEmpresa .esm-vehiculo-modelo-3d{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  border:0;
  background:transparent;
  image-rendering:auto;
  filter:none;
  opacity:1;
  --poster-color:transparent;
  --progress-bar-color:#31d6ff;
  --progress-bar-height:2px;
}

#modalVehiculosEmpresa .esm-vehiculo-3d-badge{
  position:absolute;
  top:7px;
  left:7px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 8px;
  border:1px solid rgba(70,214,255,.58);
  border-radius:999px;
  background:rgba(1,13,23,.8);
  color:#dff9ff;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.08em;
  pointer-events:none;
  backdrop-filter:blur(7px);
}

#modalVehiculosEmpresa .esm-vehiculo-3d-status{
  position:absolute;
  left:50%;
  bottom:8px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  max-width:calc(100% - 18px);
  padding:4px 9px;
  overflow:hidden;
  transform:translateX(-50%);
  border:1px solid rgba(100,204,235,.28);
  border-radius:999px;
  background:rgba(1,10,18,.84);
  color:#b8dae7;
  font-size:.55rem;
  font-weight:800;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
  pointer-events:none;
  transition:opacity .3s ease;
  backdrop-filter:blur(7px);
}

#modalVehiculosEmpresa .esm-vehiculo-3d-stage.esm-vehiculo-3d-listo .esm-vehiculo-3d-status{
  opacity:0;
}

#modalVehiculosEmpresa .esm-vehiculo-3d-stage.esm-vehiculo-3d-error .esm-vehiculo-3d-status{
  opacity:1;
  border-color:rgba(248,113,113,.56);
  color:#ffd0d0;
}

@media (min-width:981px) and (max-height:780px){
  #modalVehiculosEmpresa .vehiculo-tipo-card{
    grid-template-rows:minmax(118px,1fr) auto;
    min-height:160px;
  }
  #modalVehiculosEmpresa .esm-vehiculo-3d-stage{
    height:118px;
    min-height:118px;
  }
}

@media (max-width:980px){
  #modalVehiculosEmpresa .vehiculo-tipo-card{
    min-height:185px;
  }
  #modalVehiculosEmpresa .esm-vehiculo-3d-stage{
    height:142px;
    min-height:142px;
  }
}

@media (prefers-reduced-motion:reduce){
  #modalVehiculosEmpresa .vehiculo-tipo-card{
    transition:none;
  }
}

/* PASO 31: anula solo la regla heredada que ocultaba todos los span de la tarjeta. */
#modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 30px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  height:190px!important;
  min-height:190px!important;
  padding:7px!important;
  gap:7px!important;
}

#modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card>.esm-vehiculo-3d-stage{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}

#modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card>.esm-vehiculo-3d-stage>.esm-vehiculo-modelo-3d{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  opacity:1!important;
  visibility:visible!important;
}

#modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card>.esm-vehiculo-3d-stage>.esm-vehiculo-3d-badge{
  display:inline-flex!important;
}

#modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card>.esm-vehiculo-3d-stage>.esm-vehiculo-3d-status{
  display:flex!important;
}

#modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card>strong{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

@media (max-width:980px){
  #modalVehiculosEmpresa .vehiculos-selector-full .vehiculo-tipo-card{
    height:210px!important;
    min-height:210px!important;
  }
}