.elementor-618 .elementor-element.elementor-element-fb34cc6{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-618 .elementor-element.elementor-element-d4af64d{text-align:center;}.elementor-618 .elementor-element.elementor-element-d4af64d .elementor-heading-title{font-size:50px;}.elementor-618 .elementor-element.elementor-element-bd44fd2{text-align:center;}.elementor-618 .elementor-element.elementor-element-0484a42{--display:flex;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-618 .elementor-element.elementor-element-0182157{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-618 .elementor-element.elementor-element-3e9a661{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-618 .elementor-element.elementor-element-10c193f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-618 .elementor-element.elementor-element-8657837{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-618 .elementor-element.elementor-element-ab54acd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-618 .elementor-element.elementor-element-308ba65{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}/* Start custom CSS for html, class: .elementor-element-fb14954 *//* GRID */
.servicios-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
}

/* CARD */
.servicio-card{
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  position: relative;
  display: flex;
  flex-direction: column;
}

/* DESTACADO */
.servicio-card.destacado{
  border: 2px solid #d9c6ff;
  transform: translateY(-10px);
}

.badge{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2ecc71;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
}

/* ICONO */
.servicio-icon{
  width: 44px;
  height: 44px;
  background: #f2eaff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

/* TITULO */
.servicio-card h3{
  font-size: 18px;
  margin-bottom: 10px;
  color: #1f1f1f;
}

/* DESCRIPCIÓN */
.servicio-desc{
  font-size: 14px;
  color: #6b6b6b;
  margin-bottom: 18px;
}

/* LISTA */
.servicio-lista{
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
}

.servicio-lista li{
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.servicio-lista li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: #2ecc71;
  font-size: 14px;
}

/* FOOTER */
.servicio-footer{
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.servicio-precio span{
  font-size: 11px;
  color: #8c8c8c;
  display: block;
}

.servicio-precio strong{
  font-size: 18px;
  color: #1f1f1f;
}

/* BOTÓN */
.servicio-btn{
  background: #7a1cff;
  color: #fff;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
}

.servicio-btn:hover{
  background: #6514e0;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb14954 *//* GRID */
.servicios-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
}

/* CARD */
.servicio-card{
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  position: relative;
  display: flex;
  flex-direction: column;
}

/* DESTACADO */
.servicio-card.destacado{
  border: 2px solid #d9c6ff;
  transform: translateY(-10px);
}

.badge{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2ecc71;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
}

/* ICONO */
.servicio-icon{
  width: 44px;
  height: 44px;
  background: #f2eaff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

/* TITULO */
.servicio-card h3{
  font-size: 18px;
  margin-bottom: 10px;
  color: #1f1f1f;
}

/* DESCRIPCIÓN */
.servicio-desc{
  font-size: 14px;
  color: #6b6b6b;
  margin-bottom: 18px;
}

/* LISTA */
.servicio-lista{
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
}

.servicio-lista li{
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.servicio-lista li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: #2ecc71;
  font-size: 14px;
}

/* FOOTER */
.servicio-footer{
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.servicio-precio span{
  font-size: 11px;
  color: #8c8c8c;
  display: block;
}

.servicio-precio strong{
  font-size: 18px;
  color: #1f1f1f;
}

/* BOTÓN */
.servicio-btn{
  background: #7a1cff;
  color: #fff;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
}

.servicio-btn:hover{
  background: #6514e0;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb14954 *//* GRID */
.servicios-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
}

/* CARD */
.servicio-card{
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  position: relative;
  display: flex;
  flex-direction: column;
}

/* DESTACADO */
.servicio-card.destacado{
  border: 2px solid #d9c6ff;
  transform: translateY(-10px);
}

.badge{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2ecc71;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
}

/* ICONO */
.servicio-icon{
  width: 44px;
  height: 44px;
  background: #f2eaff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

/* TITULO */
.servicio-card h3{
  font-size: 18px;
  margin-bottom: 10px;
  color: #1f1f1f;
}

/* DESCRIPCIÓN */
.servicio-desc{
  font-size: 14px;
  color: #6b6b6b;
  margin-bottom: 18px;
}

/* LISTA */
.servicio-lista{
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
}

.servicio-lista li{
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.servicio-lista li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: #2ecc71;
  font-size: 14px;
}

/* FOOTER */
.servicio-footer{
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.servicio-precio span{
  font-size: 11px;
  color: #8c8c8c;
  display: block;
}

.servicio-precio strong{
  font-size: 18px;
  color: #1f1f1f;
}

/* BOTÓN */
.servicio-btn{
  background: #7a1cff;
  color: #fff;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
}

.servicio-btn:hover{
  background: #6514e0;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb14954 *//* GRID */
.servicios-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  max-width: 1200px;
  margin: 0 auto;
}

/* CARD */
.servicio-card{
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  position: relative;
  display: flex;
  flex-direction: column;
}

/* DESTACADO */
.servicio-card.destacado{
  border: 2px solid #d9c6ff;
  transform: translateY(-10px);
}

.badge{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: #2ecc71;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
}

/* ICONO */
.servicio-icon{
  width: 44px;
  height: 44px;
  background: #f2eaff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

/* TITULO */
.servicio-card h3{
  font-size: 18px;
  margin-bottom: 10px;
  color: #1f1f1f;
}

/* DESCRIPCIÓN */
.servicio-desc{
  font-size: 14px;
  color: #6b6b6b;
  margin-bottom: 18px;
}

/* LISTA */
.servicio-lista{
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
}

.servicio-lista li{
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.servicio-lista li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: #2ecc71;
  font-size: 14px;
}

/* FOOTER */
.servicio-footer{
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.servicio-precio span{
  font-size: 11px;
  color: #8c8c8c;
  display: block;
}

.servicio-precio strong{
  font-size: 18px;
  color: #1f1f1f;
}

/* BOTÓN */
.servicio-btn{
  background: #7a1cff;
  color: #fff;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
}

.servicio-btn:hover{
  background: #6514e0;
  transform: translateY(-2px);
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-308ba65 */* 1) El "carril" donde van los botones: que NO se estire */
.servicios-pesta .e-n-tabs .e-n-tabs-heading{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  width: fit-content !important;
  max-width: 100% !important;

  background: #ffffff !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;

  box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;
  margin: 0 auto !important; /* centra el grupo */
}

/* 2) Si algún contenedor padre fuerza ancho completo */
.servicios-pesta .e-n-tabs{
  display: flex !important;
  justify-content: center !important;
}

/* 3) Botones base */
.servicios-pesta .e-n-tabs .e-n-tab-title{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 12px 20px !important;
  border-radius: 14px !important;

  background: #f3f3f6 !important; /* pill gris claro */
  border: 0 !important;

  color: #4a4a4a !important;
  font-weight: 600 !important;

  box-shadow: none !important;
  transition: all .2s ease !important;
}

/* 4) Iconos (svg / i) siguiendo el color del texto */
.servicios-pesta .e-n-tabs .e-n-tab-icon,
.servicios-pesta .e-n-tabs .e-n-tab-icon *{
  color: currentColor !important;
  fill: currentColor !important;
}

/* 5) Activo: fuerza morado (mata el verde del tema/widget) */
.servicios-pesta .e-n-tabs .e-n-tab-title[aria-selected="true"],
.servicios-pesta .e-n-tabs .e-n-tab-title.e-active{
  background: #7a1cff !important; /* tu morado */
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(122, 28, 255, 0.35) !important;
}

/* 6) Hover */
.servicios-pesta .e-n-tabs .e-n-tab-title:hover{
  transform: translateY(-1px) !important;
  background: #ece9f6 !important;
}

/* 7) Mobile: que bajen a 2 filas si hace falta */
@media (max-width: 767px){
  .servicios-pesta .e-n-tabs .e-n-tabs-heading{
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}/* End custom CSS */