/*
  Estilos busqueda predictiva
  Puede pegarse en css/_global.css o cargarse desde css/busqueda_predictiva.css
*/

#sugerencias-busqueda{
    font-family: Roboto, Arial, sans-serif;
}

#sugerencias-busqueda .bp-box{
    background:#ffffff;
    border:1px solid #d6e6f0;
    border-radius:0 0 6px 6px;
    box-shadow:0 8px 20px rgba(0,0,0,0.16);
    overflow:hidden;
}

#sugerencias-busqueda .bp-item{
    display:flex;
    gap:10px;
    padding:9px 10px;
    border-bottom:1px solid #eef3f6;
    text-decoration:none;
    color:#333333;
    background:#ffffff;
}

#sugerencias-busqueda .bp-item:hover{
    background:#f2f9ff;
    text-decoration:none;
}

#sugerencias-busqueda .bp-img{
    width:58px;
    height:48px;
    object-fit:contain;
    flex:0 0 58px;
    background:#ffffff;
}

#sugerencias-busqueda .bp-info{
    min-width:0;
    flex:1 1 auto;
}

#sugerencias-busqueda .bp-nombre{
    font-size:13px;
    font-weight:700;
    color:#333333;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#sugerencias-busqueda .bp-meta{
    font-size:11px;
    color:#666666;
    margin-top:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#sugerencias-busqueda .bp-precio{
    font-size:12px;
    color:#e60000;
    font-weight:700;
    margin-top:3px;
}

#sugerencias-busqueda .bp-ver-todos{
    padding:8px 10px;
    font-size:12px;
    font-weight:700;
    color:#006fae;
    background:#f7fbff;
    text-align:center;
}

@media (max-width: 768px){
    #sugerencias-busqueda{
        left:10px !important;
        right:10px !important;
        width:auto !important;
    }

    #sugerencias-busqueda .bp-nombre{
        white-space:normal;
    }
}