/* MOBILE CSS MENU */
@media (max-width: 768px) {
	.site-branding .custom-logo-link .custom-logo {
		width: 130px;
	}
	/* Transición para un efecto suave al abrir/cerrar */
#primary-menu {
    display: none;
    transition: all 0.3s ease;
}
#primary-menu.open {
    display: block;
}
  .menu-toggle {
    display: block;
    background-color: #000;
    color: #fff;
    border: none;
    padding: 5px;
    font-size: 25px;
    cursor: pointer;
    width: 35%;
    font-weight: 900;
    margin: 5px;
  }

    /* Ocultar el menú por defecto */
      #primary-menu {
    background-color: black;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 440px;
    min-height: 420px;
  }
  .page #primary-menu {
    background-color: #fff;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 440px;
    min-height: 420px;
  }

.menu-principal-container #primary-menu .menu-item {
  width: 65%;
  text-align: center;
  background-color: #000;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
}
    /* Mostrar el menú cuando está activado */
    #primary-menu.toggled {
        display: flex;
    }

    /* Estilo de los elementos del menú */
    #primary-menu li {
        text-align: center;
        margin: 10px 0;
    }

    /* Estilo de los enlaces */
    #primary-menu a {
        color: white;
        text-decoration: none;
        padding: 10px;
        display: block;
        border-radius: 5px;
        transition: background 0.3s;
    }

    #primary-menu a:hover {
        background-color: red;
    }
	.site-redes-sociales {
  	display: none;
	}

	.home #masthead {
  height: 45px;
}
	#masthead .site-branding {
  width: 60%;
  height: 45px;
}
  #masthead .main-navigation {
    width: 40%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-content: center;
  }
	.site-branding .custom-logo-link {
  width: 100%;
  height: 45px;
}
}

/* MOBILE CSS MENU */
/* MOBILE CSS HOME */
@media (max-width: 768px) { /* Ajuste para pantallas pequeñas */
	.box-fd-informa {
  padding: 20px;
}
	.img-productos-new {
  margin: 10px !important;
}
	#delivery.box-deli-info {
  		background-color: #000 !important;
	}
	.img-productos-new p {
  		width: 95%;
	}
	.beneficios-info {
		  width: 90%;
		  margin-left: auto;
		  margin-right: auto;
	}
  .box-img-productos {
    display: flex;
    flex-direction: column; /* Acomoda los elementos en columna */
    align-items: center; /* Centra horizontalmente */
    justify-content: center; /* Centra verticalmente */
    margin: 0 auto;
  }
.local {
  width: 95% !important;
  height: 260px;
  min-height: 250px;
  max-height: 270px;
  margin-top: 30px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
  .box-botones-deli {
    width: 80%; /* Ajusta el ancho para pantallas pequeñas */
    margin: 0 auto; /* Centra el contenedor */
  }

  .contenedor-logo-fuego, .box-central-columnas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Permite que los elementos se acomoden si hay muchos */
  }

  .columna-img-box, .columna-info-bef {
    width: 100%; /* Usa todo el ancho disponible */
    text-align: center; /* Centra el texto */
    margin: 0 auto;
  }

  .box-beneficio-beef {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Acomoda los elementos en columna */
    margin: 0 auto;
  }

  .clientes-form {
    max-width: 90%; /* Reduce el ancho del formulario */
    margin: 20px auto; /* Centra el formulario */
  }

  .btn-form-espe {
    width: 100%; /* Botón ocupa todo el ancho disponible */
    text-align: center;
    margin: 10px 0; /* Espaciado entre botones */
  }

  .box-form-btn {
    width: 100%; /* Ajusta el ancho del contenedor del formulario */
    margin: 0 auto; /* Centra el contenido */
  }

  .img-productos-new img {
    transform: scale(1); /* Ajusta el zoom para pantallas pequeñas */
  }

  h1, h2, h3, h4, h5, h6, p {
    text-align: center; /* Centra todos los textos */
  }

  #metaslider-id-18 {
    margin-top: -20px; /* Ajusta el margen superior para pantallas pequeñas */
  }
	.columna-img-box {
  width: 100%;
  max-width: 60%;
  margin-left: auto !important;
  margin-right: auto !important;
}
		.master-box-inst{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
}
/* MOBILE CSS HOME */
/* MOBILE CSS FOOTER */
@media (max-width: 768px) {
	.wp-block-image img {
  max-width: 75%;
}
  .site-footer {
    align-items: center;
    text-align: center;
  }
  .footer-widget-column.footer-logo-esp {
    display: flex;
    justify-content: center;
  }
  .footer-widgets {
    flex-direction: column;
    align-items: center;
  }
  .footer-widget-column.footer-info-tex {
    width: 100%;
    margin: 10px 0;
  }
  .titulo-footer {
    text-align: center;
  }
  .widget-footer.widget-footer-1.bx-widget-logo {
    width: 100%;
    text-align: center;
  }
  .footer-widget-column.footer-rss .titulo-footer,
  .footer-widget-column.footer-rss .contenido-footer {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .footer-widget-column.footer-rss a.page-item-footer {
    font-size: 20px;
    margin: 5px;
  }
  .clientes-form.newsle {
    width: 80%;
    align-items: center;
  }
  .clientes-form.newsle .campo-form,
  .clientes-form.newsle .newsletter-email p {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .enviar-form.newsletter-envio {
    justify-content: center;
    padding-left: 0;
  }
}
/* MOBILE CSS FOOTER */

/* MOBILE CSS FORMULARIOS */
@media (max-width: 768px) {
	.wp-block-contact-form-7-contact-form-selector {
	  width: 85%!important;
	  margin-left: auto;
	  margin-right: auto;
	  padding: 0!important;
		}
}
 
	
/* MOBILE CSS FORMULARIOS */