@media (min-width: 768px) {
  .sticky-sidebar {
    position: sticky;
    top: 20px;
    align-self: start; /* para que se ancle desde arriba dentro del flex/row */
    max-height: calc(100vh - 40px); /* evita que sobrepase la altura de la ventana */
    overflow-y: auto; /* si el contenido es muy alto, activa scroll interno */
  }

  /* Para asegurarnos que los items del row se alineen bien */
  .row {
    align-items: flex-start;
  }
}





/* Estilos personalizados */
.info-panel {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
  background-color: #f8f9fa;
}
.info-panel h3 {
  margin-bottom: 20px;
}
.carousel-item img {
  width: 100%;
  height: auto;
}
/* Opcional: ajustar el tamaño de los thumbnails */
.thumb-img {
  cursor: pointer;
  object-fit: cover;
  height: 80px;
  width: 100%;
}
 /* Clase para que el precio se vea grande y llamativo */
 .price-tag {
  font-size: 1.5rem;
  font-weight: bold;
  color: black; /* Un rojo brillante */
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.title{
  font-size: 2.2rem;
  font-weight: bold;
  display: block;
  color: black;
}