.famenu1::before,
.famenu2::before,
.famenu3::before,
.famenu4::before,
.famenu5::before,
.famenu6::before,
.famenu7::before,
.famenu11::before,
.famenu12::before {
    font-family: "Font Awesome 6 Free"; /* o 'Font Awesome 6 Free' según la versión */
    font-weight: 900; /* necesario para íconos sólidos */
    display: inline-block;
    margin-right: 0px; /* espacio entre icono y texto */
    margin-left: 8px; /* espacio entre icono y texto */
    font-size: 1em;
    line-height: 1;
    vertical-align: middle;
}
.famenu1:hover::before,
.famenu2:hover::before,
.famenu3:hover::before,
.famenu4:hover::before,
.famenu5:hover::before,
.famenu6:hover::before,
.famenu7:hover::before,
.famenu11:hover::before,
.famenu12:hover::before {
    color: #ff6600;
}

.famenu1::before {
    content: "\f54e"; /* Código Unicode del ícono (este es 'fa-home') */
}
.famenu2::before {
    content: "\f54f";
}
.famenu3::before {
    content: "\f290";
}
.famenu4::before {
    content: "\f481";
}
.famenu5::before {
    content: "\f24d";
}
.famenu6::before {
    content: "\e55a";
}
.famenu7::before {
    content: "\f54f";
}
.famenu11::before {
    content: "\f521";
}
.famenu12::before {
    content: "\f564";
}

/* Esto es para cambiar el ancho del sub menu */
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
    min-width: 260px;
}

	/* Icono de maiz manual en SVG */
li.famenu8 {
  position: relative; /* necesario para posicionar el ::before */
}

li.famenu8::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;          /* ajusta al tamaño de tu SVG */
    height: 20px;         /* ajusta al tamaño de tu SVG */
    margin-left: 0px;     /* espacio entre texto e ícono */
    margin-right: 8px;
    background-image: url('https://supertortillamachines.com/icon-corn.svg'); /* coloca aquí la URL de tu SVG */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
li.famenu9::before {
    font-family: "Font Awesome 6 Free"; /* o 'Font Awesome 6 Free' según la versión */
    font-weight: 900; /* necesario para íconos sólidos */
    display: inline-block;
    margin-left: 0px; /* espacio entre icono y texto */
    margin-right: 8px; /* espacio entre icono y texto */
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
	content: "\e55a";
}
li.famenu10::before {
    font-family: "Font Awesome 6 Free"; /* o 'Font Awesome 6 Free' según la versión */
    font-weight: 900; /* necesario para íconos sólidos */
    display: inline-block;
    margin-left: 0px; /* espacio entre icono y texto */
    margin-right: 8px; /* espacio entre icono y texto */
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
	content: "\f7ec";
}


/* Para iconos en sub menu en movil */
@media (max-width: 768px) {
    .famenu1::before,
	.famenu2::before,
	.famenu3::before,
	.famenu4::before,
	.famenu5::before,
	.famenu6::before,
	.famenu7::before,
	.famenu11::before,
	.famenu12::before {
        content: none; /* Quita el icono del inicio */
    }
	
	.famenu1::after,
	.famenu2::after,
	.famenu3::after,
	.famenu4::after,
	.famenu5::after,
	.famenu6::after,
	.famenu7::after,
	.famenu11::after,
	.famenu12::after	{
	  font-family: "Font Awesome 6 Free";
	  font-weight: 900;
	  position: absolute;
	  right: -20px;    /* alinea a la derecha */
	  top: 50%;    /* centro vertical */
	  transform: translateY(-50%);
	  pointer-events: none; /* para que el icono no interfiera con clicks */
	}
	
	.famenu1::after {
		content: "\f54e"; /* Código Unicode del ícono (este es 'fa-home') */
	}
	.famenu2::after {
		content: "\f54f";
	}
	.famenu3::after {
		content: "\f290";
	}
	.famenu4::after {
		content: "\f481";
	}
	.famenu5::after {
		content: "\f24d";
	}
	.famenu6::after {
		content: "\e55a";
	}
	.famenu7::after {
		content: "\f54f";
	}
	.famenu11::after {
		content: "\f521";
	}
	.famenu12::after {
		content: "\f564";
}

}

.background-dim__overlay {
    background-color: rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 768px) {
  .responsive-stack {
    flex-direction: column !important;
    gap: 1rem; /* Puedes ajustar el espacio vertical */
  }
}
@media (max-width: 768px) {
  .center-mobile-button {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }
}

/* Contenedor general */
.formulario-contacto-personalizado {
  max-width: 800px;
	width:100%;
  margin: 0 auto;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.04);
  box-sizing: border-box;
}

/* Campos del formulario */
.formulario-contacto-personalizado input[type="text"],
.formulario-contacto-personalizado input[type="email"],
.formulario-contacto-personalizado input[type="tel"],
.formulario-contacto-personalizado textarea {
  width: 100%;
  padding: 8px 10px; /* menor padding interno */
  margin-bottom: 10px; /* menor margen inferior */
  font-size: 15px; /* un poco más compacto */
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

/* Botón */
.formulario-contacto-personalizado input[type="submit"] {
  background-color: #0057b8;
  color: #fff;
  border: none;
  padding: 10px 18px; /* más compacto */
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.formulario-contacto-personalizado input[type="submit"]:hover {
  background-color: #003f8c;
}

.formulario-contacto-personalizado p{
	margin:0;
	}

#wpcf7-f704-o1 {
	width:100%
}