/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16-06-2025, 15:01:31
    Author     : Info
*/

.buscador-cont{
    display: block;
    max-width: 1300px;
    position: relative
}
.buscador-row{
    display: flex;
    width: 100%;
    padding: 10px;
}
.buscador-input{
    width: 100%;
    padding: 10px;
    margin-right: 5px;   
    border-radius: 5px;
    border: #aaa 1px solid
    
}
.buscador-input:focus-visible{

    outline: #ec8c0077 4px solid !important;
    border: #ec8c00 1px solid !important;
}
.buscador-result{
    height: max-content;
    
    max-width: 1300px;
    width: 100%;
    z-index: 1;
    border-radius: 5px;
    border: #aaa 1px solid;
    position: absolute;
    background-color: white;
    
    display: none;
}
#resultados{
    max-height: 500px;
    height: max-content;
    overflow-y: auto ;
}
/*
.buscador-show{
    display: block;
}
*/
.buscador-close-row{
    display: flex;
    justify-content: flex-end
}
.buscador-caluga{
    
    height: max-content;
    display: flex;
    padding: 5px;
    align-items: center;
    color: black !important;
    user-select:none;
  
}
.buscador-caluga:hover{
    background-color: #dadada;
    cursor: pointer
}
.buscador-caluga img{
    aspect-ratio: 1 / 1;
    height: 40px;
    margin-right: 3px;
    border-radius: 5px;
    border: 1px solid #dadada
}
.buscador-caluga span{
    
    font-weight: bold;
    vertical-align: middle;
}
@media  (max-width:480px){
    .buscador-cont{
        width: 90%; 
    }
    .buscador-caluga{
        width: 100%;
    }
}
@media only screen and (min-width:481px) and (max-width:800px){
    .buscador-caluga{
        width: 50%;
    }
    .buscador-cont{
        width: 90%; 
    }
}
@media only screen and (min-width:801px) and (max-width:1200px) {
    .buscador-caluga{
        width: 33%;
    }
    .buscador-cont{
        width: 90%; 
    }
}

@media (min-width:1201px){
    .buscador-caluga{
        width: 33%;
    }
    .buscador-cont{
        width: 66.6%; 
    }
}