.lupabusq-container > span {
  font-style: italic;
  display: block;
  width: 100%;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
  color: #eb1a1a;
  font-weight: bold;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
  position: fixed;
  margin-top: 60px;
}

.lupabusq-container:hover > span {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}

/* ---------------------------- */

  .items-busq-anniorin{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-anniorin-width);
  }

  .div-busq-anniorin > label {
    width: var(--busq-anniorin-width);
  }

  .div-busq-anniorin {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

  /* ---------------------------- */

  .items-busq-modelorin{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-modelorin-width);
  }

  .busq-modelorin{
    display: none;
    margin-bottom: 5px;
    z-index: 2;
    width: var(--busq-modelorin-width);
  }

  .div_carga-modelorin {
    width: var(--busq-modelorin-width);
  }

  .div-busq-modelorin > label {
    width: var(--busq-modelorin-width);
  }

  .div-busq-modelorin {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-rmanz{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-rmanz-width);
  }

  .div-busq-rmanz > label {
    width: var(--busq-rmanz-width);
  }

  .div-busq-rmanz {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-rhueco{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-rhueco-width);
  }

  .div-busq-rhueco > label {
    width: var(--busq-rhueco-width);
  }

  .div-busq-rhueco {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-rancho{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-rancho-width);
  }

  .div-busq-rancho > label {
    width: var(--busq-rancho-width);
  }

  .div-busq-rancho {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-rdiam{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-rdiam-width);
  }

  .div-busq-rdiam > label {
    width: var(--busq-rdiam-width);
  }

  .div-busq-rdiam {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-trines{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-trines-width);
  }

  .div-busq-trines > label {
    width: var(--busq-trines-width);
  }

  .div-busq-trines {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-cvel{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-cvel-width);
  }

  .div-busq-cvel > label {
    width: var(--busq-cvel-width);
  }

  .div-busq-cvel {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-ccarga{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-ccarga-width);
  }

  .div-busq-ccarga > label {
    width: var(--busq-ccarga-width);
  }

  .div-busq-ccarga {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-crin{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-crin-width);
  }

  .div-busq-crin > label {
    width: var(--busq-crin-width);
  }

  .div-busq-crin {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }
  
/* ---------------------------- */

  .items-busq-cdiam{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-cdiam-width);
  }

  .div-busq-cdiam > label {
    width: var(--busq-cdiam-width);
  }

  .div-busq-cdiam {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-tipo{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-tipo-width);
  }

  .div-busq-tipo > label {
    width: var(--busq-tipo-width);
  }

  .div-busq-tipo {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-densid{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-densid-width);
  }

  .div-busq-densid > label {
    width: var(--busq-densid-width);
  }

  .div-busq-densid {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-present{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-present-width);
  }

  .div-busq-present > label {
    width: var(--busq-present-width);
  }

  .div-busq-present {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-adic{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-adic-width);
  }

  .div-busq-adic > label {
    width: var(--busq-adic-width);
  }

  .div-busq-adic {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-annio{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-annio-width);
  }

  .div-busq-annio > label {
    width: var(--busq-annio-width);
  }

  .div-busq-annio {
    position: absolute;
    z-index: 2;
    margin-top: 30px;
  }

/* ---------------------------- */

  .items-busq-modelo{
    display: none; 
    position: absolute;
    z-index: 2;
    width: var(--busq-modelo-width);
  }

  .busq-modelo{
    display: none;
    margin-bottom: 5px;
    z-index: 2;
    width: var(--busq-modelo-width);
  }

  .div_carga-modelo {
    width: var(--busq-modelo-width);
  }

  .div-busq-modelo > label {
    width: var(--busq-modelo-width);
  }

  .div-busq-modelo {
    position: absolute;
    z-index: 3;
  }

/* ---------------------------- */

  .items-cat-prod{
    display: none; 
    position: absolute;
    z-index: 1;
    width: var(--busq-prod-width);
    /*left: var(--main-busq-left);*/
  }

  .items-busq-prod{
    display: none; 
    position: absolute;
    z-index: 1;
    width: var(--busq-prod-width);
    /*left: var(--main-busq-left);*/
  }

  .busq-prod{
    display: none;
    margin-bottom: 5px;
    width: var(--busq-prod-width);
    /*margin-left: var(--main-busq-left);*/
  }

@media(min-width:640px){
  .div-busq-prod {
    position: absolute;
    left: 70px;
    top: 0px;
    z-index: 3;
  }
}

@media(max-width:640px){
  .div-busq-prod {
    /*position: absolute;*/
    /*left: 70px;*/
    position: fixed;
    left: 10px;
    top: 80px;
    z-index: 1;
  }
}
/* ---------------------------------------------------------------------------- */


.lupa-label {
    background-color: #0e3f64d6;
    color: white;
    border-radius: 10px 0px;
    font-size: 1.2em;
    padding: 5px;
    display: none;
  }
  .lis {
    font-weight: bold;
      border: solid 1px rgb(169, 169, 169);
      list-style-type: none;
      /*margin: 0;*/
      padding: 10px 0px;
      border-radius: 6px 6px 6px 6px;
      /*width: fit-content;*/
      overflow-y: scroll;
      height: 15.3em; /*(1.8 + (1.35 * n))em con n=10*/
  }

  .lis > li a, .lis > a:visited, .lis > a:link {
      display: block;
      color: #FFF;
      padding: 0px 10px;
      text-decoration: none;
  }

  /* Change the link color on hover */
  .lis > li a:hover {
      background-color: #555;
      color: white;
      text-decoration:none;
  }

  .lis > li a.active {
      background-color: #0280e18c;
      color: white;
      text-decoration:none;
  }

  .scroll-trans::-webkit-scrollbar {
      width: 1em;
  }
   
  .scroll-trans::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }
   
  .scroll-trans::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 30px;
  }

  .lis-selec {
    font-weight: bold;
      border: solid 1px rgb(169, 169, 169);
      list-style-type: none;
      margin: 0;
      padding: 0px 0px;
      border-radius: 6px 6px 6px 6px;
      /*width: fit-content;*/
      overflow-y: hidden;
      height: 1.4em;
  }

  .lis-selec > li a, .lis-selec > a:visited, .lis-selec > a:link {
      display: block;
      color: #FFF;
      padding: 0px 10px;
      text-decoration: none;
  }

  /* Change the link color on hover */
  .lis-selec > li a:hover {
      background-color: #555;
      color: white;
      text-decoration:none;
  }

  .lis-selec > li a:focus {
      background-color: #0280e18c;
      color: white;
      text-decoration:none;
  }

  .div_carga {
    position: absolute;
    z-index: 1000;
    text-align: center;
  }

  .div_carga > img {
    width: 50px;
  }

  .lupabusq-container {
    position: absolute; 
    /*margin-top: 60px; */
  }

  .lupa-circle{
    position: absolute;
    width: 80px;
    top: 10px;
    left: 35px;
    cursor: pointer;
    display: inline-block; 
  }

  .lupa-img{
    position: absolute;
    /*width: 80px;*/
    width: 70px;
    top: 5px; left: 50px;
    cursor: pointer;
    display: inline-block;
    font-size: 150px;
    text-shadow: 0 0 10px #222,1px 1px  0 #450505;
    color: red;
    animation: corazon 1.5s infinite;
    transform-origin: center;
    z-index: 1;
  }

  .circle {
    /*width: 33px;*/
    height: 70px;
    background: transparent;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
  }

  .circle::before, .circle::after {
    content:"";
    position:absolute;
    top: 25%;
    left: 52%;
    transform:translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border: 5px solid gray;
    border-radius:100%;
    animation: latido linear 3s infinite;
  }

  .circle::after {
    animation-delay: -1.4s;
    z-index: 0;
  }

  @keyframes latido {
    0% { width:45px; height:45px; border:5px solid #525252; }
    100% { width:90px; height:90px; border:5px solid transparent; }
  }

  @keyframes corazon{
      from { transform: none; }
      50% { transform: scale(1.1); }
      to { transform: none; }
  }

  .semitransp {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
  }