/* Estilos generales */
body {
  font-family: 'Roboto', sans-serif;
}

/* Desplazamiento suave */
.smooth-scroll {
  scroll-behavior: smooth;
}

/* Sección héroe */
.hero-section {
  background-image: url('../img/empresa.jpg');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; /* Asegura que los elementos hijos se posicionen correctamente */
}

.hero-section1 {
  background-image: url('../img/alimentos.jpeg');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; /* Asegura que los elementos hijos se posicionen correctamente */
}

/* Overlay para el texto */
.hero-overlay {
  background: rgba(0, 0, 0, 0.5); /* Gris transparente */
  padding: 3rem;
  border-radius: 0.5rem;
  position: relative; /* Asegura que no afecte el fondo */
  z-index: 1; /* Mantiene el overlay sobre el contenido pero no sobre el fondo */
}

/* Efecto hover para enlaces de navegación */
.nav-link:hover {
  color: #0d6efd; /* Azul primario de Bootstrap */
}

/*colores texto*/
.text-black{
  color: black;
}
.style_font{
  font-size: bold;
}

/* Estilos para las imágenes de las tarjetas */
.card-img-top {
  width: 100%;
  height: 200px; /* Altura fija, ajusta según necesites */
  object-fit: cover; /* Recorta la imagen para llenar el espacio sin distorsión */
}

.bg-new{
    background-color: ;: #a0aab6;
}
.font-sisas{
    font-size: 1rem;
}