:root {
    --color-gris-1: #bdbdbd;
    --color-azul-f-1: #060a2f;
    --color-verde-1: #16a34a;
    --color-gris-2: #4b5563;
    --color-dorado-1: #bd8d24;
    --color-gris-3: #7b7b7b;

}

.buscador {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 32px 0;
}

.contenedor-buscador{

    /* position:relative; */

    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    background:#fff;
    border:1px solid var(--color-gris-1);
    border-radius:15px;
    padding:0 16px;
    transition:.25s;

}

.icono-buscador{
    font-size:1.1rem;
    color:var(--color-gris-1);
}

.input-busqueda{
    flex:1;
    border:none;
    outline:none;
    background:transparent;
    padding:16px 0;
}

#input-busqueda::placeholder{
    color:#8a8e96;
}

.input-busqueda:focus-within{

    border-color:var(--color-primario);

}

@media (max-width:768px) {
    
    .buscador {
        margin: 0 0 24px 0;
    }

    .contenedor-buscador{
        display:flex;
        align-items:center;
        gap:12px;
        width:100%;
        padding:0 12px;
    }

    .icono-buscador{
        font-size:1rem;
    }

    .input-busqueda{
        padding: 12px 0;
    }

}