/*========================================================
PalEntropía
stylecab16.css
CAB16 — BUSCADOR AVANZADO
Presentación visual definitiva
========================================================*/

/*=========================================================
CONTENEDOR DE RESULTADOS
=========================================================*/

#resultadosCab16{
 display:flex;
 flex-direction:column;
 width:100%;
 max-width:620px;
 margin:18px auto 0;
 padding:0;
 gap:8px;
 max-height:42vh;
 overflow-y:auto;
 box-sizing:border-box;
 scrollbar-width:thin;
 scrollbar-color:#62d6ff #151719;
}

/*=========================================================
RESULTADO INDIVIDUAL
=========================================================*/

#resultadosCab16 .resultadoCab16{
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 min-height:46px;
 margin:0;
 padding:10px 16px;
 background:#151719!important;
 color:#fff!important;
 border:1px solid rgba(98,214,255,.35)!important;
 border-left:3px solid #62d6ff!important;
 border-radius:10px!important;
 font-family:Arial,Helvetica,sans-serif;
 font-size:17px;
 font-weight:bold;
 line-height:1.35;
 text-align:center;
 cursor:pointer;
 box-sizing:border-box;
 transition:.20s;
}

/*=========================================================
HOVER
=========================================================*/

#resultadosCab16 .resultadoCab16:hover{
 background:#1c2428!important;
 color:#fff!important;
 border-color:#62d6ff!important;
 box-shadow:0 0 12px rgba(98,214,255,.22);
 transform:translateX(3px);
}

/*=========================================================
ACTIVO
=========================================================*/

#resultadosCab16 .resultadoCab16:active{
 transform:scale(.98);
 background:#62d6ff!important;
 color:#001018!important;
}

/*=========================================================
FOCUS
=========================================================*/

#resultadosCab16 .resultadoCab16:focus{
 outline:none;
 border-color:#62d6ff!important;
 box-shadow:0 0 12px rgba(98,214,255,.28);
}

/*=========================================================
ESTADO SELECCIONADO
Solo visual.
=========================================================*/

#resultadosCab16 .resultadoCab16.seleccionado{
 background:#22343d!important;
 color:#62d6ff!important;
 border-color:#62d6ff!important;
 box-shadow:
  0 0 12px rgba(98,214,255,.28),
  inset 3px 0 0 #62d6ff;
}

/*=========================================================
ETIQUETA DE RESULTADOS
=========================================================*/

#labelResultadosCab16{
 width:100%;
 max-width:620px;
 margin:14px auto 0;
 padding:0;
 color:#fff;
 font-family:Arial,Helvetica,sans-serif;
 font-size:16px;
 font-weight:bold;
 line-height:1.4;
 text-align:center;
 box-sizing:border-box;
}

/*=========================================================
CHECK
=========================================================*/

#checkBusquedaCab16{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 width:100%;
 margin:12px auto 0;
 color:#fff;
 font-family:Arial,Helvetica,sans-serif;
 font-size:15px;
 line-height:1.4;
 text-align:center;
 cursor:pointer;
}

#buscarTodosCab16{
 width:17px;
 height:17px;
 margin:0;
 accent-color:#62d6ff;
 cursor:pointer;
}

/*=========================================================
SCROLL
=========================================================*/

#resultadosCab16::-webkit-scrollbar{
 width:8px;
}

#resultadosCab16::-webkit-scrollbar-track{
 background:#151719;
 border-radius:8px;
}

#resultadosCab16::-webkit-scrollbar-thumb{
 background:#62d6ff;
 border-radius:8px;
}

#resultadosCab16::-webkit-scrollbar-thumb:hover{
 background:#00e5ff;
}

/*=========================================================
MÓVIL
=========================================================*/

@media(max-width:768px){

 #resultadosCab16{
  width:100%;
  max-width:none;
  margin-top:16px;
  gap:7px;
  max-height:45vh;
 }

 #resultadosCab16 .resultadoCab16{
  min-height:45px;
  padding:10px 14px;
  border-radius:9px!important;
  font-size:15px;
 }

 #labelResultadosCab16{
  margin-top:12px;
  font-size:14px;
 }

 #checkBusquedaCab16{
  margin-top:10px;
  font-size:14px;
 }

 #buscarTodosCab16{
  width:18px;
  height:18px;
 }
}

/*=========================================================
FIN STYLECAB16.CSS
=========================================================*/