.containerBuscador .span:hover{
    text-decoration: underline;
}


.containerBuscador form .submit:hover{
    background-color: var(--terciario);
}




    /*Buscador*/
    .buscadorModal{
        width:100%;height:auto;z-index:1000;
        transition:all ease .5s;
        position:absolute;top:0;
        position:fixed;display:none;
        background-color:rgba(54, 54, 54, 0.335);
    }

    .abrirBuscador{
        animation-name: slideSearch; animation-duration:0.25s;display:flex;margin-top:0px;
    }
    
    @keyframes slideSearch{
        from{
            margin-top:-200px;opacity:0;
        }
        to{
            margin-top:0px;opacity:1;
        }
    }
    .containerBuscador{
        width:100%;
        background-color:var(--white);
        height:auto;max-height:210px;/*margin:auto;*/
    }
    .iconCloseBuscador{
        width:50px;height:50px;
        /*
        margin-top:-150px;margin-bottom:50px;
        */
        border-radius:50%;position:relative;
        display:flex;justify-content:center;background-color:var(--white);
        align-items:center;margin-left:96%;
        color:var(--white);transition:all ease .2s;cursor:pointer;

        /*borrar luego si es necesario*/
    }
    .iconCloseBuscador:hover{
        transform:rotate(360deg);
    }
    .iconCloseBuscador::after,.iconCloseBuscador::before{
        content:'';
        position:absolute;
        height:3px;width:50%;
        background-color:var(--black);
    }
    .iconCloseBuscador::after{transform:rotate(45deg);transition:all ease .3s;}
    .iconCloseBuscador::before{transform:rotate(-45deg);transition:all ease .3s;}

    .iconCloseBuscador:hover.iconCloseBuscador::after{transform:rotate(-45deg);}
    .iconCloseBuscador:hover.iconCloseBuscador::before{transform:rotate(45deg);}

    .containerBuscador form{
        margin:auto;max-width:1400px;width:90%;
    }

    .containerBuscador form p{
        color:var(--white);
        font-size:20px;margin-bottom:5px;
    }
    .containerBuscador .FlexBuscadorModal{
        display:flex;margin-top:20px;margin-bottom:40px;
        justify-content: center;
        background-color: var(--white);
        height:auto;
    }
    .containerBuscador .FlexBuscadorModal input{
        padding:15px;outline:none;border:none;
        width:100%;font-size:20px;
        border-bottom:3px solid var(--silverDark);
    }

    .clearValInput{
        width:55px;background-color:var(--white);cursor:pointer;border-bottom:3px solid var(--silverDark);
    }

    .clearValInput::after,.clearValInput::before{
        content:'';
        position:absolute;margin-top:30px;
        height:2px;background-color: #c7c7c7;
        width:20px;margin-left:10px;
    }

    .clearValInput::after{transform:rotate(45deg);}
    .clearValInput::before{transform:rotate(-45deg);}
    

    .containerBuscador .FlexBuscadorModal button{
        padding:15px;outline:none;border:none;cursor:pointer;
        width:60px;background-color:var(--principal);color:var(--black);transition:all ease .3s;
    }
    .containerBuscador .FlexBuscadorModal button:hover{
        position:relative;
    }

    .containerBuscador .FlexBuscadorModal button span{
        border-radius:50%;
        width:20px;height:20px;border:4px solid var(--white);
        position: absolute;margin-top:-14px;margin-left:-12px;
    }
    .containerBuscador .FlexBuscadorModal button span::after{
        content:'';
        position:absolute;transform:rotate(45deg);
        height:5px; width:10px;margin-top:14px;margin-left:5px;
        background-color:var(--white);
    }

    /*Estilos para resultados de búsqueda*/
    .resultadosBusqueda{
        width:100%;height:75%;margin:auto;overflow-x:scroll;
      }
      .flexResultadosBusqueda{
        display:flex;justify-content:center;
        background-color:var(--white);padding:20px;
        border-bottom:1px solid #f5f5f5;
      }
      .flexResultadosBusqueda a{list-style:none;text-decoration:none;}
      .flexResultadosBusqueda .imgResultadoBusqueda{
        width:130px;
        height:150px;
      }
      .flexResultadosBusqueda .imgResultadoBusqueda img{
        width:100%;
        height:100%;
      }
      .flexResultadosBusqueda .infoResultadoBusqueda{
        width:800px;padding:10px;color:var(--black);
      }

      .flexResultadosBusqueda .infoResultadoBusqueda .nombreProductoResutladoBusqueda{
        font-size:25px;
        padding:10px;
      }

      .flexResultadosBusqueda .infoResultadoBusqueda .BotonProductoResutladoBusqueda{
      font-size: 15px;
      margin-left:10px;
      width: 150px;
      text-align: center;
      line-height: 2.5;
      border-radius:20px;
      height: 40px;
      background-color: var(--black);
      color: var(--white);
      transition:all ease .3s;
      }

      .flexResultadosBusqueda:hover .BotonProductoResutladoBusqueda{ background-color: var(--principal);}



/*--  Resultados de busqueda --*/
.search-results-container {
    max-width: 800px;
    margin: 40px auto 0px auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .search-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #333;
  }

  .search-subtitle {
    font-size: 1.5rem;
    color: #666;
  }

  .search-term {
    font-style: italic;
    color: var(--black);
  }

  .no-results {
    margin-top: 20px;
    font-size: 1.1rem;
    color: var(--principal);
  }








      @media(max-width:1160px){
    
        /*Moviendo el buscador para vista inferior*/
        .containerBuscador{max-height:90px;}
        .containerBuscador form{width:82%;margin-left:10px;}
        .containerBuscador .ocultResponss{display:none;}
        .containerBuscador .FlexBuscadorModal{margin-top:10px;}
        .iconCloseBuscador{position:absolute;margin-left:90%;}
        .containerBuscador .clearValInput{display:none;}
        .containerBuscador .iconCloseBuscador{margin-top:10px;width:60px;height:60px;margin-left:85%;}
        .containerBuscador .FlexBuscadorModal button span{border:3px solid var(--white);}
        .containerBuscador .FlexBuscadorModal button span::after{background-color:var(--white);}
    
        /*-- Sede --*/
        .selector-container{
            margin-top:55px;
        }
     }


@media(max-width:1000px){
    .flexResultadosBusqueda .infoResultadoBusqueda{width:500px;}

  /* Resultados de búsqueda */
  .search-title {font-size: 2rem;line-height:1;}
  .search-subtitle {font-size: 1rem;line-height:1;}
  .no-results {font-size: 1rem;line-height:1;}

}
@media(max-width:700px){
    .flexResultadosBusqueda .infoResultadoBusqueda{width:300px;}
    .flexResultadosBusqueda .infoResultadoBusqueda .nombreProductoResutladoBusqueda{font-size:20px;line-height: 20px;}
}
@media(max-width:480px){
    .flexResultadosBusqueda .infoResultadoBusqueda{width:250px;}
}
@media(max-width:410px){
    .flexResultadosBusqueda .infoResultadoBusqueda{width:210px;}
}

@media(max-width:390px){
    .flexResultadosBusqueda .infoResultadoBusqueda{width:200px;}
    .flexResultadosBusqueda{padding:10px;}
    .flexResultadosBusqueda .imgResultadoBusqueda{width:110px;height:130px;}
}