/*
Theme Name:   Lifex Theme
Theme URI:    
Description:  Tema hijo de Hello Elementor para Lifex
Author:       Refineria
Author URI:   refineria.es
Template:     hello-elementor
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  lifex-theme
Tags:         elementor, child-theme
*/


/*barra scroll lateral*/
* {
    scrollbar-width: thin;
    scrollbar-color: #0D3F44 #f1f1f1;
}
/* ===============================
   CARD HOVER (TEXTO LARGO)
=============================== */

.card-hover {
    overflow: hidden;
    cursor: pointer;
}

/* TEXTO (TU CÓDIGO ORIGINAL - NO TOCAR) */
.card-hover .texto-hover {
    max-height: 0;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;

    margin: 0;
    transform: translateY(40px);

    transition: 
        opacity 0.8s ease-out,
        transform 0.8s ease-out,
        max-height 0.8s ease;

    scrollbar-width: none;
}

.card-hover .texto-hover::-webkit-scrollbar {
    display: none;
}

.card-hover:hover .texto-hover {
    max-height: 400px;
    opacity: 1;
    transform: translateY(0);
}

/* ===============================
   TITULO (FIX ELEMENTOR REAL)
=============================== */

.card-hover .titulo-hover {
    transform: translateY(0);
    transition: transform 0.8s ease-out !important;
}

/* HOVER TITULO */
.card-hover:hover .titulo-hover {
    transform: translateY(-5px) !important;
}
/* ============================================================
   LIFEX LANG SWITCHER — Texto e icono blancos, hover turquesa,
   fondo siempre transparente, dropdown corregido
   ============================================================ */

.lifex-lang-switcher {
  --lx-ls-bg:           transparent;
  --lx-ls-color:        #fff;       /* texto e icono por defecto */
  --lx-ls-hover-color:  #8CCECE;    /* color al pasar el mouse */
  --lx-ls-dropdown-bg:  transparent!important;
  --lx-ls-font-size:    14px;
  --lx-ls-radius:       6px;
  --lx-ls-padding:      6px 10px;

  position: relative;
  display: inline-block;
  font-family: inherit;
}

/* Botón principal */
.lifex-lang-switcher .lifex-lang-current {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent !important; /* evita rojo Hello */
  color: var(--lx-ls-color) !important; /* fuerza blanco */
  font-size: var(--lx-ls-font-size);
  border-radius: var(--lx-ls-radius);
  padding: var(--lx-ls-padding);
  border: none;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: color 0.2s ease;
}

/* Hover solo cambia color del texto y del icono */
.lifex-lang-switcher .lifex-lang-current:hover {
  color: var(--lx-ls-hover-color) !important;
  background: transparent !important;
}

/* Icono flecha hereda color */
.lifex-lang-switcher .lifex-lang-arrow {
  display: inline-flex;
  align-items: center;
  transition: transform 0.2s ease, color 0.2s ease;
  color: currentColor !important;
}

/* Rotación al abrir dropdown */
.lifex-lang-switcher.lifex-ls-open .lifex-lang-arrow {
  transform: rotate(180deg);
}

/* Dropdown */
.lifex-lang-switcher .lifex-lang-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 100%;
  background: var(--lx-ls-dropdown-bg) !important; /* fuerza fondo correcto */
  border-radius: var(--lx-ls-radius);
  list-style: none;
  margin: 0;
  padding: 4px 0;
  z-index: 9999;
 
}

/* Abrir dropdown */
.lifex-lang-switcher.lifex-ls-open .lifex-lang-dropdown {
  display: block;
}

/* Enlaces del dropdown */
.lifex-lang-switcher .lifex-lang-dropdown li a {
  display: block;
  padding: var(--lx-ls-padding);
  color: var(--lx-ls-color) !important; /* fuerza texto blanco */
  background: var(--lx-ls-dropdown-bg) !important; /* fuerza fondo correcto */
  font-size: var(--lx-ls-font-size);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-align: center;
  transition: color 0.2s ease;
}

/* Hover del dropdown */
.lifex-lang-switcher .lifex-lang-dropdown li a:hover {
  color: var(--lx-ls-hover-color) !important;
  background: var(--lx-ls-dropdown-bg) !important;
}

/* Fallback sin WPML */
.lifex-lang-no-wpml {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  color: #fff !important;
}
/* ===============================
   SWITCHER EN PÁGINAS INTERNAS
=============================== */
.switcher-dark .lifex-lang-switcher {
  --lx-ls-color: #0D3F44;        
  --lx-ls-hover-color: #8CCECE; 
  --lx-ls-dropdown-bg: transparent; 
}
/*formularios radio field centrado en mobile*/
@media (max-width: 767px) {
  .jet-form-builder__fields-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }
}
/*marquesina*/
.lifex-marquee-wrap {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.lifex-marquee-track {
  display: inline-flex;
  gap: 3rem;
  animation: marqueeMove 16s linear infinite;
}

@keyframes marqueeMove {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
	.lifex-marquee-track {
  display: inline-flex;
  gap: 3rem;
  animation: marqueeMove 6s linear infinite;
}
}
/* svg en botón de enviar formulario */
/* flecha blanca */

.jet-form-builder__action-button.form-white-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.jet-form-builder__action-button.form-white-arrow::after {
  content: "";
  display: block;
  flex-shrink: 0;

  width: 10px;
  height: 10px;

  background-color: #fff;

  mask-image: url("https://lifexmallorca.com/wp-content/uploads/2026/03/flecha.svg");
  -webkit-mask-image: url("https://lifexmallorca.com/wp-content/uploads/2026/03/flecha.svg");

  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;

  mask-position: center;
  -webkit-mask-position: center;

  mask-size: 10px 10px;
  -webkit-mask-size: 10px 10px;
}

.jet-form-builder__action-button.form-white-arrow:hover::after {
  background-color: #0D3F44;
}

/*flecha verde fija*/
.jet-form-builder__action-button.form-dark-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.jet-form-builder__action-button.form-dark-arrow::after {
  content: "";
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  display: block;
  background-color: #0D3F44;
  mask: url("/wp-content/uploads/2026/03/flecha.svg") no-repeat center;
  -webkit-mask: url("/wp-content/uploads/2026/03/flecha.svg") no-repeat center;
  mask-size: 10px;
  -webkit-mask-size: 10px;
}

.lifex-speakers-loop .elementor-loop-item {
  margin-left: -20px;
}

.lifex-speakers-loop .elementor-loop-item:first-child {
  margin-left: 0;
}

.lifex-speakers-loop img {
  border-radius: 50%;
  border: 3px solid #fff;
}
/*carrusel de ponentes bullets*/
@media (max-width: 767px) {
  .elementor-element .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 5px;
    left: 180px;
  }
}