.elementor-15115 .elementor-element.elementor-element-14760b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-56bdf41d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-6ab0a638{--display:flex;}.elementor-15115 .elementor-element.elementor-element-705dc00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-9de7ea5{--display:flex;}.elementor-15115 .elementor-element.elementor-element-9a22e3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-53f66d3{--display:flex;}.elementor-15115 .elementor-element.elementor-element-9a24c22{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-39ea988e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-7cb18b71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15115 .elementor-element.elementor-element-3946d058{--display:flex;}.elementor-15115 .elementor-element.elementor-element-0f8c785{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15115 .elementor-element.elementor-element-0f8c785.e-con{--align-self:center;}.elementor-15115 .elementor-element.elementor-element-7c668c19{--display:flex;}.elementor-15115 .elementor-element.elementor-element-8ee9ca9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15115 .elementor-element.elementor-element-8ee9ca9.e-con{--align-self:center;}.elementor-15115 .elementor-element.elementor-element-cf38f34{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-15115 .elementor-element.elementor-element-cf38f34 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-blocksy_palette_3 );}.elementor-15115 .elementor-element.elementor-element-cf38f34.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;}.elementor-15115 .elementor-element.elementor-element-782f18cb{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#4D1D61;--n-accordion-title-hover-color:#E4803E;--n-accordion-title-active-color:#E4803E;--n-accordion-icon-size:19px;--n-accordion-icon-gap:17px;}.elementor-15115 .elementor-element.elementor-element-782f18cb > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 1px 0px;border-color:#E4803E;}:where( .elementor-15115 .elementor-element.elementor-element-782f18cb > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;}@media(min-width:768px){.elementor-15115 .elementor-element.elementor-element-56bdf41d{--content-width:1140px;}.elementor-15115 .elementor-element.elementor-element-705dc00{--content-width:911px;}.elementor-15115 .elementor-element.elementor-element-9a22e3a{--content-width:911px;}.elementor-15115 .elementor-element.elementor-element-9a24c22{--content-width:911px;}.elementor-15115 .elementor-element.elementor-element-0f8c785{--width:95%;}.elementor-15115 .elementor-element.elementor-element-8ee9ca9{--width:95%;}}@media(max-width:1024px){.elementor-15115 .elementor-element.elementor-element-782f18cb{--n-accordion-icon-gap:570px;}}@media(max-width:767px){.elementor-15115 .elementor-element.elementor-element-782f18cb{--n-accordion-icon-gap:19px;}}/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cf38f34 *//* 1. LIMPIEZA DE ELEMENTOR Y COLOR INACTIVO */
.e-n-tab-title, 
.e-n-tab-title *,
.e-active, 
[aria-selected="true"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* Color Violeta para el texto inactivo */
  color: #501f73 !important; 
}

/* 2. TEXTO ACTIVO (Blanco) */
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title.e-active,
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #ffffff !important;
}

/* Borrar residuos de Elementor */
.e-n-tabs-heading::before, 
.e-n-tabs-heading::after,
.e-n-tab-title::before,
.e-n-tab-title::after {
  display: none !important;
  content: none !important;
}

/* 3. CONTENEDOR (Fondo Píldora ) */
.e-n-tabs-heading {
  position: relative !important;
  display: inline-flex !important;
  /* background: #ffe7d6 !important;  */
  padding: 6px !important;
border-radius: 0 !important;
  z-index: 1 !important;
  overflow: visible !important;
  border: none !important;
}

/* 4. EL GLIDER (pildora - Violeta) */
.tab-glider {
  position: absolute !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  top: 6px !important;
  left: 0 !important;
  height: calc(100% - 12px) !important;
  background: #501f73 !important; 
  border-radius: 999px !important;
  z-index: 2 !important; 
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none;
}

/* 5. ESTRUCTURA DEL TEXTO */
.e-n-tab-title {
  position: relative !important;
  z-index: 5 !important; 
  padding: 12px 25px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  text-align: center;
}

/* 6. AJUSTE DEFINITIVO PARA MÓVIL */
@media (max-width: 767px) {
  .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important; 
    width: 95% !important;
    max-width: 360px !important; 
    margin: 10px auto !important;
    padding: 4px !important;
    height: auto !important; 
    min-height: 40px !important;
    align-items: center !important;
  }

  .e-n-tab-title {
    flex: 1 1 0 !important;
    padding: 8px 2px !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  .e-n-tab-title-text {
    white-space: nowrap !important;
    letter-spacing: -0.5px;
  }

  .tab-glider {
    top: 4px !important;
    height: calc(100% - 8px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cf38f34 *//* 1. LIMPIEZA DE ELEMENTOR Y COLOR INACTIVO */
.e-n-tab-title, 
.e-n-tab-title *,
.e-active, 
[aria-selected="true"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* Color Violeta para el texto inactivo */
  color: #501f73 !important; 
}

/* 2. TEXTO ACTIVO (Blanco) */
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title.e-active,
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #ffffff !important;
}

/* Borrar residuos de Elementor */
.e-n-tabs-heading::before, 
.e-n-tabs-heading::after,
.e-n-tab-title::before,
.e-n-tab-title::after {
  display: none !important;
  content: none !important;
}

/* 3. CONTENEDOR (Fondo Píldora ) */
.e-n-tabs-heading {
  position: relative !important;
  display: inline-flex !important;
  /* background: #ffe7d6 !important;  */
  padding: 6px !important;
border-radius: 0 !important;
  z-index: 1 !important;
  overflow: visible !important;
  border: none !important;
}

/* 4. EL GLIDER (pildora - Violeta) */
.tab-glider {
  position: absolute !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  top: 6px !important;
  left: 0 !important;
  height: calc(100% - 12px) !important;
  background: #501f73 !important; 
  border-radius: 999px !important;
  z-index: 2 !important; 
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none;
}

/* 5. ESTRUCTURA DEL TEXTO */
.e-n-tab-title {
  position: relative !important;
  z-index: 5 !important; 
  padding: 12px 25px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  text-align: center;
}

/* 6. AJUSTE DEFINITIVO PARA MÓVIL */
@media (max-width: 767px) {
  .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important; 
    width: 95% !important;
    max-width: 360px !important; 
    margin: 10px auto !important;
    padding: 4px !important;
    height: auto !important; 
    min-height: 40px !important;
    align-items: center !important;
  }

  .e-n-tab-title {
    flex: 1 1 0 !important;
    padding: 8px 2px !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  .e-n-tab-title-text {
    white-space: nowrap !important;
    letter-spacing: -0.5px;
  }

  .tab-glider {
    top: 4px !important;
    height: calc(100% - 8px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cf38f34 *//* 1. LIMPIEZA DE ELEMENTOR Y COLOR INACTIVO */
.e-n-tab-title, 
.e-n-tab-title *,
.e-active, 
[aria-selected="true"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* Color Violeta para el texto inactivo */
  color: #501f73 !important; 
}

/* 2. TEXTO ACTIVO (Blanco) */
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title.e-active,
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #ffffff !important;
}

/* Borrar residuos de Elementor */
.e-n-tabs-heading::before, 
.e-n-tabs-heading::after,
.e-n-tab-title::before,
.e-n-tab-title::after {
  display: none !important;
  content: none !important;
}

/* 3. CONTENEDOR (Fondo Píldora ) */
.e-n-tabs-heading {
  position: relative !important;
  display: inline-flex !important;
  /* background: #ffe7d6 !important;  */
  padding: 6px !important;
border-radius: 0 !important;
  z-index: 1 !important;
  overflow: visible !important;
  border: none !important;
}

/* 4. EL GLIDER (pildora - Violeta) */
.tab-glider {
  position: absolute !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  top: 6px !important;
  left: 0 !important;
  height: calc(100% - 12px) !important;
  background: #501f73 !important; 
  border-radius: 999px !important;
  z-index: 2 !important; 
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none;
}

/* 5. ESTRUCTURA DEL TEXTO */
.e-n-tab-title {
  position: relative !important;
  z-index: 5 !important; 
  padding: 12px 25px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  text-align: center;
}

/* 6. AJUSTE DEFINITIVO PARA MÓVIL */
@media (max-width: 767px) {
  .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important; 
    width: 95% !important;
    max-width: 360px !important; 
    margin: 10px auto !important;
    padding: 4px !important;
    height: auto !important; 
    min-height: 40px !important;
    align-items: center !important;
  }

  .e-n-tab-title {
    flex: 1 1 0 !important;
    padding: 8px 2px !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  .e-n-tab-title-text {
    white-space: nowrap !important;
    letter-spacing: -0.5px;
  }

  .tab-glider {
    top: 4px !important;
    height: calc(100% - 8px) !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c668c19 *//* Contenedor principal */
.e-n-tabs-heading {
  position: relative;
  background: #ffffff;
  padding: 12px;
  border-radius: 999px;
  display: inline-flex;
  gap: 8px;
}

/* La píldora/glider detrás */
.e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: calc(100% - 24px);
  width: var(--glider-width, 120px); /* tamaño por defecto */
  background: #e6eef9;
  border-radius: 999px;
  transition: transform 0.25s ease-out, width 0.25s ease-out;
  z-index: 1;
}

/* Cada pestaña */
.e-n-tab-title {
  position: relative;
  z-index: 3;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  color: #185ee0;
  font-weight: 500;
  white-space: nowrap;
}

/* Estado activo */
.e-n-tab-title.e-active {
  color: #fff !important;
}

/* Tab 1 */
.e-n-tab-title:nth-child(1).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(0);
  width: 120px;
}

/* Tab 2 */
.e-n-tab-title:nth-child(2).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(140px);
  width: 140px;
}

/* Tab 3 */
.e-n-tab-title:nth-child(3).e-active ~ .e-n-tabs-heading::before {
  transform: translateX(300px);
  width: 160px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cf38f34 *//* 1. LIMPIEZA DE ELEMENTOR Y COLOR INACTIVO */
.e-n-tab-title, 
.e-n-tab-title *,
.e-active, 
[aria-selected="true"] {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  /* Color Violeta para el texto inactivo */
  color: #501f73 !important; 
}

/* 2. TEXTO ACTIVO (Blanco) */
.e-n-tab-title[aria-selected="true"],
.e-n-tab-title.e-active,
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  color: #ffffff !important;
}

/* Borrar residuos de Elementor */
.e-n-tabs-heading::before, 
.e-n-tabs-heading::after,
.e-n-tab-title::before,
.e-n-tab-title::after {
  display: none !important;
  content: none !important;
}

/* 3. CONTENEDOR (Fondo Píldora ) */
.e-n-tabs-heading {
  position: relative !important;
  display: inline-flex !important;
  /* background: #ffe7d6 !important;  */
  padding: 6px !important;
border-radius: 0 !important;
  z-index: 1 !important;
  overflow: visible !important;
  border: none !important;
}

/* 4. EL GLIDER (pildora - Violeta) */
.tab-glider {
  position: absolute !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  top: 6px !important;
  left: 0 !important;
  height: calc(100% - 12px) !important;
  background: #501f73 !important; 
  border-radius: 999px !important;
  z-index: 2 !important; 
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none;
}

/* 5. ESTRUCTURA DEL TEXTO */
.e-n-tab-title {
  position: relative !important;
  z-index: 5 !important; 
  padding: 12px 25px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
  text-align: center;
}

/* 6. AJUSTE DEFINITIVO PARA MÓVIL */
@media (max-width: 767px) {
  .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important; 
    width: 95% !important;
    max-width: 360px !important; 
    margin: 10px auto !important;
    padding: 4px !important;
    height: auto !important; 
    min-height: 40px !important;
    align-items: center !important;
  }

  .e-n-tab-title {
    flex: 1 1 0 !important;
    padding: 8px 2px !important;
    margin: 0 !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }

  .e-n-tab-title-text {
    white-space: nowrap !important;
    letter-spacing: -0.5px;
  }

  .tab-glider {
    top: 4px !important;
    height: calc(100% - 8px) !important;
  }
}/* End custom CSS */