/* =========================================================
   INNOVASALUD — INICIO
   ========================================================= */

body.home {
  --blue: #00308d;
  --blue-dark: #052b70;
  --green: #66b533;
  --text: #253247;
  --muted: #687387;
  --surface: #f5f7fc;
  --border: rgba(7, 59, 149, 0.13);
}

body.home .elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

/* =========================================================
   PORTADA
   ========================================================= */

body.home [data-id="a88dc42"] {
  width: 100%;
  padding: 0;
}

body.home [data-id="e5399c1"] {
  position: relative;
  width: 100%;
  height: clamp(640px, 45vw, 760px) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden;
  --border-radius: 0px !important;
  border-radius: 0 !important;
  background-position: center 42% !important;
  background-size: cover !important;
}

body.home [data-id="e5399c1"]::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: linear-gradient(
    90deg,
    rgba(2, 22, 51, 0.78) 0%,
    rgba(2, 22, 51, 0.45) 38%,
    rgba(2, 22, 51, 0.08) 72%,
    transparent 100%
  );
  pointer-events: none;
}

body.home [data-id="e5399c1"] > .e-con-inner {
  position: relative;
  z-index: 1;
  min-height: 100%;
  border-radius: 0 !important;
}

body.home [data-id="e5399c1"]::before,
body.home [data-id="e5399c1"] > .elementor-motion-effects-container,
body.home [data-id="e5399c1"] > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  border-radius: 0 !important;
}

body.home [data-id="10a07ee"],
body.home [data-id="b5307c8"],
body.home [data-id="b5307c8"] .tm-sc-section-title,
body.home [data-id="b5307c8"] .title-wrapper {
  width: 100%;
  max-width: 600px;
}

body.home [data-id="b5307c8"] .title {
  width: 100%;
  max-width: 600px;
  margin: 0;
  color: #fff;
  font-size: clamp(54px, 6vw, 86px) !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.045em;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  text-wrap: balance;
}

/* Se elimina el botón de la portada */

body.home [data-id="8d0d4ff"],
body.home [data-id="d163fa3"] {
  display: none !important;
}

/* =========================================================
   TRATAMIENTOS Y SERVICIOS
   ========================================================= */

/* Fondo general de la sección */
body.home [data-id="15202ee"] {
  padding: 70px 5% !important;
  background: #f5f7ff !important;
}

/* Quita el gran card blanco del título */
body.home [data-id="37533c0"] {
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  margin: 0 0 48px !important;
  padding: 0 !important;

  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.home [data-id="37533c0"]::before,
body.home [data-id="37533c0"]::after {
  display: none !important;
}

/* Contenido del encabezado */
body.home [data-id="d0892f5"] {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: center !important;
  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Badge: Nuestra Especialidad */
body.home [data-id="c24b197"] {
  display: inline-flex !important;
  width: max-content !important;
  min-height: 46px !important;
  margin: 0 auto 24px !important;
  padding: 10px 18px !important;

  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  background: #eef1ff !important;
  border: 1px solid #dce3f4 !important;
  border-radius: 999px !important;
}

/* Corrige el icono levantado */
body.home [data-id="18625f0"],
body.home [data-id="18625f0"] .elementor-widget-container,
body.home [data-id="18625f0"] .elementor-icon-wrapper,
body.home [data-id="18625f0"] .elementor-icon {
  display: flex !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
  transform: none !important;
}

body.home [data-id="18625f0"] svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  transform: none !important;
}

/* Texto del badge */
body.home [data-id="f8db207"],
body.home [data-id="f8db207"] .elementor-widget-container,
body.home [data-id="f8db207"] p {
  margin: 0 !important;
  padding: 0 !important;
  color: #063b9b !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}



/* =========================================================
   ENCABEZADOS PRINCIPALES UNIFICADOS
   ========================================================= */

body.home [data-id="d0892f5"],
body.home [data-id="f45df07"],
body.home [data-id="84f0832"] {
  display: flex !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 0 !important;

  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  box-sizing: border-box !important;
}

/* Widgets de los títulos */
body.home [data-id="bb97868"],
body.home [data-id="c7f58b0"],
body.home [data-id="6f53d51"],
body.home [data-id="b5f6272"],
body.home [data-id="064a25e"],
body.home [data-id="4df7d4b"] {
  display: block !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding: 0 !important;

  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Todos los títulos azules */
body.home [data-id="bb97868"] h2,
body.home [data-id="6f53d51"] h2,
body.home [data-id="064a25e"] h2 {
  display: block !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  color: var(--blue) !important;
  font-family: "Barlow", sans-serif !important;
  font-size: clamp(36px, 3.4vw, 50px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  text-wrap: balance;
}

/* Todos los títulos verdes */
body.home [data-id="c7f58b0"] h2,
body.home [data-id="b5f6272"] h2,
body.home [data-id="4df7d4b"] h2 {
  display: block !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;

  color: #82df42 !important;
  font-family: "Barlow", sans-serif !important;
  font-size: clamp(34px, 3.2vw, 47px) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  text-wrap: balance;
}




/* =========================================================
   CARDS DE SERVICIOS
   ========================================================= */

/* Imágenes reales de cada servicio */
body.home [data-id="66a84f1"] {
  --service-image:
    url("/assets/images-original/2026/07/condensador-oxigeno-innovasalud-alquiler.webp");
}

body.home [data-id="bc214f3"] {
  --service-image:
    url("/assets/images-original/2026/07/telemedicina-innova-salud-medico-casa.webp");
}

body.home [data-id="a45f0ed"] {
  --service-image:
    url("/assets/images-original/2026/07/condensador-oxigeno-innovasalud-medico-casa.webp");
}

body.home [data-id="b92ac48"] {
  --service-image:
    url("/assets/images-original/2026/07/Alta_Asitida_Innovasalud.webp");
}

body.home [data-id="0691051"] {
  --service-image:
    url("/assets/images-original/2026/07/hospitalizacion-casa-innova-salud-paliativos.webp");
}

body.home [data-id="4054a3a"] {
  --service-image:
    url("/assets/images-original/2026/07/steptodown.com714021.webp");
}

/* Lista de los seis cards */
body.home [data-id="d0cd849"] {
  gap: 26px !important;
}

body.home [data-id="e8b2822"],
body.home [data-id="48913d5"] {
  gap: 26px !important;
}

/* Card individual */
body.home [data-id="66a84f1"],
body.home [data-id="bc214f3"],
body.home [data-id="a45f0ed"],
body.home [data-id="b92ac48"],
body.home [data-id="0691051"],
body.home [data-id="4054a3a"] {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  min-height: 355px !important;
  padding: 272px 22px 22px !important;

  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #dce3ef !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(4, 44, 113, 0.08) !important;
  overflow: hidden !important;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease !important;
}

/* Panel de la imagen */
body.home [data-id="66a84f1"]::before,
body.home [data-id="bc214f3"]::before,
body.home [data-id="a45f0ed"]::before,
body.home [data-id="b92ac48"]::before,
body.home [data-id="0691051"]::before,
body.home [data-id="4054a3a"]::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;

  top: 14px !important;
  right: 14px !important;
  left: 14px !important;

  display: block !important;
  width: auto !important;
  height: 238px !important;

  background-color: #eef1f5 !important;
  background-image: var(--service-image) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;

  border-radius: 16px !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* Pequeña línea separadora entre imagen e información */
body.home [data-id="66a84f1"]::after,
body.home [data-id="bc214f3"]::after,
body.home [data-id="a45f0ed"]::after,
body.home [data-id="b92ac48"]::after,
body.home [data-id="0691051"]::after,
body.home [data-id="4054a3a"]::after {
  content: "" !important;
  position: absolute !important;
  top: 266px !important;
  right: 22px !important;
  left: 22px !important;
  height: 1px !important;
  background: #edf0f5 !important;
}

/* Evita que Elementor oscurezca la imagen */
body.home [data-id="d0cd849"] .tm-background-overlay {
  display: none !important;
}

/* Título de cada servicio */
body.home [data-id="d0cd849"] .elementor-widget-text-editor {
  position: relative !important;
  z-index: 2 !important;

  width: auto !important;
  max-width: calc(100% - 130px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Estos widgets quedaron vacíos en el HTML exportado y no deben reservar alto. */
body.home [data-id="c7f58b0"],
body.home [data-id="b5f6272"],
body.home [data-id="4df7d4b"] {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home [data-id="d0cd849"] .elementor-widget-text-editor h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: #082f78 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  text-align: left !important;
}

/* Botón */
body.home [data-id="d0cd849"] .elementor-widget-button {
  position: relative !important;
  z-index: 2 !important;

  width: auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
}

body.home [data-id="d0cd849"] .elementor-button {
  display: inline-flex !important;
  min-height: 42px !important;
  padding: 10px 16px !important;

  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;
  background: #61bd28 !important;
  border: 1px solid #61bd28 !important;
  border-radius: 11px !important;
  box-shadow: none !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  transition:
    color 160ms ease,
    background-color 160ms ease,
    transform 160ms ease !important;
}

/* Mismo texto en todos los botones */
body.home [data-id="d0cd849"] .elementor-button-text {
  font-size: 0 !important;
}

body.home [data-id="d0cd849"] .elementor-button-text::after {
  content: "Ver servicio";
  font-size: 13px;
}

/* Hover blanco con texto verde */
body.home [data-id="d0cd849"] .elementor-button:hover,
body.home [data-id="d0cd849"] .elementor-button:focus-visible {
  color: #55ad22 !important;
  background: #ffffff !important;
  border-color: #55ad22 !important;
  outline: none !important;
  transform: translateY(-2px) !important;
}

body.home [data-id="d0cd849"] .elementor-button svg {
  fill: currentColor !important;
}

/* Movimiento ligero del card */
body.home [data-id="66a84f1"]:hover,
body.home [data-id="bc214f3"]:hover,
body.home [data-id="a45f0ed"]:hover,
body.home [data-id="b92ac48"]:hover,
body.home [data-id="0691051"]:hover,
body.home [data-id="4054a3a"]:hover {
  border-color: rgba(97, 189, 40, 0.45) !important;
  box-shadow: 0 18px 40px rgba(4, 44, 113, 0.13) !important;
  transform: translateY(-4px) !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {
  body.home [data-id="15202ee"] {
    padding: 48px 18px !important;
  }

  body.home [data-id="37533c0"] {
    margin-bottom: 0 !important;
  }

  body.home [data-id="c24b197"] {
    min-height: 42px !important;
    margin-bottom: 18px !important;
    padding: 9px 15px !important;
  }

  body.home [data-id="66a84f1"],
  body.home [data-id="bc214f3"],
  body.home [data-id="a45f0ed"],
  body.home [data-id="b92ac48"],
  body.home [data-id="0691051"],
  body.home [data-id="4054a3a"] {
    display: grid !important;
    min-height: 345px !important;
    padding: 252px 18px 18px !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 12px !important;
  }

  body.home [data-id="66a84f1"]::before,
  body.home [data-id="bc214f3"]::before,
  body.home [data-id="a45f0ed"]::before,
  body.home [data-id="b92ac48"]::before,
  body.home [data-id="0691051"]::before,
  body.home [data-id="4054a3a"]::before {
    top: 12px !important;
    right: 12px !important;
    left: 12px !important;
    height: 220px !important;
  }

  body.home [data-id="66a84f1"]::after,
  body.home [data-id="bc214f3"]::after,
  body.home [data-id="a45f0ed"]::after,
  body.home [data-id="b92ac48"]::after,
  body.home [data-id="0691051"]::after,
  body.home [data-id="4054a3a"]::after {
    top: 244px !important;
    right: 18px !important;
    left: 18px !important;
  }

  body.home [data-id="d0cd849"] .elementor-widget-text-editor {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.home [data-id="d0cd849"] .elementor-widget-text-editor h3 {
    font-size: 15px !important;
    line-height: 1.16 !important;
  }

  body.home [data-id="d0cd849"] .elementor-button {
    width: 112px !important;
    min-height: 40px !important;
    padding: 9px 10px !important;
  }

  body.home [data-id="d0cd849"] .elementor-button-text::after {
    font-size: 12px;
  }
}

/* Garantías finales para el Inicio móvil. El proyecto ya no carga el motor de
   animaciones de Elementor, por lo que ningún bloque debe quedar invisible. */
@media (max-width: 767px) {
  body.home,
  body.home #wrapper,
  body.home .main-content,
  body.home .main-content-section-wrapper,
  body.home .main-content-area,
  body.home .entry-content,
  body.home .page-content,
  body.home .elementor-113 {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    opacity: 1 !important;
  }

  body.home .main-content-section-wrapper > .container,
  body.home .tm-blog-sidebar-row,
  body.home .main-content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home .elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  body.home [data-id="7766b5d"] {
    display: flex !important;
    visibility: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    opacity: 1 !important;
  }

  body.home .top-sliders-container:empty {
    display: none !important;
  }
}

/* =========================================================
   ¿POR QUÉ ELEGIRNOS?
   ========================================================= */

body.home [data-id="4062af7"] {
  padding: 72px 5% !important;
  background: #ffffff !important;
}

body.home [data-id="4062af7"] > .e-con-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

/* Encabezado completo */
body.home [data-id="76d3fc5"] {
  display: flex !important;
  width: 100% !important;
  margin: 0 0 38px !important;
  padding: 0 !important;

  flex-direction: column !important;
  align-items: stretch !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Contenedor del badge y títulos */
body.home [data-id="f45df07"] {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  flex-direction: column !important;
  align-items: center !important;

  text-align: center !important;
  background: transparent !important;
}

/* Badge: ¿Por qué elegirnos? */
body.home [data-id="d1a6471"] {
  display: inline-flex !important;
  width: max-content !important;
  min-height: 46px !important;
  margin: 0 auto 24px !important;
  padding: 10px 18px !important;

  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  background: #eef1ff !important;
  border: 1px solid #dce3f4 !important;
  border-radius: 999px !important;
}

/* Corrige la posición del icono */
body.home [data-id="aabc407"],
body.home [data-id="aabc407"] .elementor-widget-container,
body.home [data-id="aabc407"] .elementor-icon-wrapper,
body.home [data-id="aabc407"] .elementor-icon {
  display: flex !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
  transform: none !important;
}

body.home [data-id="aabc407"] svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Texto del badge */
body.home [data-id="647bcad"],
body.home [data-id="647bcad"] .elementor-widget-container,
body.home [data-id="647bcad"] p {
  margin: 0 !important;
  padding: 0 !important;

  color: #063b9b !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}




/* =========================================================
   TEXTO INTRODUCTORIO
   ========================================================= */

body.home [data-id="98c8296"] {
  position: static !important;
  display: block !important;

  width: 100% !important;
  max-width: 1280px !important;
  margin: 30px auto 0 !important;
  padding: 0 !important;

  align-self: stretch !important;
  box-sizing: border-box !important;
  transform: none !important;
}

body.home [data-id="98c8296"] .elementor-widget-container,
body.home [data-id="98c8296"] .tm-text-editor {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.home [data-id="98c8296"] p {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--muted) !important;
  font-family: "Barlow", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  text-align: left !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  box-sizing: border-box !important;
}




/* =========================================================
   IMAGEN + INFORMACIÓN
   ========================================================= */

/* Dos columnas compactas */
body.home [data-id="dd83221"] {
  display: grid !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  align-items: stretch !important;
  gap: 28px !important;

  background: transparent !important;
}

/* Columna de imagen */
body.home [data-id="f2d83b3"] {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 590px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: stretch !important;

  background: #f4eee5 !important;
  border: 1px solid #e4e8ef !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(4, 44, 113, 0.08) !important;
  overflow: hidden !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Widget de imagen */
body.home [data-id="73e5af9"],
body.home [data-id="73e5af9"] .elementor-widget-container {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Imagen centrada y sin espacio vacío exagerado */
body.home [data-id="73e5af9"] img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 590px !important;

  object-fit: cover !important;
  object-position: center 68% !important;

  border: 0 !important;
  border-radius: 0 !important;
}


/* =========================================================
   CARD DE VENTAJAS
   ========================================================= */

body.home [data-id="75bef73"] {
  display: flex !important;
  width: 100% !important;
  min-height: 590px !important;
  margin: 0 !important;
  padding: 0 !important;

  flex-direction: column !important;
  justify-content: stretch !important;

  background: #ffffff !important;
  border: 1px solid #dce3ef !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(4, 44, 113, 0.08) !important;
  overflow: hidden !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Cada ventaja */
body.home [data-id="ce75840"],
body.home [data-id="46e2cc8"],
body.home [data-id="1cd1457"],
body.home [data-id="61cede8"] {
  display: grid !important;
  width: 100% !important;
  min-height: 147px !important;
  margin: 0 !important;
  padding: 24px 28px !important;

  grid-template-columns: 62px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  flex: 1 1 25% !important;

  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #e4e8f0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;

  transition: background-color 160ms ease !important;
}

body.home [data-id="61cede8"] {
  border-bottom: 0 !important;
}

body.home [data-id="ce75840"]:hover,
body.home [data-id="46e2cc8"]:hover,
body.home [data-id="1cd1457"]:hover,
body.home [data-id="61cede8"]:hover {
  background: #f8faff !important;
}


/* =========================================================
   ICONOS DE LAS VENTAJAS
   ========================================================= */

body.home [data-id="170d0df"],
body.home [data-id="1f9ea66"],
body.home [data-id="50ff788"],
body.home [data-id="d09a994"] {
  display: flex !important;
  width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  background: #f0f3fb !important;
  border: 0 !important;
  border-radius: 14px !important;
}

/* Mantiene los iconos centrados */
body.home [data-id="473ebf9"],
body.home [data-id="1bfa725"],
body.home [data-id="220656b"],
body.home [data-id="0949b42"],
body.home [data-id="473ebf9"] .elementor-widget-container,
body.home [data-id="1bfa725"] .elementor-widget-container,
body.home [data-id="220656b"] .elementor-widget-container,
body.home [data-id="0949b42"] .elementor-widget-container,
body.home [data-id="473ebf9"] .elementor-icon-wrapper,
body.home [data-id="1bfa725"] .elementor-icon-wrapper,
body.home [data-id="220656b"] .elementor-icon-wrapper,
body.home [data-id="0949b42"] .elementor-icon-wrapper,
body.home [data-id="473ebf9"] .elementor-icon,
body.home [data-id="1bfa725"] .elementor-icon,
body.home [data-id="220656b"] .elementor-icon,
body.home [data-id="0949b42"] .elementor-icon {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;
}

body.home [data-id="473ebf9"] i,
body.home [data-id="1bfa725"] i,
body.home [data-id="220656b"] i,
body.home [data-id="0949b42"] i {
  color: #0742ae !important;
  font-size: 34px !important;
  line-height: 1 !important;
}


/* =========================================================
   TEXTOS DE LAS VENTAJAS
   ========================================================= */

body.home [data-id="1fd4125"],
body.home [data-id="a205071"],
body.home [data-id="091cc67"],
body.home [data-id="230dd44"] {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.home [data-id="75bef73"] h3 {
  margin: 0 !important;
  padding: 0 !important;

  color: #073c9c !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

body.home [data-id="79c8a67"],
body.home [data-id="2aff5e6"],
body.home [data-id="b32bafe"],
body.home [data-id="37622bf"],
body.home [data-id="79c8a67"] p,
body.home [data-id="2aff5e6"] p,
body.home [data-id="b32bafe"] p,
body.home [data-id="37622bf"] p {
  margin: 0 !important;
  padding: 0 !important;

  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  text-align: left !important;
}


/* =========================================================
   TABLET Y MÓVIL
   ========================================================= */

@media (max-width: 900px) {
  body.home [data-id="4062af7"] {
    padding: 54px 24px !important;
  }

  body.home [data-id="dd83221"] {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.home [data-id="f2d83b3"] {
    display: flex !important;
    min-height: 420px !important;
  }

  body.home [data-id="73e5af9"] {
    display: block !important;
  }

  body.home [data-id="73e5af9"] img {
    min-height: 420px !important;
    object-position: center 65% !important;
  }

  body.home [data-id="75bef73"] {
    min-height: auto !important;
  }
}

@media (max-width: 600px) {
  body.home [data-id="4062af7"] {
    padding: 46px 18px !important;
  }

  body.home [data-id="76d3fc5"] {
    margin-bottom: 0 !important;
  }

  body.home [data-id="d1a6471"] {
    min-height: 42px !important;
    margin-bottom: 18px !important;
    padding: 9px 15px !important;
  }

  body.home [data-id="98c8296"] {
    margin-top: 0 !important;
  }

  body.home [data-id="98c8296"] p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  body.home [data-id="f2d83b3"] {
    min-height: 340px !important;
    border-radius: 18px !important;
  }

  body.home [data-id="73e5af9"] img {
    min-height: 340px !important;
  }

  body.home [data-id="75bef73"] {
    border-radius: 18px !important;
  }

  body.home [data-id="ce75840"],
  body.home [data-id="46e2cc8"],
  body.home [data-id="1cd1457"],
  body.home [data-id="61cede8"] {
    min-height: auto !important;
    padding: 22px 18px !important;

    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 15px !important;
  }

  body.home [data-id="170d0df"],
  body.home [data-id="1f9ea66"],
  body.home [data-id="50ff788"],
  body.home [data-id="d09a994"] {
    width: 50px !important;
    height: 50px !important;
    border-radius: 12px !important;
  }

  body.home [data-id="473ebf9"] i,
  body.home [data-id="1bfa725"] i,
  body.home [data-id="220656b"] i,
  body.home [data-id="0949b42"] i {
    font-size: 28px !important;
  }

  body.home [data-id="75bef73"] h3 {
    font-size: 17px !important;
  }

  body.home [data-id="79c8a67"],
  body.home [data-id="2aff5e6"],
  body.home [data-id="b32bafe"],
  body.home [data-id="37622bf"],
  body.home [data-id="79c8a67"] p,
  body.home [data-id="2aff5e6"] p,
  body.home [data-id="b32bafe"] p,
  body.home [data-id="37622bf"] p {
    font-size: 14px !important;
  }
}



/* =========================================================
   CÓMO FUNCIONA
   ========================================================= */

body.home [data-id="3b257e4"] {
  padding-top: 62px !important;
  padding-bottom: 70px !important;
  background: var(--surface) !important;
}

body.home [data-id="15396d9"] {
  background: transparent !important;
}

/* Badge ¿Cómo funciona? */
body.home [data-id="f0e0a1c"] {
  display: inline-flex !important;
  width: max-content !important;
  min-height: 46px !important;
  margin: 0 auto 24px !important;
  padding: 10px 18px !important;

  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  background: #eef1ff !important;
  border: 1px solid #dce3f4 !important;
  border-radius: 999px !important;
}

/* Texto */
body.home [data-id="f0e0a1c"] p {
  margin: 0 !important;
  padding: 0 !important;

  color: #063b9b !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
}

/* Icono */
body.home [data-id="f0e0a1c"] .elementor-widget-icon,
body.home [data-id="f0e0a1c"] .elementor-icon-wrapper,
body.home [data-id="f0e0a1c"] .elementor-icon {
  display: flex !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
  transform: none !important;
}

body.home [data-id="f0e0a1c"] svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

body.home [data-id="064a25e"] h2,
body.home [data-id="4df7d4b"] h2 {
  margin: 0;
  text-align: center;
  line-height: 1.06;
  letter-spacing: -0.035em;
}

body.home [data-id="064a25e"] h2 {
  color: var(--blue) !important;
  font-size: clamp(32px, 3.8vw, 47px);
}

body.home [data-id="4df7d4b"] h2 {
  color: var(--green) !important;
  font-size: clamp(30px, 3.5vw, 43px);
}

/* Cuadrícula de pasos */

body.home [data-id="0c0aba1"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 20px;
}
/* =========================================================
   ENCABEZADO DE CÓMO FUNCIONA
   ========================================================= */

body.home [data-id="84f0832"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Etiqueta ¿Cómo funciona? */

body.home [data-id="f0e0a1c"] {
  display: inline-flex !important;
  width: max-content !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  gap: 8px;

  margin: 0 auto 12px !important;
  padding: 9px 16px !important;

  background: rgba(7, 59, 149, 0.07) !important;
  border: 1px solid rgba(7, 59, 149, 0.12);
  border-radius: 999px;
}

body.home [data-id="f0e0a1c"] p {
  margin: 0 !important;
  color: var(--blue) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

/* Centra verticalmente el icono de ¿Cómo funciona? */

body.home [data-id="f0e0a1c"] .elementor-widget-icon,
body.home [data-id="f0e0a1c"] .elementor-icon-wrapper,
body.home [data-id="f0e0a1c"] .elementor-icon {
  display: flex !important;
  width: 14px !important;
  height: 14px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

body.home [data-id="f0e0a1c"] svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  transform: none !important;
}

/* Títulos principales */

body.home [data-id="064a25e"],
body.home [data-id="4df7d4b"] {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home [data-id="064a25e"] h2,
body.home [data-id="4df7d4b"] h2 {
  width: 100%;
  margin: 0 !important;
  text-align: center !important;
}

/* =========================================================
   CUADRÍCULA DE PASOS
   ========================================================= */

body.home [data-id="0c0aba1"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 0 !important;
}

/* Conserva las cuatro tarjetas */

body.home [data-id="194f9e3"],
body.home [data-id="08928a4"],
body.home [data-id="2dc2ede"],
body.home [data-id="9c347ea"] {
  display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 14px;

  min-width: 0;
  min-height: 285px;

  align-content: start;
  align-items: start !important;

  padding: 30px !important;

  background: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 19px !important;
  box-shadow: 0 9px 24px rgba(7, 36, 92, 0.05) !important;

  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

body.home [data-id="194f9e3"]:hover,
body.home [data-id="08928a4"]:hover,
body.home [data-id="2dc2ede"]:hover,
body.home [data-id="9c347ea"]:hover {
  border-color: rgba(103, 191, 50, 0.45) !important;
  box-shadow: 0 16px 32px rgba(7, 36, 92, 0.1) !important;
  transform: translateY(-3px);
}

/* =========================================================
   ICONOS LIBRES, SIN CÍRCULO NI FONDO
   ========================================================= */

body.home [data-id="4cd8a6c"],
body.home [data-id="e21091b"],
body.home [data-id="147cebf"],
body.home [data-id="00691cf"] {
  display: flex !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;

  align-self: center !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 auto 8px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Elimina fondos heredados alrededor del icono */

body.home [data-id="0c0aba1"] .elementor-icon-wrapper,
body.home [data-id="0c0aba1"] .elementor-icon {
  display: flex !important;
  width: 36px !important;
  height: 36px !important;

  align-items: center !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--blue) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.home [data-id="0c0aba1"] .elementor-icon i {
  color: var(--blue) !important;
  font-size: 32px !important;
  line-height: 1 !important;
}

/* =========================================================
   TÍTULOS
   ========================================================= */
body.home [data-id="67edcb4"],
body.home [data-id="8bb61da"],
body.home [data-id="59c3767"],
body.home [data-id="d91ea7a"] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home [data-id="67edcb4"] h3,
body.home [data-id="8bb61da"] h3,
body.home [data-id="59c3767"] h3,
body.home [data-id="d91ea7a"] h3 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--blue-dark) !important;
  font-size: 18px !important;
  line-height: 1.22;
  text-align: left !important;
}

/* =========================================================
   DESCRIPCIONES
   ========================================================= */

body.home [data-id="325e050"],
body.home [data-id="a3c2910"],
body.home [data-id="35707bf"],
body.home [data-id="404c08f"] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.home [data-id="325e050"] p,
body.home [data-id="a3c2910"] p,
body.home [data-id="35707bf"] p,
body.home [data-id="404c08f"] p {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  color: var(--muted) !important;
  font-size: 13px;
  line-height: 1.6;
  text-align: left !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  body.home [data-id="e5399c1"] {
    height: clamp(560px, 50vw, 640px) !important;
  }

  body.home [data-id="0c0aba1"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 767px) {
  body.home [data-id="a88dc42"] {
    display: none !important;
  }

  body.home [data-id="7766b5d"] {
    position: relative;
    height: clamp(520px, 135vw, 620px) !important;
    min-height: 0 !important;
    overflow: hidden;
    --border-radius: 0px !important;
    border-radius: 0 !important;
    background-position: 62% center !important;
    background-size: cover !important;
  }

  body.home [data-id="8973ed8"] .title {
    width: 100%;
    max-width: 330px;
    margin: 0;
    color: #fff;
    font-size: clamp(40px, 12vw, 56px) !important;
    line-height: 1;
    letter-spacing: -0.04em;
    word-break: normal;
  }

  body.home [data-id="15202ee"],
  body.home [data-id="4062af7"],
  body.home [data-id="3b257e4"] {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  body.home [data-id="37533c0"] {
    padding: 0 !important;
    border-radius: 0;
  }

  body.home [data-id="6f7d2df"] {
    align-items: flex-start;
    margin-bottom: 0;
  }

  body.home [data-id="f45df07"] {
    gap: 8px !important;
  }

  body.home [data-id="73e5af9"] img {
    height: 430px;
  }

  body.home [data-id="75bef73"] {
    margin-top: 18px;
  }

  body.home [data-id="ce75840"],
  body.home [data-id="46e2cc8"],
  body.home [data-id="1cd1457"],
  body.home [data-id="61cede8"] {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    min-height: auto;
    padding: 20px !important;
  }

  body.home [data-id="170d0df"],
  body.home [data-id="1f9ea66"],
  body.home [data-id="50ff788"],
  body.home [data-id="d09a994"] {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
  }

  body.home [data-id="0c0aba1"] {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 14px;
  }

  body.home [data-id="194f9e3"],
  body.home [data-id="08928a4"],
  body.home [data-id="2dc2ede"],
  body.home [data-id="9c347ea"] {
    min-height: auto;
    padding: 22px !important;
  }
}

@media (max-width: 767px) {
  body.home .main-content,
  body.home .main-content-section-wrapper,
  body.home .main-content-area,
  body.home .entry-content,
  body.home .page-content,
  body.home .elementor-113 {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 1px !important;
    opacity: 1 !important;
  }

  body.home .elementor-113 > .e-con {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.home .elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* Mostrar el hero estable */
  body.home [data-id="a88dc42"] {
    display: flex !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body.home [data-id="e5399c1"] {
    height: 560px !important;
    min-height: 560px !important;
    padding: 0 20px 48px !important;
    background-position: 62% center !important;
  }

  body.home [data-id="b5307c8"] .title {
    max-width: 340px !important;
    font-size: 42px !important;
    line-height: 1.05 !important;
  }

  /* Ocultar el hero móvil roto */
  body.home [data-id="7766b5d"] {
    display: none !important;
  }
}


/* =========================================================
   HERO DE INICIO — TÍTULO MÓVIL SIN CORTES
   ========================================================= */

@media (max-width: 767px) {
  body.home [data-id="7766b5d"] {
    width: 100% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.home [data-id="b2d5e6a"],
  body.home [data-id="b2d5e6a"] > .e-con-inner,
  body.home [data-id="543c1b3"],
  body.home [data-id="8973ed8"],
  body.home [data-id="8973ed8"] > .elementor-widget-container,
  body.home [data-id="8973ed8"] .section-title,
  body.home [data-id="8973ed8"] .title-wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  body.home [data-id="8973ed8"] .title {
    display: block !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(38px, 11vw, 48px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.025em !important;
    text-align: left !important;
    text-transform: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.home [data-id="8973ed8"] .title-part1 {
    display: block !important;
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  body.home [data-id="8973ed8"] .title {
    font-size: 36px !important;
  }
}

/* Título Nuestro compromiso: corrección móvil */
@media (max-width: 600px) {
  body.home [data-id="f45df07"],
  body.home [data-id="84f0832"],
  body.home [data-id="6f53d51"],
  body.home [data-id="b5f6272"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.home [data-id="6f53d51"] h2,
  body.home [data-id="b5f6272"] h2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    font-size: clamp(34px, 10vw, 42px) !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.home [data-id="b5f6272"] h2 {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  body.home [data-id="d0cd849"] .elementor-button-content-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  body.home [data-id="d0cd849"] .elementor-button-text,
  body.home [data-id="d0cd849"] .elementor-button-text::after {
    display: inline-block !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.home [data-id="d0cd849"] .elementor-button {
    width: 118px !important;
    min-width: 118px !important;
    padding: 9px 10px !important;
  }
}