body{
background:#f4f6f9;
font-family:'Segoe UI';
}

.card{
border:none;
box-shadow:0 3px 10px rgba(0,0,0,.1);
}

h1{
font-weight:bold;
}

.card{
border:none;
box-shadow:0 0 15px rgba(0,0,0,.1);
transition:.3s;
}

.hero{
background:url('../img/banner.jpg');
background-size:cover;
height:600px;
display:flex;
align-items:center;
color:white;
}

.card:hover{
transform:translateY(-5px);
}

.card img{
object-fit:cover;
}

.btn-dark{
background:black;
}

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
z-index:999;
}
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet">

<--Buscador-->
/* Barra de búsqueda fija */
.buscador-fijo{
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    padding: 15px 0;
}

.buscador-contenedor{
    max-width: 500px;
    margin: auto;
}
.buscador-fijo{
    position: sticky;
    top: 56px; /* altura aproximada del navbar */
    z-index: 999;
    background: #fff;
    padding: 10px 0;
}