/* Estilos para ocultar "solo-movil" en pantallas más grandes que tabletas */
.solo-movil {
    display: none;
}

/* Mostrar "solo-movil" en tablets y móviles (máximo 1024px) */
@media (max-width: 1024px) {
    .solo-movil {
        display: block;
    }
}

/* Estilos para ocultar "solo-compu" en dispositivos más pequeños que computadoras */
.solo-compu {
    display: none;
}

/* Mostrar "solo-compu" en pantallas mayores a 1024px */
@media (min-width: 1025px) {
    .solo-compu {
        display: block;
    }
}

/* Centrar "centro-movil" en dispositivos móviles (máximo 768px) */
@media (max-width: 768px) {
    .centro-movil {
        align-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 768px) {
    [class*="alignleft"],
    [class*="alignright"],
    .wp-caption {
        float: none !important; /* Anula el flotado */
        margin: 0 auto !important; /* Centra horizontalmente */
        text-align: center !important; /* Centra el texto y el contenido */
    }

    [class*="alignleft"] img,
    [class*="alignright"] img,
    .wp-caption img {
        display: block !important; /* Asegura el centrado */
        margin: 0 auto !important; /* Centra la imagen horizontalmente */
    }
}
/*DISTRIBUIR MENÚ*/
/* 1. Estilo global: ítems limitados en ancho, salto de línea y centrado */
.et_pb_menu .et-menu > li {
  max-width: 10vw; /* Ajusta según tu diseño */
  white-space: normal !important;
  word-break: break-word;
  text-align: center;
  padding-left: 1vw;
  padding-right: 1vw;
  line-height: 1.2em;
  overflow: hidden;
}

/* 2. Enlaces dentro de los ítems también multilinea */
.et_pb_menu .et-menu > li > a {
  white-space: normal !important;
  overflow-wrap: break-word;
  display: block;
  padding-top: 1vh;
  padding-bottom: 1vh;
}

/* 3. Opcional: limitar a 3 líneas, con puntos suspensivos */
.et_pb_menu .et-menu > li > a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 4. Ajuste de dropdown ancho completo */
#top-menu li li a,
.sub-menu li a {
  width: 100% !important;
}
.sub-menu {
  min-width: 10vw;
}

/* FIN DISTRIBUIR MENÚ*/