/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-form textarea {
  resize: none !important;
}


/* mENU PRINCIPAL HORIZONTAL */
.menu-principal .elementor-nav-menu--dropdown .elementor-nav-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important; 
    width: 100%;
    padding: 20px 0;
}

.menu-principal .elementor-nav-menu--dropdown .elementor-nav-menu li {
    float: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    margin: 10px 30px !important; 
}

.menu-principal .elementor-nav-menu--dropdown .elementor-item {
    font-family: 'Poppins', sans-serif !important;
	font-weight: 300!important;
    font-size: 13px !important;
	text-transform: uppercase !important; /* Forza mayúsculas */
}

/* Solo la X por encima de todo */
.elementor-element-eaeab64 .elementor-menu-toggle {
    z-index: 9999 !important;
    position: relative; 
}


/* Opcional: mantener el estilo del icono de cierre*/
.elementor-menu-toggle:hover .elementor-menu-toggle__icon--close {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* Hover iconos*/
.iconos-principales a.elementor-icon:hover {
  transform: scale(1.1);
  filter: brightness(1.2);
}
.iconos-principales .elementor-icon {
  width: 20px;
}

.banner-principal .elementor-swiper-button-prev svg,
.banner-principal  .elementor-swiper-button-next svg {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
	filter: brightness(1.1);
  transition: transform 0.3s ease, filter 0.3s ease;
}


.banner-principal .elementor-swiper-button-prev,
.banner-principal .elementor-swiper-button-next {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 34px 34px;
  background-color: transparent;
  border: none;
  cursor: pointer;
	transform: translateY(1%)!important;
}
.banner-principal .elementor-swiper-button-prev {
  background-image: url('https://dev-adriana-batres.pantheonsite.io/wp-content/uploads/2025/08/left-arrow.png');
}

.banner-principal .elementor-swiper-button-next {
  background-image: url('https://dev-adriana-batres.pantheonsite.io/wp-content/uploads/2025/08/right-arrow.png');
}

.banner-principal .elementor-swiper-button-prev:hover,
.banner-principal .elementor-swiper-button-next:hover {
  filter: brightness(9.5);
  transform: scale(1.05)!important;
	
}

.elementor-slide-button::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 1em;
  height: 1em;
  background-color: currentColor; /* hereda el color del texto */
  mask-image: url('https://dev-adriana-batres.pantheonsite.io/wp-content/uploads/2025/08/arrow-left-alt.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  -webkit-mask-image: url('https://dev-adriana-batres.pantheonsite.io/wp-content/uploads/2025/08/arrow-left-alt.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  transition: background-color 0.3s ease;
}


/*logo footer*/
.logo-footer img {
    filter: brightness(0) invert(1);

	}

.feature-image img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-image:hover img {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  transform: translateY(-10px);
}


/* Efecto: campo se eleva ligeramente al enfocarse */
.elementor-form .elementor-field:focus {
  transform: translateY(-2px);
  outline: none;
  border-color: #6B0504; /* opcional para mayor realce */
}


/*HOVER PLAY MEDIA HOME*/
/* Transición inicial del icono */
.elementor-custom-embed-play svg {
  transition: filter 0.5s ease, transform 0.5s ease;
}

/* Aplica efecto cuando se hace hover sobre toda la imagen */
.elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play svg {
  filter: brightness(1.3) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
  transform: scale(1.5);
}

.elementor-message-success {
	text-align: end;
	color: white;
}

.footer-form .elementor-message-success {
	text-align: end;
	padding-right: 20px;
}

.elementor-message-danger {
  text-align: center;
}

.footer-form .elementor-message-danger {
  text-align: end;
  padding-right: 20px;
	margin-right: 20px;
}
/* Cambiar color del mensaje de éxito solo en el formulario con ID 4d03a17 de contaco*/
.elementor-element-4d03a17 .elementor-message {
  color: #000 !important;
}

/* FOOTER MENU ESTILOS*/

.menu-footer-movil .elementor-nav-menu .elementor-item {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

.menu-footer-movil .elementor-nav-menu .elementor-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 2px;
  background-color: #4a90e2;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Al hacer hover o si el enlace está activo */
.menu-footer-movil .elementor-nav-menu .elementor-item:hover::after,
.menu-footer-movil .elementor-nav-menu .elementor-item.elementor-item-active::after,
.menu-footer-movil .elementor-nav-menu .current-menu-item > .elementor-item::after,
.menu-footer-movil .elementor-nav-menu .current_page_item > .elementor-item::after {
  opacity: 1;
}



/* Estilo para todos los contenidos abiertos del acordeón */
.e-n-accordion-item > [role="region"] {

  border-radius: 0 0 20px 20px;

}

/*MENU HEADER*/
.menu-principal .elementor-menu-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

/* Escala todo el botón (ícono + texto) */
.menu-principal .elementor-menu-toggle:hover {
  transform: scale(1.1);
}


/* MENÚ por defecto */
.menu-principal .elementor-menu-toggle::before {
  content: "MENÚ";
  font-family: "Poppins", Sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #1F3E58; /* Azul oscuro por defecto */
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
  z-index: 1999;
  transition: color 0.3s ease;
}

/* Cambiar color cuando el menú está abierto */
.menu-principal .elementor-menu-toggle.elementor-active::before {
  color: #ffffff; /* Blanco cuando abierto */
}


/* Eliminar bordes, sombras y separación de todos los acordeones */
.e-n-accordion-item {
  border: none !important;

}

/* También remover cualquier fondo por defecto en el container expandido */
.e-n-accordion-item > [role="region"] {
  border: none !important;
}

.e-n-accordion li {
  position: relative;
  list-style: none;
  padding-left: 32px;
  margin-bottom: 10px;
}
.e-n-accordion li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 15px;
  height: 15px;
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.0303 8.96967C16.3232 9.26256 16.3232 9.73744 16.0303 10.0303L11.0303 15.0303C10.7374 15.3232 10.2626 15.3232 9.96967 15.0303L7.96967 13.0303C7.67678 12.7374 7.67678 12.2626 7.96967 11.9697C8.26256 11.6768 8.73744 11.6768 9.03033 11.9697L10.5 13.4393L12.7348 11.2045L14.9697 8.96967C15.2626 8.67678 15.7374 8.67678 16.0303 8.96967Z" fill="%232F4157"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.lista-texto ul li {
  position: relative;
  list-style: none;
  padding-left: 32px;
  margin-bottom: 10px;
}

.lista-texto ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 15px;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.0303 8.96967C16.3232 9.26256 16.3232 9.73744 16.0303 10.0303L11.0303 15.0303C10.7374 15.3232 10.2626 15.3232 9.96967 15.0303L7.96967 13.0303C7.67678 12.7374 7.67678 12.2626 7.96967 11.9697C8.26256 11.6768 8.73744 11.6768 9.03033 11.9697L10.5 13.4393L12.7348 11.2045L14.9697 8.96967C15.2626 8.67678 15.7374 8.67678 16.0303 8.96967Z" fill="%232F4157"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .loop-blogs-principal .elementor-swiper-button-next,
  .loop-blogs-principal .elementor-swiper-button-prev {
    display: none !important;
  }
}

@media (max-width: 767px) {

  /* MENÚ PRINCIPAL HORIZONTAL SOLO EN MÓVIL */
  .menu-principal .elementor-nav-menu--dropdown .elementor-nav-menu {
      display: flex !important;
      flex-direction: column !important;
      flex-wrap: wrap !important;
      justify-content: center !important; 
      width: 100%;
      padding: 20px 0;
  }

.banner-principal .elementor-swiper-button-next,
.banner-principal .elementor-swiper-button-prev {
  display: none !important;
}
loop-blogs-principal

.menu-footer-movil .elementor-nav-menu--dropdown a.elementor-item-active {
    color: #4A90E2 !important;
  }
	
 #menu-2-76d99ae a.elementor-item {
    padding: 13px 8px;
  }

  #menu-2-76d99ae {
    width: 80% !important;
  }
	
  .contenedor-titulo {
    background-image: none !important;
    background-color: #123456 !important; /* Reemplaza por el color */
  }

}

.box-aliados {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.box-aliados:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); /* Un poco más de profundidad al pasar el mouse */
}