/* Fondo por defecto azul */
body.header-azul header,
body.header-azul .elementor-location-header {
  background-color: #1C2A3A !important;
  transition: background-color .3s ease;
}

/* Fondo negro para AAK y POOM */
body.header-negro header,
body.header-negro .elementor-location-header {
  background-color: #000 !important;
  transition: background-color .3s ease;
}

/* FOOTER negro */
body.footer-negro footer,
body.footer-negro .elementor-location-footer {
  background-color: #000 !important;
  color: #fff;
}

/* FOOTER azul */
body.footer-azul footer,
body.footer-azul .elementor-location-footer {
  background-color: #1C2A3A !important;
  color: #fff;
}



/* HEADER MOBILE STICKY - AZUL */
body.header-azul 
  .elementor-element.elementor-element-b86de0f.elementor-sticky--active,
body.header-azul 
  .elementor-element.elementor-element-b86de0f.elementor-sticky--effects {
  background-color: #1C2A3A !important;
}

/* HEADER MOBILE STICKY - NEGRO */
body.header-negro 
  .elementor-element.elementor-element-b86de0f.elementor-sticky--active,
body.header-negro 
  .elementor-element.elementor-element-b86de0f.elementor-sticky--effects {
  background-color: #000 !important;
}


/* Celulares (pantallas menores a 768px) */
@media (max-width: 767px) {
	#contenedormobile{
		display:block!important;
	}
	#dynamic-buttonmobilemobile{
		display:block!important;
	}
	.copyelpacto p{
		font-size:1.1rem!important;
	}
	.botontextoazulcustom{
		font-size:12px!important;
	}
	h2,h3{
		font-size:1rem;
	}
	.casoespecial p{
		font-size:1rem!important;
		line-height: 1.1em!important;
	}
	.parrafonumeros p{
    font-size: 1rem!important;
    font-weight: 400!important;
	}
}



/* Por defecto, ocultar todos los logos */
.dynamic-logo .logo-santuario {
  display: none;
  max-width: 180px;
  height: auto;
}

/* Mostrar segun el slug de la página (WordPress lo mete en el body) */

/* /universo-de-aak/ */
body.page-universo-de-aak .dynamic-logo .logo-universo-aak {
  display: inline-block;
}

/* /kuunaa/ */
body.page-kuunaa .dynamic-logo .logo-kuunaa {
  display: inline-block;
}

/* /poom/ */
body.page-poom .dynamic-logo .logo-poom {
  display: inline-block;
}

/* /el-viaje-del-alma/ */
body.page-el-viaje-del-alma .dynamic-logo .logo-viaje-alma {
  display: inline-block;
}

/* /aak/ */
body.page-aak .dynamic-logo .logo-aak {
  display: inline-block;
}



@media (max-width: 767px) {
    .elementor-nav-menu__align-start .elementor-nav-menu{
        justify-items: center!important;
    }
	p{
		font-size:0.8rem!important;
	}
}


p{
	font-size:1.1rem!important;
	font-weight:400!important;
	font-family: "Lato", Sans-serif;

}


/* Solo móvil */
@media (max-width: 768px) {

  /* El widget de tabs */
  .elementor-element-ce3b02f .e-n-tabs {
      position: relative; /* Para posicionar flechas fijas */
  }

  /* Contenedor de los botones de tabs */
  .elementor-element-ce3b02f .e-n-tabs-heading {
      overflow-x: auto !important;
      scroll-behavior: smooth;
  }

  /* Flechas fijas */
  .elementor-element-ce3b02f .tabs-scroll-arrow {
      position: absolute;
      /* top lo ajustamos por JS para que quede a la mitad de las tabs */
      transform: translateY(-50%);
      width: 26px;
      height: 26px;
      border-radius: 999px;
      background: rgba(0,0,0,0.45);
      color: #fff;
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 20;
      pointer-events: auto;   /* Necesario para que se pueda hacer clic */
      opacity: 0.9;
      transition: opacity 0.25s ease;
  }

  .elementor-element-ce3b02f .tabs-scroll-arrow-left {
      left: -4px;
  }

  .elementor-element-ce3b02f .tabs-scroll-arrow-right {
      right: -4px;
  }

  /* Ocultar flecha cuando no aplica */
  .elementor-element-ce3b02f .tabs-scroll-arrow--hidden {
      opacity: 0;
  }
}