/* Contenedor general del menú inferior */
.menu-inferior {
display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;             /* ocupa todo el ancho disponible */
  max-width: 1118px;        /* no sobrepasa este ancho */
  gap: 20px;
  background-image: url("../images/imagenes_index/fondo_menu_inf2.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;           /* centra el bloque */
  background-position: center;
  flex-wrap: wrap;          /* en móviles se apilan */

}

/* Caja negra que envuelve */
.menu-inferior .section {
  background-color: black;
  display: flex;
  padding: 0;
  width: 100%;
  max-width: 1118px;
  margin: 20px auto;
}

/* Contenedor del bloque */
.containerabajo {
  width: 100%;
  max-width: 1118px;
  height: auto;
  margin: 0 auto;
  color: #212529;
}

/* Fondo interno */
.menu-inferior .fondo {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  height: auto;
  width: 100%;
  max-width: 1118px;
}

/* Fila */
.menu-inferior .row {
  background-color: transparent;
  margin: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  color: #fff;
  flex-wrap: wrap;  /* responsive */
}

/* Columnas */
.menu-inferior .col-4 {
  flex: 1 1 33%;       /* 3 columnas en desktop */
  padding: 40px;
  background-color: transparent;
  min-width: 250px;    /* asegura que no se encojan demasiado */
}

/* Títulos */
.menu-inferior h3 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #fff;
}

/* Enlaces */
.menu-inferior a {
  color: #fff;
  text-decoration: none;
}

.menu-inferior a:hover {
  text-decoration: underline;
}

/* Address */
.menu-inferior address {
  margin: 0;
  line-height: 1.3;
  font-style: normal;
}

/* ------------------- Barra gris contacto inferior ------------*/

/* Contenedor de la barra */
.barra-contacto .col-12 {
  background-image: url("../images/imagenes_index/barra_contacto_abajo.png");
  display: 1118px;
  justify-content: center;
  align-items: center;
  width: 100%;             /* ocupa todo el ancho disponible */
  max-width: 1118px;
  margin: 0 auto;          /* centra */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 
}

/* Imagen dentro de la barra */
.barra-contacto img {
  width: 100%;    /* ocupa el ancho del contenedor */
  max-width: 1118px;
  height: auto;
  display: block;
  margin: 0 auto;
}