.elementor-1127 .elementor-element.elementor-element-6f19816 .elementor-heading-title{color:#19233E;}.elementor-1127 .elementor-element.elementor-element-9ded0bf.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-1127 .elementor-element.elementor-element-9ded0bf.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-1127 .elementor-element.elementor-element-9ded0bf.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-1127 .elementor-element.elementor-element-9ded0bf .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-1127 .elementor-element.elementor-element-9ded0bf .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1127 .elementor-element.elementor-element-9ded0bf .elementor-image-box-title{color:#AE1C2D;}@media(max-width:767px){.elementor-1127 .elementor-element.elementor-element-6f19816{text-align:center;}.elementor-1127 .elementor-element.elementor-element-9ded0bf .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for html, class: .elementor-element-11c7d2f *//* Estilos para los contenedores y botones de cada región */
.contenedor-region {
  margin-bottom: 10px;
}

.boton-region {
  display: block; /* Botones en bloque para que aparezcan uno debajo del otro */
  padding: 10px 20px;
  margin: 5px 0;
  background-color: #f2f2f2; /* Color de fondo */
  color: #333; /* Color del texto */
  text-align: left; /* Alineación del texto a la izquierda */
  border: 1px solid #ddd; /* Bordes */
  cursor: pointer;
  width: 100%; /* Hacemos que el botón se extienda al ancho completo */
}

.boton-region:hover {
  background-color: #e9e9e9; /* Color de fondo al pasar el mouse */
}

.imagen-region {
  display: none; /* Inicialmente las imágenes no se muestran */
  padding-top: 10px; /* Espacio antes de la imagen */
}

/* Añade aquí más estilos para tus botones y contenedores de imágenes según prefieras *//* End custom CSS */