/*Cambiar el tamaño del logo*/

.logo-wrapper img {
  max-width: 250px;
  /* Cambia este valor si lo quieres más o menos pequeño */
  height: auto;
}

/*ocultar miga de pan de yoast*/
#yoast-breadcrumbs {
  display: none !important;
}

/* Asegura que los íconos sociales estén en línea y tengan márgenes controlables de las redes del header */
#header-sidebar {
  display: flex;
  gap: 15px; /* Espaciado horizontal entre íconos */
  align-items: center;
  justify-content: flex-end; /* Cambia a 'center' o 'flex-start' si deseas otra alineación */
  padding: 10px 0; /* Espacio superior e inferior */
	margin: 15px;
}

.wp-image-232 {
  position: relative;      /* Usa 'fixed' si quieres que no se mueva al hacer scroll */
  top: 0px;              /* Cambia esta distancia desde el top según necesites */
  left: -20px;             /* Cambia esta distancia desde la izquierda */
  z-index: 0;           /* Asegura que esté encima de otros elementos */

}

.wp-image-231 {
  position: relative; /* o usa 'fixed' si quieres que se mantenga al hacer scroll */
  top: 0px;  /* Distancia desde la parte superior */
  left: 20px;  /* Distancia desde la izquierda */
  z-index: 0; /* Asegura que quede sobre otros elementos */
}


/*Movimiento de los iconos de las redes sociales en el header para movil*/
@media (max-width: 767px) {
  #header-sidebar {
    position: relative;
    height: 120px;
  }

  #header-sidebar aside {
    position: absolute;
    z-index: 10;
    touch-action: none;
    cursor: grab;
    margin: 0 !important;
    padding: 0 !important;
    width: 60px;  /* Asegura que el aside tenga el mismo tamaño que la imagen */
    height: 40px;
  }

  /* Posiciones personalizadas por icono */
 /* Centrado basado en el centro del contenedor (50%) */
  #media_image-6 {
    left: 50%;
    top: 10px;
    transform: translateX(-80px); /* Facebook a la izquierda */
  }

  #media_image-5 {
    left: 45%;
    top: -30px;
    transform: translateX(-20px); /* Instagram más cerca al centro */
  }

  #media_image-7 {
    left: 40%;
    top: -70px;
    transform: translateX(40px); /* LinkedIn a la derecha */
  }

  #header-sidebar aside a {
    display: block;
    width: 100%;
    height: 100%;
  }

  #header-sidebar aside img {
    width: 40px;
    height: 40px;
    display: block;
  }
}


/* Estilo base para todos los íconos sociales pantallas móviles */
#header-sidebar img {
  width: 40px;
  height: 40px;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Estilos responsivos para pantallas móviles */
@media (max-width: 768px) {
  #header-sidebar {
    justify-content: center;
    gap: 12px;
    margin: 10px auto;
    padding: 10px 0;
  }

  #header-sidebar img {
    width: 36px;
    height: 36px;
  }

  /* Anular desplazamientos en móvil */
  .wp-image-231,
  .wp-image-232 {
    left: 0 !important;
    top: 0 !important;
  }
}

/*Ocultar Marca de habla en el pie de pagina*/

#theme-attribution {
  display: none;
}

/*Configuracion para el pie de pagina en moviles*/
@media (max-width: 767px) {
  #block-20 .wp-block-pullquote {
    border: none !important;
    position: relative;
    padding-top: 2em; /* espacio superior opcional */
  }

  #block-20 .wp-block-pullquote::before {
    content: "";
    position: absolute;
    top: -29px; /* Puedes ajustar esto para mover la línea verticalmente */
    left: 10%; /* Ajusta esto para mover horizontalmente */
    width: 82%; /* Controla el largo de la línea */
    height: 1px;
    background-color: #ffffff;
  }
}

/* Ajustar tamaño de texto del correo en móviles */
@media screen and (max-width: 480px) {
  #block-15 .wp-block-pullquote blockquote {
    font-size: 18px; /* Puedes ajustar esto si deseas más pequeño */
  }
}

/* Ajustar tamaño de texto del correo en móviles */
@media screen and (max-width: 480px) {
  #block-20 .wp-block-pullquote blockquote {
    font-size: 18px; /* Puedes ajustar esto si deseas más pequeño */
  }
}

/*Modificacion en la seccion "sobre nosotros" en moviles*/
@media (max-width: 767px) {
  /* Invierte solo la sección "Misión" (segundo bloque) */
  .wp-block-columns.is-layout-flex:nth-of-type(2) {
    flex-direction: column-reverse !important;
  }
  .wp-block-columns.is-layout-flex:nth-of-type(1) .wp-block-column {
   display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 16px; /* padding lateral para evitar bordes pegados */
    box-sizing: border-box;
    width: 100%;
  }
	  .wp-block-columns.is-layout-flex:nth-of-type(2) .wp-block-column {
   display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 16px; /* padding lateral para evitar bordes pegados */
    box-sizing: border-box;
    width: 100%;
  }
  .wp-block-columns.is-layout-flex:nth-of-type(3) .wp-block-column {
   display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 16px; /* padding lateral para evitar bordes pegados */
    box-sizing: border-box;
    width: 100%;
  }
	 /* Título Mision */
  .wp-block-columns.is-layout-flex:nth-of-type(2) .wp-block-column h2 {
    position: relative;
    left: -48px;
    transition: left 0.3s ease-in-out;
  }
  /* Párrafo */
  .wp-block-columns.is-layout-flex:nth-of-type(2) .wp-block-column p {
    position: relative;
    left: -48px; /* Mover horizontalmente */
		text-align: justify;
    transition: left 0.3s ease-in-out;
  }
	/* Imagen de "sobre nosotros */
  .wp-block-columns.is-layout-flex:nth-of-type(1) .wp-block-column figure {
    position: relative;
    left: -20px;
    transition: left 0.3s ease-in-out;
  }	
	/* Imagen de Vsion */
  .wp-block-columns.is-layout-flex:nth-of-type(3) .wp-block-column figure {
    position: relative;
    left: -20px;
    transition: left 0.3s ease-in-out;
  }
}


/*Desactivar el clic del boton Servicios */
#menu-item-41 > a {
  pointer-events: none;
  cursor: default;
  color: white;
  text-decoration: none;
}
/*Desactivar el clic del boton Servicios en moviles*/
.menu-item-41 > a.link {
  pointer-events: none;     /* Desactiva el clic en el enlace */
  cursor: default;          /* Cambia el cursor a no interactivo */
  color: inherit;           /* Opcional: mantiene el estilo original del texto */
}
/*Unir la accion que despliga el menu con "servicios" para moviles*/
@media (max-width: 767px) {
  li.menu-item.menu-item-41 {
    position: relative;
  }

  li.menu-item.menu-item-41 .next {
    position: absolute;
		opacity:0;
    inset: 0; /* top: 0; right: 0; bottom: 0; left: 0 */
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
}

/*Mover el texto del menu hacia la izquierda*/

.menu-inicio-container {
  margin-left: -30px;
  /* Usa valores negativos para acercarlo al borde izquierdo */
}

/*Texto del titulo "Establecimiento" mas pequeño*/
@media (max-width: 767px) {
  h2.wp-block-heading.wp-elements-74a3671e957161466d95802e8445b926 {
    font-size: 28px !important; /* Ajusta el tamaño según necesidad */
    white-space: normal; /* Para que se divida si es necesario */
    text-align: center;  /* Opcional, para centrar el texto */
  }
}

/* Contenedor de todos los bloques de redes sociales */
.wp-block-group__inner-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  /* Puedes cambiar a nowrap si deseas una sola línea forzada */
  align-items: center;
  justify-content: flex-start;
}

/* Cada bloque individual (ul) no debe ocupar toda la línea en la seccion de contactenos */

.wp-block-social-links {
  margin: 0;
  padding: 0;
  display: flex !important;
  /* fuerza disposición en línea */
  gap: 10px;
}

/* Asegura que cada ícono esté centrado en la seccion de contactenos */

.wp-block-social-links .wp-social-link a {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Estilo general para que los íconos se alineen horizontalmente */

.wp-block-social-links {
  margin: 0;
  padding: 0;
  display: flex !important;
  gap: 10px;
  /* espacio entre íconos */
  flex-wrap: wrap;
  /* permite que se ajusten si hay muchos */
}


/*Texto justificado*/
.has-text-align-left {
  text-align: justify !important;
}

/* Ajusta los márgenes superiores e inferiores del bloque completo (texto + imagen) */

.wp-block-columns.wp-elements-03eb28551089e136c69b0a1c73d991bc {
  margin-left: 55px;
  /* Aumenta o reduce para subir/bajar todo el bloque */
  margin-right: 1px;
}

/* Justifica todos los párrafos dentro de bloques de columnas */

.wp-block-columns p {
  text-align: justify;
}

/* Centra verticalmente las columnas dentro de cada bloque */

.wp-block-columns {
  display: flex;
  align-items: center;
  /* Alineación vertical */
  gap: 2rem;
  /* Espacio entre columnas */
}

/*Mover la imagen del menu de inicio*/

.wp-block-columns .wp-block-column:last-child {
  order: 1;
  /* imagen */
  margin-left: 50px;
}

/* Asegura que el texto esté alineado a la izquierda */

.wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Centrar texto en encabezados si se desea */

.wp-block-heading {
  text-align: center;
}

.wp-block-columns p,
.wp-block-columns h2 {
  margin-top: -30px;
  /* Ajusta este valor según necesites */
}

/* Estilo para mover el título 'Contáctenos' */

.wp-elements-e025c1064ae0c9a97c816541a4370dda {
  position: relative;
  /* Permite mover con top/left */
  top: -40px;
  /* Cambia este valor para mover verticalmente */
  left: -334px;
  /* Cambia este valor para mover horizontalmente */
  margin: 20px 0;
  /* Margen superior/inferior, puedes ajustarlo */
  text-align: center;
  /* Centra el texto si lo necesitas */
}

@media (min-width: 768px) {
  /* Mover el contenedor de contáctenos solo en escritorio */
  .wp-block-media-text.wp-elements-bcbac41a685f1fc03171da971196e68c {
    position: relative;
    top: 0px;
    left: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    z-index: 10;
  }
}