.elementor-456 .elementor-element.elementor-element-f67595d{--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;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-93a0a99{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-4ea0f3d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-91c4c4b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-07c66ef{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-2f8ecf1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-39ca204{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-188035b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-05ac838{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-4a79a2b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-952d169{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-ed4a8a4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-d7016e0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-a4f5359{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-86e3263{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-d3b00b5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-16e8756{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-6066005{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-e7bb73d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-c8b1437{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-6c1a12e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-2c3d0de{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-456 .elementor-element.elementor-element-7a98f75{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-abce008 *//* =========================================================
   ALERIA MEDICAL
   HERO — PÁGINA SERVICIOS
   ========================================================= */

.aleria-services-hero {
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      var(--brand, #0A2D6D) 0%,
      #0b4f82 48%,
      var(--accent, #00B5B8) 100%
    );

  color: #ffffff;
  padding: 88px 0 82px;

  border-radius: 0 0 28px 28px;

  box-shadow:
    0 10px 35px rgba(10, 45, 109, .14);
}


/* ---------------------------------------------------------
   DECORACIÓN DE FONDO
   --------------------------------------------------------- */

.aleria-services-hero::before {
  content: "";
  position: absolute;

  width: 520px;
  height: 520px;

  top: -280px;
  right: -160px;

  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;

  pointer-events: none;
}

.aleria-services-hero::after {
  content: "";

  position: absolute;

  width: 360px;
  height: 360px;

  bottom: -250px;
  left: -140px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;

  pointer-events: none;
}


/* ---------------------------------------------------------
   CONTENEDOR
   --------------------------------------------------------- */

.aleria-services-hero__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;

  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   EYEBROW / BREADCRUMB
   --------------------------------------------------------- */

.aleria-services-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 24px;

  font-size: .78rem;
  font-weight: 700;

  letter-spacing: .12em;
  text-transform: uppercase;

  color: rgba(255,255,255,.78);
}

.aleria-services-hero__eyebrow span {
  opacity: .55;
}


/* ---------------------------------------------------------
   GRID PRINCIPAL
   --------------------------------------------------------- */

.aleria-services-hero__content {
  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);

  gap: 70px;

  align-items: center;
}


/* ---------------------------------------------------------
   TITULAR
   --------------------------------------------------------- */

.aleria-services-hero h1 {
  margin: 0 0 22px;

  max-width: 760px;

  color: #ffffff;

  font-size: clamp(
    2.2rem,
    4vw,
    3.6rem
  );

  line-height: 1.08;

  font-weight: 800;

  letter-spacing: -.025em;
}

.aleria-services-hero h1 span {
  display: block;

  color: #9ce8e8;
}


/* ---------------------------------------------------------
   TEXTO INTRODUCTORIO
   --------------------------------------------------------- */

.aleria-services-hero__lead {
  max-width: 650px;

  margin: 0;

  color: rgba(255,255,255,.90);

  font-size: clamp(
    1rem,
    1.5vw,
    1.15rem
  );

  line-height: 1.75;
}


/* ---------------------------------------------------------
   BOTONES
   --------------------------------------------------------- */

.aleria-services-hero__actions {
  display: flex;

  flex-wrap: wrap;

  gap: 14px;

  margin-top: 32px;
}

.aleria-services-hero__btn {
  display: inline-flex;

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

  gap: 10px;

  min-height: 48px;

  padding: 0 22px;

  border-radius: 999px;

  font-size: .95rem;
  font-weight: 700;

  text-decoration: none;

  transition:
    transform .25s ease,
    background-color .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}


/* Botón principal */

.aleria-services-hero__btn--primary {
  background: #ffffff;

  color: var(--brand, #0A2D6D);

  box-shadow:
    0 7px 20px rgba(0,0,0,.14);
}

.aleria-services-hero__btn--primary:hover {
  transform: translateY(-2px);

  background: #f4ffff;

  color: var(--brand, #0A2D6D);

  box-shadow:
    0 10px 25px rgba(0,0,0,.18);
}

.aleria-services-hero__btn--primary span {
  font-size: 1.15rem;

  transition:
    transform .25s ease;
}

.aleria-services-hero__btn--primary:hover span {
  transform: translateX(4px);
}


/* Botón secundario */

.aleria-services-hero__btn--secondary {
  color: #ffffff;

  border: 1px solid rgba(255,255,255,.55);

  background: rgba(255,255,255,.08);

  backdrop-filter: blur(5px);
}

.aleria-services-hero__btn--secondary:hover {
  transform: translateY(-2px);

  color: #ffffff;

  background: rgba(255,255,255,.16);

  border-color: rgba(255,255,255,.8);
}


/* ---------------------------------------------------------
   ELEMENTO VISUAL
   --------------------------------------------------------- */

.aleria-services-hero__visual {
  position: relative;

  min-height: 350px;

  display: flex;

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


/* Círculo principal */

.aleria-services-hero__circle {
  position: relative;

  width: 290px;
  height: 290px;

  display: flex;

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

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.07) 55%,
      rgba(255,255,255,.02) 100%
    );

  border: 1px solid rgba(255,255,255,.22);

  box-shadow:
    0 0 0 24px rgba(255,255,255,.025),
    0 0 0 48px rgba(255,255,255,.018);
}


/* Icono respiratorio abstracto */

.aleria-services-hero__icon {
  position: relative;

  width: 105px;
  height: 135px;
}


/* Pulmón izquierdo */

.aleria-services-hero__icon::before,
.aleria-services-hero__icon::after {
  content: "";

  position: absolute;

  top: 32px;

  width: 45px;
  height: 78px;

  background: rgba(255,255,255,.92);

  border-radius:
    50% 50% 45% 55%;
}

.aleria-services-hero__icon::before {
  left: 3px;

  transform:
    rotate(8deg);
}

.aleria-services-hero__icon::after {
  right: 3px;

  transform:
    rotate(-8deg);
}


/* Tráquea */

.aleria-services-hero__icon span {
  position: absolute;

  z-index: 2;

  top: 5px;
  left: 50%;

  width: 11px;
  height: 55px;

  transform: translateX(-50%);

  background: #ffffff;

  border-radius: 10px;
}


/* ---------------------------------------------------------
   BADGE
   --------------------------------------------------------- */

.aleria-services-hero__badge {
  position: absolute;

  right: 0;
  bottom: 28px;

  display: flex;

  flex-direction: column;

  gap: 3px;

  padding: 15px 18px;

  background: rgba(255,255,255,.96);

  color: var(--brand, #0A2D6D);

  border-radius: 14px;

  box-shadow:
    0 12px 30px rgba(0,0,0,.16);
}

.aleria-services-hero__badge strong {
  font-size: .85rem;

  font-weight: 800;
}

.aleria-services-hero__badge small {
  color: #5a6b7b;

  font-size: .72rem;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

  .aleria-services-hero {
    padding: 70px 0 65px;
  }

  .aleria-services-hero__content {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .aleria-services-hero__text {
    max-width: 760px;
  }

  .aleria-services-hero__visual {
    min-height: 280px;
  }

  .aleria-services-hero__circle {
    width: 230px;
    height: 230px;
  }

  .aleria-services-hero__badge {
    right: calc(50% - 150px);
  }
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

  .aleria-services-hero {
    padding: 58px 0 55px;

    border-radius: 0 0 20px 20px;
  }

  .aleria-services-hero__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-services-hero__eyebrow {
    margin-bottom: 18px;

    font-size: .7rem;
  }

  .aleria-services-hero h1 {
    font-size: clamp(
      2rem,
      9vw,
      2.7rem
    );

    line-height: 1.12;
  }

  .aleria-services-hero__lead {
    font-size: .98rem;

    line-height: 1.65;
  }

  .aleria-services-hero__actions {
    flex-direction: column;

    align-items: stretch;

    margin-top: 26px;
  }

  .aleria-services-hero__btn {
    width: 100%;
  }

  .aleria-services-hero__visual {
    min-height: 230px;

    margin-top: 5px;
  }

  .aleria-services-hero__circle {
    width: 190px;
    height: 190px;
  }

  .aleria-services-hero__icon {
    transform: scale(.72);
  }

  .aleria-services-hero__badge {
    right: 50%;

    bottom: 5px;

    transform: translateX(50%);

    width: max-content;

    max-width: calc(100% - 20px);

    text-align: center;
  }

}


/* ---------------------------------------------------------
   REDUCCIÓN DE MOVIMIENTO
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  .aleria-services-hero__btn,
  .aleria-services-hero__btn span {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c3208e *//* =========================================================
   ALERIA MEDICAL
   SERVICIO — NEUMOLOGÍA DE ADULTOS
   ========================================================= */

.aleria-service-pulmonology {
  position: relative;
  padding: 90px 0;
  background: #ffffff;
  color: #1f2e44;
}


/* CONTENEDOR */

.aleria-service-pulmonology__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-service-pulmonology__header {
  max-width: 820px;
  margin-bottom: 60px;
}

.aleria-service-pulmonology__eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 14px;

  color: var(--accent, #00B5B8);

  font-size: .75rem;
  font-weight: 800;

  letter-spacing: .12em;
  text-transform: uppercase;
}

.aleria-service-pulmonology__header h2 {
  margin: 0 0 20px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    2rem,
    3.5vw,
    3rem
  );

  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -.025em;
}

.aleria-service-pulmonology__header h2 span {
  color: var(--accent, #00B5B8);
}

.aleria-service-pulmonology__header > p {
  max-width: 720px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: 1.05rem;
  line-height: 1.75;
}


/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.aleria-service-pulmonology__main {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(320px, .85fr);

  gap: 65px;

  align-items: start;
}


/* =========================================================
   INTRO
   ========================================================= */

.aleria-service-pulmonology__intro {
  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 22px;

  padding-bottom: 35px;

  border-bottom: 1px solid var(--border, #e5e7eb);
}

.aleria-service-pulmonology__number {
  display: flex;

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

  width: 45px;
  height: 45px;

  border-radius: 50%;

  background: rgba(0,181,184,.10);

  color: var(--accent, #00B5B8);

  font-size: .75rem;
  font-weight: 800;
}

.aleria-service-pulmonology__intro h3 {
  margin: 0 0 10px;

  color: var(--brand, #0A2D6D);

  font-size: 1.45rem;
  line-height: 1.3;
  font-weight: 800;
}

.aleria-service-pulmonology__intro p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.7;
}


/* =========================================================
   PROCESO
   ========================================================= */

.aleria-service-pulmonology__process {
  padding-top: 30px;
}

.aleria-service-pulmonology__process-item {
  display: grid;

  grid-template-columns: 42px 1fr;

  gap: 18px;

  padding: 0 0 27px;
}

.aleria-service-pulmonology__process-item:last-child {
  padding-bottom: 0;
}

.process-icon {
  display: flex;

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

  width: 36px;
  height: 36px;

  border-radius: 10px;

  background: var(--brand, #0A2D6D);

  color: #ffffff;

  font-size: .68rem;
  font-weight: 800;
}

.aleria-service-pulmonology__process-item h4 {
  margin: 0 0 5px;

  color: var(--brand, #0A2D6D);

  font-size: 1rem;
  font-weight: 800;
}

.aleria-service-pulmonology__process-item p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .92rem;
  line-height: 1.65;
}


/* =========================================================
   ASIDE / EVALUACIÓN
   ========================================================= */

.aleria-service-pulmonology__aside {
  position: relative;
}

.aleria-service-pulmonology__card {
  position: relative;

  padding: 35px;

  background:
    linear-gradient(
      145deg,
      #f4fbfc 0%,
      #ffffff 100%
    );

  border: 1px solid rgba(0,181,184,.18);

  border-radius: 22px;

  box-shadow:
    0 12px 35px rgba(10,45,109,.07);
}

.aleria-service-pulmonology__card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 5px;
  height: 100%;

  background: var(--accent, #00B5B8);

  border-radius: 22px 0 0 22px;
}

.aleria-service-pulmonology__card-label {
  margin-bottom: 12px;

  color: var(--accent, #00B5B8);

  font-size: .7rem;
  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-service-pulmonology__card h3 {
  margin: 0 0 12px;

  color: var(--brand, #0A2D6D);

  font-size: 1.4rem;
  font-weight: 800;
}

.aleria-service-pulmonology__card > p {
  margin: 0 0 18px;

  color: var(--muted, #5a6b7b);

  font-size: .93rem;
  line-height: 1.7;
}

.aleria-service-pulmonology__card ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

.aleria-service-pulmonology__card li {
  position: relative;

  padding: 8px 0 8px 23px;

  color: #2c3b4f;

  font-size: .9rem;

  border-bottom: 1px solid #e8eef1;
}

.aleria-service-pulmonology__card li:last-child {
  border-bottom: 0;
}

.aleria-service-pulmonology__card li::before {
  content: "✓";

  position: absolute;

  left: 0;
  top: 7px;

  color: var(--accent, #00B5B8);

  font-weight: 800;
}

.aleria-service-pulmonology__link {
  display: inline-flex;

  align-items: center;
  gap: 8px;

  margin-top: 20px;

  color: var(--brand, #0A2D6D);

  font-size: .9rem;
  font-weight: 800;

  text-decoration: none;
}

.aleria-service-pulmonology__link span {
  color: var(--accent, #00B5B8);

  transition: transform .25s ease;
}

.aleria-service-pulmonology__link:hover {
  color: var(--brand, #0A2D6D);
}

.aleria-service-pulmonology__link:hover span {
  transform: translateX(4px);
}


/* =========================================================
   ENFERMEDADES RELACIONADAS
   ========================================================= */

.aleria-service-pulmonology__conditions {
  margin-top: 95px;

  padding-top: 70px;

  border-top: 1px solid var(--border, #e5e7eb);
}

.aleria-service-pulmonology__conditions-heading {
  display: grid;

  grid-template-columns: 1fr .75fr;

  gap: 50px;

  align-items: end;

  margin-bottom: 35px;
}

.aleria-service-pulmonology__conditions-heading .aleria-service-pulmonology__eyebrow {
  margin-bottom: 10px;
}

.aleria-service-pulmonology__conditions-heading h3 {
  margin: 0;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    1.6rem,
    3vw,
    2.2rem
  );

  line-height: 1.2;
  font-weight: 800;
}

.aleria-service-pulmonology__conditions-heading > p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .95rem;
  line-height: 1.7;
}


/* GRID */

.aleria-service-pulmonology__conditions-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 14px;
}


/* CARD */

.condition-card {
  display: flex;

  flex-direction: column;

  min-height: 145px;

  padding: 20px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 15px;

  text-decoration: none;

  box-shadow: 0 4px 15px rgba(10,45,109,.035);

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.condition-card span {
  margin-bottom: auto;

  color: rgba(10,45,109,.35);

  font-size: .68rem;
  font-weight: 800;
}

.condition-card strong {
  margin-top: 18px;

  color: var(--brand, #0A2D6D);

  font-size: .98rem;
  font-weight: 800;
}

.condition-card small {
  margin-top: 5px;

  color: var(--accent, #00B5B8);

  font-size: .72rem;
  font-weight: 700;
}

.condition-card:hover {
  transform: translateY(-4px);

  border-color: rgba(0,181,184,.35);

  box-shadow:
    0 10px 25px rgba(10,45,109,.09);
}


/* =========================================================
   CTA
   ========================================================= */

.aleria-service-pulmonology__cta {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  margin-top: 60px;

  padding: 30px 35px;

  background: var(--brand, #0A2D6D);

  border-radius: 20px;

  color: #ffffff;
}

.aleria-service-pulmonology__cta span {
  display: block;

  margin-bottom: 5px;

  color: #8de1e1;

  font-size: .75rem;
  font-weight: 800;

  letter-spacing: .08em;
  text-transform: uppercase;
}

.aleria-service-pulmonology__cta h3 {
  margin: 0;

  color: #ffffff;

  font-size: 1.15rem;
  line-height: 1.4;
  font-weight: 700;
}

.aleria-service-pulmonology__cta-button {
  flex-shrink: 0;

  display: inline-flex;

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

  gap: 9px;

  min-height: 46px;

  padding: 0 20px;

  border-radius: 999px;

  background: var(--accent, #00B5B8);

  color: #ffffff;

  font-size: .85rem;
  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.aleria-service-pulmonology__cta-button:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}


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

@media (max-width: 991px) {

  .aleria-service-pulmonology {
    padding: 70px 0;
  }

  .aleria-service-pulmonology__main {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .aleria-service-pulmonology__aside {
    max-width: 700px;
  }

  .aleria-service-pulmonology__conditions-heading {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .aleria-service-pulmonology__conditions-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-service-pulmonology {
    padding: 60px 0;
  }

  .aleria-service-pulmonology__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-service-pulmonology__header {
    margin-bottom: 42px;
  }

  .aleria-service-pulmonology__header h2 {
    font-size: 2rem;
  }

  .aleria-service-pulmonology__header > p {
    font-size: .95rem;
  }

  .aleria-service-pulmonology__intro {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .aleria-service-pulmonology__number {
    width: 40px;
    height: 40px;
  }

  .aleria-service-pulmonology__card {
    padding: 28px 25px;
  }

  .aleria-service-pulmonology__conditions {
    margin-top: 65px;

    padding-top: 50px;
  }

  .aleria-service-pulmonology__conditions-grid {
    grid-template-columns: 1fr;

    gap: 10px;
  }

  .condition-card {
    min-height: auto;

    padding: 18px;
  }

  .condition-card strong {
    margin-top: 12px;
  }

  .aleria-service-pulmonology__cta {
    flex-direction: column;

    align-items: flex-start;

    margin-top: 45px;

    padding: 27px 24px;
  }

  .aleria-service-pulmonology__cta-button {
    width: 100%;
  }

}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .condition-card,
  .aleria-service-pulmonology__link span,
  .aleria-service-pulmonology__cta-button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-736dc1f *//*=========================================================
ALERIA MEDICAL
CONSULTA DE NEUMOLOGÍA
=========================================================*/

.aleria-service-pulmonology{

    padding:110px 0;
    background:#F8FBFD;

}

.aleria-service-pulmonology__container{

    width:min(1220px,92%);
    margin:auto;

}

/*=====================================
HEADER
=====================================*/

.aleria-service-pulmonology__header{

    max-width:820px;
    margin:0 auto 70px;
    text-align:center;

}

.aleria-service-pulmonology__eyebrow{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 22px;

    background:#EAF8F1;

    color:#47B568;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;

    margin-bottom:25px;

}

.aleria-service-pulmonology__header h2{

    font-size:56px;

    color:#093A59;

    line-height:1.1;

    margin-bottom:25px;

    font-weight:700;

}

.aleria-service-pulmonology__header h2 span{

    color:#48B86B;

}

.aleria-service-pulmonology__header p{

    font-size:19px;

    line-height:1.9;

    color:#667788;

}

/*=====================================
MAIN
=====================================*/

.aleria-service-pulmonology__main{

    display:grid;

    grid-template-columns:1.3fr .7fr;

    gap:50px;

    align-items:start;

    margin-bottom:90px;

}

/*=====================================
INTRO
=====================================*/

.aleria-service-pulmonology__intro{

    display:flex;

    gap:30px;

    margin-bottom:45px;

}

.aleria-service-pulmonology__number{

    width:85px;

    height:85px;

    flex-shrink:0;

    border-radius:22px;

    background:linear-gradient(135deg,#0CB7A5,#47B868);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    font-weight:700;

    box-shadow:0 18px 40px rgba(12,183,165,.25);

}

.aleria-service-pulmonology__intro h3{

    font-size:34px;

    color:#093A59;

    line-height:1.25;

    margin-bottom:18px;

}

.aleria-service-pulmonology__intro p{

    color:#667788;

    line-height:1.9;

    font-size:18px;

}

/*=====================================
PROCESO
=====================================*/

.aleria-service-pulmonology__process{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.aleria-service-pulmonology__process-item{

    display:flex;

    gap:22px;

    padding:28px;

    background:#fff;

    border-radius:22px;

    border:1px solid #E6EEF3;

    transition:.35s;

    box-shadow:0 10px 30px rgba(7,38,65,.05);

}

.aleria-service-pulmonology__process-item:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(7,38,65,.09);

}

.process-icon{

    width:58px;

    height:58px;

    flex-shrink:0;

    border-radius:18px;

    background:#EEF8F2;

    color:#47B568;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:18px;

}

.aleria-service-pulmonology__process-item h4{

    font-size:23px;

    color:#093A59;

    margin-bottom:10px;

}

.aleria-service-pulmonology__process-item p{

    color:#667788;

    line-height:1.8;

    margin:0;

}
/*=====================================
TARJETA LATERAL
=====================================*/

.aleria-service-pulmonology__aside{

    position:sticky;
    top:120px;

}

.aleria-service-pulmonology__card{

    background:#093A59;
    border-radius:28px;
    padding:40px;
    color:#fff;
    overflow:hidden;
    position:relative;

}

.aleria-service-pulmonology__card::before{

    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:240px;
    height:240px;
    border-radius:50%;
    background:rgba(255,255,255,.05);

}

.aleria-service-pulmonology__card-label{

    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:rgba(255,255,255,.12);
    font-size:12px;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;
    margin-bottom:22px;

}

.aleria-service-pulmonology__card h3{

    font-size:30px;
    line-height:1.25;
    margin-bottom:20px;
    color:#fff;

}

.aleria-service-pulmonology__card p{

    color:#DDE8F0;
    line-height:1.9;
    margin-bottom:25px;

}

.aleria-service-pulmonology__card ul{

    list-style:none;
    padding:0;
    margin:0 0 30px;

}

.aleria-service-pulmonology__card li{

    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    color:#F5FAFD;
    line-height:1.6;

}

.aleria-service-pulmonology__card li::before{

    content:"✓";
    color:#59D38A;
    font-weight:700;
    flex-shrink:0;

}

.aleria-service-pulmonology__link{

    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#7EE2B0;
    font-weight:700;
    text-decoration:none;
    transition:.3s;

}

.aleria-service-pulmonology__link:hover{

    color:#fff;

}

/*=====================================
ENFERMEDADES RELACIONADAS
=====================================*/

.aleria-service-pulmonology__conditions{

    margin-top:90px;

}

.aleria-service-pulmonology__conditions-heading{

    display:flex;
    justify-content:space-between;
    gap:50px;
    align-items:flex-end;
    margin-bottom:40px;

}

.aleria-service-pulmonology__conditions-heading h3{

    font-size:38px;
    color:#093A59;
    margin-top:12px;

}

.aleria-service-pulmonology__conditions-heading p{

    max-width:420px;
    color:#667788;
    line-height:1.8;

}

.aleria-service-pulmonology__conditions-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;

}

.condition-card{

    background:#fff;
    border:1px solid #E6EEF3;
    border-radius:22px;
    padding:26px;
    text-decoration:none;
    transition:.35s;
    display:flex;
    flex-direction:column;
    gap:12px;

}

.condition-card:hover{

    transform:translateY(-8px);
    border-color:#48B86B;
    box-shadow:0 20px 40px rgba(8,40,65,.08);

}

.condition-card span{

    width:48px;
    height:48px;
    border-radius:14px;
    background:#EEF8F3;
    color:#48B86B;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;

}

.condition-card strong{

    font-size:22px;
    color:#093A59;

}

.condition-card small{

    color:#48B86B;
    font-weight:600;

}

/*=====================================
CTA
=====================================*/

.aleria-service-pulmonology__cta{

    margin-top:90px;
    padding:50px;
    border-radius:30px;
    background:linear-gradient(135deg,#093A59,#0B5578);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;

}

.aleria-service-pulmonology__cta span{

    color:#7FE3B3;
    font-size:14px;
    font-weight:700;
    letter-spacing:.10em;
    text-transform:uppercase;

}

.aleria-service-pulmonology__cta h3{

    color:#fff;
    font-size:38px;
    margin:15px 0;

}

.aleria-service-pulmonology__cta p{

    color:#D8E7F0;
    line-height:1.8;
    max-width:760px;

}

.aleria-service-pulmonology__cta-button{

    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:18px 34px;
    border-radius:50px;
    background:#48B86B;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    transition:.35s;

}

.aleria-service-pulmonology__cta-button:hover{

    background:#38A75A;
    transform:translateY(-4px);
    color:#fff;

}

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

@media(max-width:1100px){

    .aleria-service-pulmonology__main{

        grid-template-columns:1fr;

    }

    .aleria-service-pulmonology__aside{

        position:relative;
        top:0;

    }

    .aleria-service-pulmonology__conditions-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .aleria-service-pulmonology__conditions-heading{

        flex-direction:column;
        align-items:flex-start;

    }

    .aleria-service-pulmonology__cta{

        flex-direction:column;
        align-items:flex-start;

    }

}

@media(max-width:767px){

    .aleria-service-pulmonology{

        padding:70px 0;

    }

    .aleria-service-pulmonology__header h2{

        font-size:38px;

    }

    .aleria-service-pulmonology__main{

        gap:40px;

    }

    .aleria-service-pulmonology__intro{

        flex-direction:column;

    }

    .aleria-service-pulmonology__number{

        width:70px;
        height:70px;
        font-size:26px;

    }

    .aleria-service-pulmonology__intro h3{

        font-size:28px;

    }

    .aleria-service-pulmonology__process-item{

        padding:22px;
        flex-direction:column;

    }

    .process-icon{

        width:52px;
        height:52px;

    }

    .aleria-service-pulmonology__card{

        padding:30px;

    }

    .aleria-service-pulmonology__card h3{

        font-size:26px;

    }

    .aleria-service-pulmonology__conditions-grid{

        grid-template-columns:1fr;

    }

    .condition-card strong{

        font-size:20px;

    }

    .aleria-service-pulmonology__cta{

        padding:35px;

    }

    .aleria-service-pulmonology__cta h3{

        font-size:30px;

    }

    .aleria-service-pulmonology__cta-button{

        width:100%;
        justify-content:center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6da7e25 *//* =========================================================
   ALERIA MEDICAL
   SERVICIO — MEDICINA DEL SUEÑO
   ========================================================= */

.aleria-service-sleep {
  position: relative;

  padding: 95px 0;

  background:
    linear-gradient(
      180deg,
      #f7fafc 0%,
      #ffffff 100%
    );

  color: #1f2e44;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-service-sleep__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-service-sleep__header {
  max-width: 820px;

  margin-bottom: 60px;
}

.aleria-service-sleep__eyebrow {
  display: inline-flex;

  margin-bottom: 13px;

  color: var(--accent, #00B5B8);

  font-size: .73rem;
  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.aleria-service-sleep__header h2 {
  margin: 0 0 20px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    2rem,
    3.5vw,
    3rem
  );

  line-height: 1.12;

  font-weight: 800;

  letter-spacing: -.025em;
}

.aleria-service-sleep__header h2 span {
  color: var(--accent, #00B5B8);
}

.aleria-service-sleep__header > p {
  max-width: 720px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: 1.05rem;

  line-height: 1.75;
}


/* =========================================================
   BLOQUE PRINCIPAL
   ========================================================= */

.aleria-service-sleep__main {
  display: grid;

  grid-template-columns:
    .85fr
    1.15fr;

  gap: 65px;

  align-items: stretch;
}


/* =========================================================
   VISUAL
   ========================================================= */

.aleria-service-sleep__visual {
  position: relative;

  min-height: 480px;

  display: flex;

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

  overflow: hidden;

  border-radius: 25px;

  background:
    linear-gradient(
      145deg,
      #0A2D6D 0%,
      #123d7c 55%,
      #075f73 100%
    );

  box-shadow:
    0 15px 40px rgba(10,45,109,.12);
}

.aleria-service-sleep__visual::before {
  content: "";

  position: absolute;

  width: 420px;
  height: 420px;

  border: 1px solid rgba(255,255,255,.09);

  border-radius: 50%;
}

.aleria-service-sleep__visual::after {
  content: "";

  position: absolute;

  width: 300px;
  height: 300px;

  border: 1px solid rgba(255,255,255,.08);

  border-radius: 50%;
}


.aleria-service-sleep__visual-inner {
  position: relative;

  z-index: 2;

  text-align: center;

  padding: 30px;
}


.sleep-number {
  position: absolute;

  top: -30px;
  left: -10px;

  color: rgba(255,255,255,.25);

  font-size: 4rem;

  line-height: 1;

  font-weight: 800;
}


/* =========================================================
   LUNA / ICONO
   ========================================================= */

.sleep-symbol {
  position: relative;

  width: 170px;
  height: 170px;

  margin: 0 auto 35px;
}

.sleep-moon {
  position: absolute;

  width: 120px;
  height: 120px;

  top: 20px;
  left: 25px;

  border-radius: 50%;

  background: #ffffff;

  box-shadow:
    0 0 40px rgba(255,255,255,.18);
}

.sleep-moon::after {
  content: "";

  position: absolute;

  top: -8px;
  left: 28px;

  width: 120px;
  height: 120px;

  border-radius: 50%;

  background: #123d7c;
}

.sleep-star {
  position: absolute;

  color: #9ce8e8;

  font-size: 1.3rem;
}

.sleep-star--one {
  top: 5px;
  right: 5px;
}

.sleep-star--two {
  top: 50px;
  right: -5px;

  font-size: 1.8rem;
}

.sleep-star--three {
  bottom: 15px;
  left: 0;
}


.sleep-visual-text {
  display: flex;

  flex-direction: column;

  gap: 5px;

  color: #ffffff;
}

.sleep-visual-text strong {
  font-size: 1.2rem;

  font-weight: 800;
}

.sleep-visual-text span {
  color: rgba(255,255,255,.72);

  font-size: .9rem;
}


/* =========================================================
   CONTENT
   ========================================================= */

.aleria-service-sleep__content {
  padding: 20px 0;
}

.aleria-service-sleep__content-label {
  display: block;

  margin-bottom: 12px;

  color: var(--accent, #00B5B8);

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .11em;
}

.aleria-service-sleep__content h3 {
  max-width: 600px;

  margin: 0 0 18px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    1.6rem,
    2.5vw,
    2.15rem
  );

  line-height: 1.2;

  font-weight: 800;
}

.aleria-service-sleep__content > p {
  max-width: 650px;

  margin: 0 0 30px;

  color: var(--muted, #5a6b7b);

  line-height: 1.75;
}


/* =========================================================
   FEATURES
   ========================================================= */

.aleria-service-sleep__features {
  display: flex;

  flex-direction: column;

  gap: 22px;
}

.sleep-feature {
  display: grid;

  grid-template-columns: 43px 1fr;

  gap: 17px;

  padding-bottom: 22px;

  border-bottom: 1px solid var(--border, #e5e7eb);
}

.sleep-feature:last-child {
  padding-bottom: 0;

  border-bottom: none;
}

.sleep-feature__icon {
  display: flex;

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

  width: 36px;
  height: 36px;

  border-radius: 10px;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .67rem;

  font-weight: 800;
}

.sleep-feature strong {
  display: block;

  margin-bottom: 4px;

  color: var(--brand, #0A2D6D);

  font-size: .98rem;

  font-weight: 800;
}

.sleep-feature p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .9rem;

  line-height: 1.65;
}


/* =========================================================
   APNEA
   ========================================================= */

.aleria-service-sleep__apnea {
  display: grid;

  grid-template-columns:
    1.15fr
    .85fr;

  gap: 60px;

  align-items: center;

  margin-top: 85px;

  padding: 50px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 24px;

  box-shadow:
    0 8px 28px rgba(10,45,109,.055);
}

.aleria-service-sleep__apnea-content h3 {
  margin: 0 0 14px;

  color: var(--brand, #0A2D6D);

  font-size: 1.8rem;

  font-weight: 800;
}

.aleria-service-sleep__apnea-content p {
  max-width: 650px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.75;
}

.aleria-service-sleep__text-link {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-top: 22px;

  color: var(--brand, #0A2D6D);

  font-size: .9rem;

  font-weight: 800;

  text-decoration: none;
}

.aleria-service-sleep__text-link span {
  color: var(--accent, #00B5B8);

  transition: transform .25s ease;
}

.aleria-service-sleep__text-link:hover span {
  transform: translateX(4px);
}


/* =========================================================
   APNEA POINTS
   ========================================================= */

.aleria-service-sleep__apnea-points {
  display: grid;

  grid-template-columns: 1fr;

  gap: 0;

  border-left: 1px solid var(--border, #e5e7eb);
}

.aleria-service-sleep__apnea-points > div {
  padding: 17px 0 17px 28px;

  border-bottom: 1px solid var(--border, #e5e7eb);
}

.aleria-service-sleep__apnea-points > div:last-child {
  border-bottom: none;
}

.aleria-service-sleep__apnea-points span {
  display: block;

  margin-bottom: 5px;

  color: var(--accent, #00B5B8);

  font-size: .68rem;

  font-weight: 800;
}

.aleria-service-sleep__apnea-points strong {
  display: block;

  margin-bottom: 3px;

  color: var(--brand, #0A2D6D);

  font-size: .95rem;
}

.aleria-service-sleep__apnea-points small {
  color: var(--muted, #5a6b7b);

  font-size: .78rem;
}


/* =========================================================
   CPAP
   ========================================================= */

.aleria-service-sleep__cpap {
  margin-top: 65px;

  padding: 50px;

  border-radius: 24px;

  background:
    linear-gradient(
      135deg,
      rgba(0,181,184,.08),
      rgba(10,45,109,.04)
    );
}

.aleria-service-sleep__cpap-heading {
  max-width: 760px;

  margin-bottom: 35px;
}

.aleria-service-sleep__cpap-heading h3 {
  margin: 0 0 12px;

  color: var(--brand, #0A2D6D);

  font-size: 1.7rem;

  font-weight: 800;
}

.aleria-service-sleep__cpap-heading p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.7;
}


/* =========================================================
   CPAP STEPS
   ========================================================= */

.aleria-service-sleep__cpap-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;
}

.cpap-step {
  padding: 25px;

  background: #ffffff;

  border: 1px solid rgba(10,45,109,.08);

  border-radius: 17px;
}

.cpap-step > span {
  display: flex;

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

  width: 34px;
  height: 34px;

  margin-bottom: 18px;

  border-radius: 9px;

  background: var(--brand, #0A2D6D);

  color: #ffffff;

  font-size: .65rem;

  font-weight: 800;
}

.cpap-step strong {
  display: block;

  margin-bottom: 7px;

  color: var(--brand, #0A2D6D);

  font-size: .98rem;

  font-weight: 800;
}

.cpap-step p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .87rem;

  line-height: 1.65;
}


/* =========================================================
   CTA
   ========================================================= */

.aleria-service-sleep__cta {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 65px;

  padding: 32px 36px;

  border-radius: 20px;

  background: var(--brand, #0A2D6D);

  color: #ffffff;
}

.aleria-service-sleep__cta > div {
  max-width: 700px;
}

.aleria-service-sleep__cta span {
  display: block;

  margin-bottom: 6px;

  color: #8de1e1;

  font-size: .7rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-service-sleep__cta h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 1.2rem;

  font-weight: 800;
}

.aleria-service-sleep__cta p {
  margin: 0;

  color: rgba(255,255,255,.72);

  font-size: .88rem;

  line-height: 1.6;
}

.aleria-service-sleep__cta-button {
  display: inline-flex;

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

  gap: 9px;

  flex-shrink: 0;

  min-height: 47px;

  padding: 0 21px;

  border-radius: 999px;

  background: var(--accent, #00B5B8);

  color: #ffffff;

  font-size: .85rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.aleria-service-sleep__cta-button:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}


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

@media (max-width: 991px) {

  .aleria-service-sleep {
    padding: 75px 0;
  }

  .aleria-service-sleep__main {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .aleria-service-sleep__visual {
    min-height: 360px;
  }

  .aleria-service-sleep__apnea {
    grid-template-columns: 1fr;

    gap: 35px;

    padding: 40px;
  }

  .aleria-service-sleep__apnea-points {
    border-left: none;

    border-top: 1px solid var(--border, #e5e7eb);
  }

  .aleria-service-sleep__apnea-points > div {
    padding-left: 0;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-service-sleep {
    padding: 60px 0;
  }

  .aleria-service-sleep__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-service-sleep__header {
    margin-bottom: 42px;
  }

  .aleria-service-sleep__header h2 {
    font-size: 2rem;
  }

  .aleria-service-sleep__header > p {
    font-size: .95rem;
  }

  .aleria-service-sleep__visual {
    min-height: 300px;

    border-radius: 20px;
  }

  .aleria-service-sleep__visual::before {
    width: 300px;
    height: 300px;
  }

  .aleria-service-sleep__visual::after {
    width: 220px;
    height: 220px;
  }

  .sleep-number {
    top: -20px;
    left: -5px;

    font-size: 3rem;
  }

  .sleep-symbol {
    transform: scale(.8);

    margin-bottom: 15px;
  }

  .aleria-service-sleep__content {
    padding: 0;
  }

  .aleria-service-sleep__content h3 {
    font-size: 1.65rem;
  }

  .aleria-service-sleep__apnea {
    margin-top: 60px;

    padding: 28px 23px;

    border-radius: 20px;
  }

  .aleria-service-sleep__apnea-content h3 {
    font-size: 1.5rem;
  }

  .aleria-service-sleep__cpap {
    margin-top: 50px;

    padding: 30px 22px;

    border-radius: 20px;
  }

  .aleria-service-sleep__cpap-heading h3 {
    font-size: 1.45rem;
  }

  .aleria-service-sleep__cpap-grid {
    grid-template-columns: 1fr;

    gap: 10px;
  }

  .cpap-step {
    padding: 20px;
  }

  .aleria-service-sleep__cta {
    flex-direction: column;

    align-items: flex-start;

    margin-top: 50px;

    padding: 28px 23px;
  }

  .aleria-service-sleep__cta-button {
    width: 100%;
  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .aleria-service-sleep__text-link span,
  .aleria-service-sleep__cta-button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f0867f *//* =========================================================
   ALERIA MEDICAL
   03 — LABORATORIO DE FUNCIÓN PULMONAR
   ========================================================= */

.aleria-pulmonary-lab {
  padding: 100px 0;

  background: #ffffff;

  color: #1f2e44;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-pulmonary-lab__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-pulmonary-lab__header {
  display: grid;

  grid-template-columns:
    1fr
    320px;

  gap: 60px;

  align-items: end;

  margin-bottom: 55px;
}

.aleria-pulmonary-lab__intro {
  max-width: 780px;
}

.aleria-pulmonary-lab__eyebrow {
  display: inline-block;

  margin-bottom: 13px;

  color: var(--accent, #00B5B8);

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.aleria-pulmonary-lab__header h2 {
  margin: 0 0 20px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    2rem,
    3.5vw,
    3rem
  );

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -.025em;
}

.aleria-pulmonary-lab__header h2 span {
  color: var(--accent, #00B5B8);
}

.aleria-pulmonary-lab__header p {
  max-width: 720px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: 1.04rem;

  line-height: 1.75;
}


/* =========================================================
   HEADER NOTE
   ========================================================= */

.aleria-pulmonary-lab__header-note {
  padding: 25px;

  border-left: 3px solid var(--accent, #00B5B8);

  background: #f7fafc;

  border-radius: 0 14px 14px 0;
}

.aleria-pulmonary-lab__header-note span {
  display: block;

  margin-bottom: 8px;

  color: var(--accent, #00B5B8);

  font-size: .67rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-pulmonary-lab__header-note strong {
  display: block;

  color: var(--brand, #0A2D6D);

  font-size: 1rem;

  line-height: 1.45;
}


/* =========================================================
   CONTEXTO
   ========================================================= */

.aleria-pulmonary-lab__context {
  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 22px;

  align-items: start;

  max-width: 900px;

  margin-bottom: 45px;

  padding-bottom: 35px;

  border-bottom: 1px solid var(--border, #e5e7eb);
}

.aleria-pulmonary-lab__context-number {
  display: flex;

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

  width: 45px;
  height: 45px;

  border-radius: 50%;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .72rem;

  font-weight: 800;
}

.aleria-pulmonary-lab__context h3 {
  margin: 0 0 9px;

  color: var(--brand, #0A2D6D);

  font-size: 1.35rem;

  font-weight: 800;
}

.aleria-pulmonary-lab__context p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .94rem;

  line-height: 1.7;
}


/* =========================================================
   GRID DE PRUEBAS
   ========================================================= */

.aleria-pulmonary-lab__tests {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 17px;
}


/* =========================================================
   CARD
   ========================================================= */

.pulmonary-test {
  position: relative;

  display: flex;

  flex-direction: column;

  min-height: 300px;

  padding: 27px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 18px;

  box-shadow:
    0 5px 18px rgba(10,45,109,.035);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.pulmonary-test:hover {
  transform: translateY(-4px);

  border-color: rgba(0,181,184,.35);

  box-shadow:
    0 12px 28px rgba(10,45,109,.08);
}


/* DESTACADA */

.pulmonary-test--featured {
  background:
    linear-gradient(
      145deg,
      #f1fbfb 0%,
      #ffffff 100%
    );

  border-color: rgba(0,181,184,.25);
}


/* =========================================================
   TOP
   ========================================================= */

.pulmonary-test__top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  margin-bottom: 25px;
}

.pulmonary-test__number {
  display: flex;

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

  width: 35px;
  height: 35px;

  border-radius: 9px;

  background: var(--brand, #0A2D6D);

  color: #ffffff;

  font-size: .65rem;

  font-weight: 800;
}

.pulmonary-test--featured .pulmonary-test__number {
  background: var(--accent, #00B5B8);
}

.pulmonary-test__tag {
  color: var(--muted, #5a6b7b);

  font-size: .61rem;

  font-weight: 800;

  letter-spacing: .08em;

  text-align: right;
}


/* =========================================================
   TEXT
   ========================================================= */

.pulmonary-test h3 {
  margin: 0 0 10px;

  color: var(--brand, #0A2D6D);

  font-size: 1.2rem;

  line-height: 1.3;

  font-weight: 800;
}

.pulmonary-test p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .88rem;

  line-height: 1.7;
}


/* =========================================================
   LINK
   ========================================================= */

.pulmonary-test__link {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: auto;
  padding-top: 20px;

  color: var(--brand, #0A2D6D);

  font-size: .78rem;

  font-weight: 800;

  text-decoration: none;
}

.pulmonary-test__link span {
  color: var(--accent, #00B5B8);

  transition: transform .25s ease;
}

.pulmonary-test__link:hover {
  color: var(--brand, #0A2D6D);
}

.pulmonary-test__link:hover span {
  transform: translateX(4px);
}


/* =========================================================
   RELACIÓN CLÍNICA
   ========================================================= */

.aleria-pulmonary-lab__clinical {
  display: grid;

  grid-template-columns:
    .9fr
    1.1fr;

  gap: 60px;

  align-items: center;

  margin-top: 75px;

  padding: 50px;

  background: #f7fafc;

  border-radius: 23px;
}

.aleria-pulmonary-lab__clinical-content {
  max-width: 520px;
}

.aleria-pulmonary-lab__clinical-content h3 {
  margin: 0 0 14px;

  color: var(--brand, #0A2D6D);

  font-size: 1.65rem;

  line-height: 1.25;

  font-weight: 800;
}

.aleria-pulmonary-lab__clinical-content p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.7;
}


/* =========================================================
   CONDICIONES
   ========================================================= */

.aleria-pulmonary-lab__conditions {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 10px;
}

.clinical-condition {
  display: flex;

  align-items: center;

  gap: 15px;

  min-height: 62px;

  padding: 13px 17px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 12px;

  text-decoration: none;

  transition:
    transform .2s ease,
    border-color .2s ease;
}

.clinical-condition span {
  color: var(--accent, #00B5B8);

  font-size: .65rem;

  font-weight: 800;
}

.clinical-condition strong {
  color: var(--brand, #0A2D6D);

  font-size: .84rem;

  font-weight: 800;
}

.clinical-condition:hover {
  transform: translateX(3px);

  border-color: rgba(0,181,184,.4);
}


/* =========================================================
   CTA
   ========================================================= */

.aleria-pulmonary-lab__cta {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 60px;

  padding: 32px 36px;

  background: var(--brand, #0A2D6D);

  border-radius: 20px;
}

.aleria-pulmonary-lab__cta > div {
  max-width: 700px;
}

.aleria-pulmonary-lab__cta span {
  display: block;

  margin-bottom: 6px;

  color: #8de1e1;

  font-size: .69rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-pulmonary-lab__cta h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 1.18rem;

  font-weight: 800;
}

.aleria-pulmonary-lab__cta p {
  margin: 0;

  color: rgba(255,255,255,.72);

  font-size: .86rem;

  line-height: 1.6;
}

.aleria-pulmonary-lab__button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  flex-shrink: 0;

  min-height: 46px;

  padding: 0 21px;

  border-radius: 999px;

  background: var(--accent, #00B5B8);

  color: #ffffff;

  font-size: .83rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.aleria-pulmonary-lab__button:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}


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

@media (max-width: 991px) {

  .aleria-pulmonary-lab {
    padding: 75px 0;
  }

  .aleria-pulmonary-lab__header {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .aleria-pulmonary-lab__header-note {
    max-width: 500px;
  }

  .aleria-pulmonary-lab__tests {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .aleria-pulmonary-lab__clinical {
    grid-template-columns: 1fr;

    gap: 35px;

    padding: 40px;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-pulmonary-lab {
    padding: 60px 0;
  }

  .aleria-pulmonary-lab__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-pulmonary-lab__header {
    margin-bottom: 42px;
  }

  .aleria-pulmonary-lab__header h2 {
    font-size: 2rem;
  }

  .aleria-pulmonary-lab__header p {
    font-size: .95rem;
  }

  .aleria-pulmonary-lab__context {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .aleria-pulmonary-lab__tests {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .pulmonary-test {
    min-height: auto;

    padding: 23px;
  }

  .aleria-pulmonary-lab__clinical {
    margin-top: 55px;

    padding: 28px 22px;

    border-radius: 19px;
  }

  .aleria-pulmonary-lab__clinical-content h3 {
    font-size: 1.45rem;
  }

  .aleria-pulmonary-lab__conditions {
    grid-template-columns: 1fr;
  }

  .aleria-pulmonary-lab__cta {
    flex-direction: column;

    align-items: flex-start;

    margin-top: 45px;

    padding: 28px 23px;
  }

  .aleria-pulmonary-lab__button {
    width: 100%;
  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .pulmonary-test,
  .clinical-condition,
  .pulmonary-test__link span,
  .aleria-pulmonary-lab__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b68a6dc *//* =========================================================
   ALERIA MEDICAL
   04 — BRONCOSCOPIA Y PROCEDIMIENTOS NEUMOLÓGICOS
   ========================================================= */

.aleria-bronchoscopy {
  padding: 100px 0;

  background:
    linear-gradient(
      180deg,
      #f7fafc 0%,
      #ffffff 100%
    );

  color: #1f2e44;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-bronchoscopy__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-bronchoscopy__header {
  display: grid;

  grid-template-columns:
    1fr
    310px;

  gap: 60px;

  align-items: end;

  margin-bottom: 55px;
}

.aleria-bronchoscopy__heading {
  max-width: 800px;
}

.aleria-bronchoscopy__eyebrow {
  display: inline-block;

  margin-bottom: 12px;

  color: var(--accent, #00B5B8);

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.aleria-bronchoscopy__heading h2 {
  margin: 0 0 20px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    2rem,
    3.5vw,
    3rem
  );

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -.025em;
}

.aleria-bronchoscopy__heading h2 span {
  color: var(--accent, #00B5B8);
}

.aleria-bronchoscopy__heading > p {
  max-width: 720px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: 1.04rem;

  line-height: 1.75;
}


/* =========================================================
   BADGE
   ========================================================= */

.aleria-bronchoscopy__badge {
  padding: 25px;

  border-left: 3px solid var(--accent, #00B5B8);

  border-radius: 0 14px 14px 0;

  background: #ffffff;

  box-shadow:
    0 6px 20px rgba(10,45,109,.05);
}

.aleria-bronchoscopy__badge span {
  display: block;

  margin-bottom: 8px;

  color: var(--accent, #00B5B8);

  font-size: .65rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-bronchoscopy__badge strong {
  display: block;

  color: var(--brand, #0A2D6D);

  font-size: .98rem;

  line-height: 1.45;
}


/* =========================================================
   INTRO
   ========================================================= */

.aleria-bronchoscopy__intro {
  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 22px;

  max-width: 900px;

  margin-bottom: 45px;
}

.aleria-bronchoscopy__intro-mark {
  display: flex;

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

  width: 45px;
  height: 45px;

  border-radius: 50%;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .7rem;

  font-weight: 800;
}

.aleria-bronchoscopy__intro h3 {
  margin: 0 0 9px;

  color: var(--brand, #0A2D6D);

  font-size: 1.35rem;

  font-weight: 800;
}

.aleria-bronchoscopy__intro p {
  max-width: 780px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .94rem;

  line-height: 1.7;
}


/* =========================================================
   FEATURED
   ========================================================= */

.aleria-bronchoscopy__featured {
  display: grid;

  grid-template-columns:
    .72fr
    1.28fr;

  min-height: 390px;

  overflow: hidden;

  margin-bottom: 75px;

  border-radius: 25px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  box-shadow:
    0 10px 35px rgba(10,45,109,.06);
}


/* =========================================================
   FEATURED VISUAL
   ========================================================= */

.bronchoscopy-featured__visual {
  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  padding: 40px;

  background:
    linear-gradient(
      145deg,
      #0A2D6D 0%,
      #123d7c 55%,
      #075f73 100%
    );

  text-align: center;
}

.bronchoscopy-featured__visual::before {
  content: "";

  position: absolute;

  width: 360px;
  height: 360px;

  border: 1px solid rgba(255,255,255,.09);

  border-radius: 50%;
}

.bronchoscopy-featured__visual::after {
  content: "";

  position: absolute;

  width: 250px;
  height: 250px;

  border: 1px solid rgba(255,255,255,.08);

  border-radius: 50%;
}


/* =========================================================
   ABSTRACT BRONCHOSCOPE
   ========================================================= */

.bronchoscopy-featured__circle {
  position: relative;

  z-index: 2;

  width: 150px;
  height: 150px;

  margin-bottom: 25px;

  border: 2px solid rgba(255,255,255,.75);

  border-radius: 50%;
}

.bronchoscopy-featured__line {
  position: absolute;

  top: 73px;
  left: 28px;

  width: 90px;
  height: 2px;

  background: #8de1e1;

  transform: rotate(-32deg);

  transform-origin: left center;
}

.bronchoscopy-featured__dot {
  position: absolute;

  right: 23px;
  top: 42px;

  width: 13px;
  height: 13px;

  border-radius: 50%;

  background: #8de1e1;

  box-shadow:
    0 0 0 8px rgba(141,225,225,.1);
}

.bronchoscopy-featured__label {
  position: relative;

  z-index: 2;

  margin-bottom: 5px;

  color: #8de1e1;

  font-size: .64rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.bronchoscopy-featured__visual > strong {
  position: relative;

  z-index: 2;

  color: #ffffff;

  font-size: 1.35rem;

  font-weight: 800;
}


/* =========================================================
   FEATURED CONTENT
   ========================================================= */

.bronchoscopy-featured__content {
  padding: 55px;
}

.bronchoscopy-featured__content h3 {
  margin: 0 0 15px;

  color: var(--brand, #0A2D6D);

  font-size: 1.8rem;

  line-height: 1.2;

  font-weight: 800;
}

.bronchoscopy-featured__content > p {
  max-width: 630px;

  margin: 0 0 30px;

  color: var(--muted, #5a6b7b);

  line-height: 1.75;
}


/* =========================================================
   FEATURED POINTS
   ========================================================= */

.bronchoscopy-featured__points {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;
}

.bronchoscopy-featured__points > div {
  padding-top: 18px;

  border-top: 2px solid #e8eef2;
}

.bronchoscopy-featured__points span {
  display: block;

  margin-bottom: 6px;

  color: var(--accent, #00B5B8);

  font-size: .65rem;

  font-weight: 800;
}

.bronchoscopy-featured__points strong {
  display: block;

  margin-bottom: 5px;

  color: var(--brand, #0A2D6D);

  font-size: .86rem;

  font-weight: 800;
}

.bronchoscopy-featured__points small {
  display: block;

  color: var(--muted, #5a6b7b);

  font-size: .75rem;

  line-height: 1.5;
}


/* =========================================================
   SERVICES HEADING
   ========================================================= */

.aleria-bronchoscopy__services {
  margin-bottom: 70px;
}

.aleria-bronchoscopy__services-heading {
  max-width: 700px;

  margin-bottom: 30px;
}

.aleria-bronchoscopy__services-heading h3 {
  margin: 0;

  color: var(--brand, #0A2D6D);

  font-size: 1.7rem;

  line-height: 1.25;

  font-weight: 800;
}


/* =========================================================
   SERVICES GRID
   ========================================================= */

.bronchoscopy-services-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 17px;
}

.bronchoscopy-service {
  display: grid;

  grid-template-columns: 42px 1fr;

  gap: 17px;

  padding: 28px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 18px;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.bronchoscopy-service:hover {
  transform: translateY(-4px);

  border-color: rgba(0,181,184,.3);

  box-shadow:
    0 10px 25px rgba(10,45,109,.07);
}

.bronchoscopy-service__number {
  display: flex;

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

  width: 36px;
  height: 36px;

  border-radius: 9px;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .63rem;

  font-weight: 800;
}

.bronchoscopy-service h4 {
  margin: 0 0 9px;

  color: var(--brand, #0A2D6D);

  font-size: 1rem;

  line-height: 1.35;

  font-weight: 800;
}

.bronchoscopy-service p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .85rem;

  line-height: 1.65;
}


/* =========================================================
   INDICATIONS
   ========================================================= */

.aleria-bronchoscopy__indications {
  display: grid;

  grid-template-columns:
    .9fr
    1.1fr;

  gap: 60px;

  align-items: center;

  margin-bottom: 60px;

  padding: 50px;

  border-radius: 23px;

  background: #f7fafc;
}

.indications__content {
  max-width: 520px;
}

.indications__content h3 {
  margin: 0 0 14px;

  color: var(--brand, #0A2D6D);

  font-size: 1.65rem;

  line-height: 1.25;

  font-weight: 800;
}

.indications__content p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.7;
}


/* =========================================================
   INDICATION LIST
   ========================================================= */

.indications__list {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 10px;
}

.indication-item {
  display: flex;

  align-items: center;

  gap: 14px;

  min-height: 62px;

  padding: 14px 17px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 12px;
}

.indication-item span {
  color: var(--accent, #00B5B8);

  font-size: .63rem;

  font-weight: 800;
}

.indication-item strong {
  color: var(--brand, #0A2D6D);

  font-size: .81rem;

  line-height: 1.35;

  font-weight: 800;
}


/* =========================================================
   CTA
   ========================================================= */

.aleria-bronchoscopy__cta {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  padding: 32px 36px;

  border-radius: 20px;

  background: var(--brand, #0A2D6D);
}

.aleria-bronchoscopy__cta > div {
  max-width: 700px;
}

.aleria-bronchoscopy__cta > div > span {
  display: block;

  margin-bottom: 6px;

  color: #8de1e1;

  font-size: .68rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-bronchoscopy__cta h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 1.18rem;

  font-weight: 800;
}

.aleria-bronchoscopy__cta p {
  margin: 0;

  color: rgba(255,255,255,.72);

  font-size: .86rem;

  line-height: 1.6;
}

.aleria-bronchoscopy__button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  flex-shrink: 0;

  min-height: 46px;

  padding: 0 21px;

  border-radius: 999px;

  background: var(--accent, #00B5B8);

  color: #ffffff;

  font-size: .83rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.aleria-bronchoscopy__button:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}


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

@media (max-width: 991px) {

  .aleria-bronchoscopy {
    padding: 75px 0;
  }

  .aleria-bronchoscopy__header {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .aleria-bronchoscopy__featured {
    grid-template-columns: 1fr;
  }

  .bronchoscopy-featured__visual {
    min-height: 300px;
  }

  .bronchoscopy-featured__content {
    padding: 40px;
  }

  .bronchoscopy-services-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .aleria-bronchoscopy__indications {
    grid-template-columns: 1fr;

    gap: 35px;

    padding: 40px;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-bronchoscopy {
    padding: 60px 0;
  }

  .aleria-bronchoscopy__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-bronchoscopy__header {
    margin-bottom: 42px;
  }

  .aleria-bronchoscopy__heading h2 {
    font-size: 2rem;
  }

  .aleria-bronchoscopy__heading > p {
    font-size: .95rem;
  }

  .aleria-bronchoscopy__intro {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .bronchoscopy-featured__visual {
    min-height: 270px;

    padding: 30px;
  }

  .bronchoscopy-featured__circle {
    transform: scale(.82);

    margin-bottom: 10px;
  }

  .bronchoscopy-featured__content {
    padding: 30px 23px;
  }

  .bronchoscopy-featured__content h3 {
    font-size: 1.5rem;
  }

  .bronchoscopy-featured__points {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .bronchoscopy-featured__points > div {
    padding-top: 14px;
  }

  .aleria-bronchoscopy__services {
    margin-bottom: 55px;
  }

  .aleria-bronchoscopy__services-heading h3 {
    font-size: 1.45rem;
  }

  .bronchoscopy-services-grid {
    grid-template-columns: 1fr;
  }

  .bronchoscopy-service {
    padding: 23px;
  }

  .aleria-bronchoscopy__indications {
    margin-bottom: 45px;

    padding: 28px 22px;

    border-radius: 19px;
  }

  .indications__content h3 {
    font-size: 1.45rem;
  }

  .indications__list {
    grid-template-columns: 1fr;
  }

  .aleria-bronchoscopy__cta {
    flex-direction: column;

    align-items: flex-start;

    padding: 28px 23px;
  }

  .aleria-bronchoscopy__button {
    width: 100%;
  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .bronchoscopy-service,
  .aleria-bronchoscopy__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bab41b *//* =========================================================
   ALERIA MEDICAL
   05 — REHABILITACIÓN PULMONAR Y RESPIRATORIA
   ========================================================= */

.aleria-pulmonary-rehab {
  padding: 100px 0;

  background: #ffffff;

  color: #1f2e44;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-pulmonary-rehab__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-pulmonary-rehab__header {
  display: grid;

  grid-template-columns:
    1fr
    310px;

  gap: 60px;

  align-items: end;

  margin-bottom: 55px;
}

.aleria-pulmonary-rehab__heading {
  max-width: 800px;
}

.aleria-pulmonary-rehab__eyebrow {
  display: inline-block;

  margin-bottom: 12px;

  color: var(--accent, #00B5B8);

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.aleria-pulmonary-rehab__heading h2 {
  margin: 0 0 20px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    2rem,
    3.5vw,
    3rem
  );

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -.025em;
}

.aleria-pulmonary-rehab__heading h2 span {
  color: var(--accent, #00B5B8);
}

.aleria-pulmonary-rehab__heading > p {
  max-width: 720px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: 1.04rem;

  line-height: 1.75;
}


/* =========================================================
   SIDE NOTE
   ========================================================= */

.aleria-pulmonary-rehab__side-note {
  padding: 25px;

  border-left: 3px solid var(--accent, #00B5B8);

  border-radius: 0 14px 14px 0;

  background: #f7fafc;
}

.aleria-pulmonary-rehab__side-note span {
  display: block;

  margin-bottom: 8px;

  color: var(--accent, #00B5B8);

  font-size: .65rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-pulmonary-rehab__side-note strong {
  display: block;

  color: var(--brand, #0A2D6D);

  font-size: .98rem;

  line-height: 1.45;
}


/* =========================================================
   INTRO
   ========================================================= */

.aleria-pulmonary-rehab__intro {
  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 22px;

  max-width: 900px;

  margin-bottom: 45px;
}

.rehab-intro__number {
  display: flex;

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

  width: 45px;
  height: 45px;

  border-radius: 50%;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .7rem;

  font-weight: 800;
}

.aleria-pulmonary-rehab__intro h3 {
  margin: 0 0 9px;

  color: var(--brand, #0A2D6D);

  font-size: 1.35rem;

  font-weight: 800;
}

.aleria-pulmonary-rehab__intro p {
  max-width: 780px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .94rem;

  line-height: 1.7;
}


/* =========================================================
   PILARES
   ========================================================= */

.aleria-pulmonary-rehab__pillars {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 14px;

  margin-bottom: 75px;
}

.rehab-pillar {
  position: relative;

  min-height: 265px;

  padding: 27px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 18px;

  box-shadow:
    0 5px 18px rgba(10,45,109,.035);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.rehab-pillar:hover {
  transform: translateY(-4px);

  border-color: rgba(0,181,184,.35);

  box-shadow:
    0 12px 28px rgba(10,45,109,.08);
}

.rehab-pillar--featured {
  background:
    linear-gradient(
      145deg,
      #f0fbfb 0%,
      #ffffff 100%
    );

  border-color: rgba(0,181,184,.25);
}

.rehab-pillar__number {
  display: flex;

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

  width: 36px;
  height: 36px;

  margin-bottom: 30px;

  border-radius: 9px;

  background: var(--brand, #0A2D6D);

  color: #ffffff;

  font-size: .63rem;

  font-weight: 800;
}

.rehab-pillar--featured .rehab-pillar__number {
  background: var(--accent, #00B5B8);
}

.rehab-pillar__category {
  display: block;

  margin-bottom: 7px;

  color: var(--accent, #00B5B8);

  font-size: .61rem;

  font-weight: 800;

  letter-spacing: .08em;
}

.rehab-pillar h3 {
  margin: 0 0 10px;

  color: var(--brand, #0A2D6D);

  font-size: 1.05rem;

  line-height: 1.3;

  font-weight: 800;
}

.rehab-pillar p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .84rem;

  line-height: 1.65;
}


/* =========================================================
   OBJECTIVES
   ========================================================= */

.aleria-pulmonary-rehab__objectives {
  display: grid;

  grid-template-columns:
    .9fr
    1.1fr;

  gap: 60px;

  align-items: center;

  margin-bottom: 75px;

  padding: 50px;

  background: #f7fafc;

  border-radius: 23px;
}

.rehab-objectives__content {
  max-width: 520px;
}

.rehab-objectives__content h3 {
  margin: 0 0 14px;

  color: var(--brand, #0A2D6D);

  font-size: 1.65rem;

  line-height: 1.25;

  font-weight: 800;
}

.rehab-objectives__content p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.7;
}


/* =========================================================
   OBJECTIVES LIST
   ========================================================= */

.rehab-objectives__list {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 10px;
}

.rehab-objective {
  display: flex;

  align-items: center;

  gap: 13px;

  min-height: 62px;

  padding: 14px 17px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 12px;
}

.rehab-objective span {
  color: var(--accent, #00B5B8);

  font-size: .63rem;

  font-weight: 800;
}

.rehab-objective strong {
  color: var(--brand, #0A2D6D);

  font-size: .8rem;

  line-height: 1.35;

  font-weight: 800;
}


/* =========================================================
   CONDITIONS
   ========================================================= */

.aleria-pulmonary-rehab__conditions {
  margin-bottom: 60px;
}

.rehab-conditions__heading {
  max-width: 720px;

  margin-bottom: 30px;
}

.rehab-conditions__heading h3 {
  margin: 0;

  color: var(--brand, #0A2D6D);

  font-size: 1.7rem;

  line-height: 1.25;

  font-weight: 800;
}

.rehab-conditions__grid {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 12px;
}

.rehab-condition {
  display: grid;

  grid-template-columns: 30px 1fr auto;

  align-items: center;

  gap: 10px;

  min-height: 70px;

  padding: 14px 16px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 14px;

  text-decoration: none;

  transition:
    transform .2s ease,
    border-color .2s ease;
}

.rehab-condition span {
  color: var(--accent, #00B5B8);

  font-size: .61rem;

  font-weight: 800;
}

.rehab-condition strong {
  color: var(--brand, #0A2D6D);

  font-size: .79rem;

  line-height: 1.3;

  font-weight: 800;
}

.rehab-condition i {
  color: var(--accent, #00B5B8);

  font-size: .9rem;

  font-style: normal;

  transition: transform .2s ease;
}

.rehab-condition:hover {
  transform: translateY(-3px);

  border-color: rgba(0,181,184,.35);
}

.rehab-condition:hover i {
  transform: translateX(4px);
}


/* =========================================================
   CTA
   ========================================================= */

.aleria-pulmonary-rehab__cta {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  padding: 32px 36px;

  border-radius: 20px;

  background: var(--brand, #0A2D6D);
}

.aleria-pulmonary-rehab__cta > div {
  max-width: 700px;
}

.aleria-pulmonary-rehab__cta > div > span {
  display: block;

  margin-bottom: 6px;

  color: #8de1e1;

  font-size: .68rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-pulmonary-rehab__cta h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 1.18rem;

  font-weight: 800;
}

.aleria-pulmonary-rehab__cta p {
  margin: 0;

  color: rgba(255,255,255,.72);

  font-size: .86rem;

  line-height: 1.6;
}

.aleria-pulmonary-rehab__button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  flex-shrink: 0;

  min-height: 46px;

  padding: 0 21px;

  border-radius: 999px;

  background: var(--accent, #00B5B8);

  color: #ffffff;

  font-size: .83rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.aleria-pulmonary-rehab__button:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}


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

@media (max-width: 991px) {

  .aleria-pulmonary-rehab {
    padding: 75px 0;
  }

  .aleria-pulmonary-rehab__header {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .aleria-pulmonary-rehab__pillars {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .aleria-pulmonary-rehab__objectives {
    grid-template-columns: 1fr;

    gap: 35px;

    padding: 40px;
  }

  .rehab-conditions__grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-pulmonary-rehab {
    padding: 60px 0;
  }

  .aleria-pulmonary-rehab__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-pulmonary-rehab__header {
    margin-bottom: 42px;
  }

  .aleria-pulmonary-rehab__heading h2 {
    font-size: 2rem;
  }

  .aleria-pulmonary-rehab__heading > p {
    font-size: .95rem;
  }

  .aleria-pulmonary-rehab__intro {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .aleria-pulmonary-rehab__pillars {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .rehab-pillar {
    min-height: auto;

    padding: 23px;
  }

  .rehab-pillar__number {
    margin-bottom: 22px;
  }

  .aleria-pulmonary-rehab__objectives {
    margin-bottom: 55px;

    padding: 28px 22px;

    border-radius: 19px;
  }

  .rehab-objectives__content h3 {
    font-size: 1.45rem;
  }

  .rehab-objectives__list {
    grid-template-columns: 1fr;
  }

  .rehab-conditions__heading h3 {
    font-size: 1.45rem;
  }

  .rehab-conditions__grid {
    grid-template-columns: 1fr;
  }

  .aleria-pulmonary-rehab__cta {
    flex-direction: column;

    align-items: flex-start;

    padding: 28px 23px;
  }

  .aleria-pulmonary-rehab__button {
    width: 100%;
  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .rehab-pillar,
  .rehab-condition,
  .rehab-condition i,
  .aleria-pulmonary-rehab__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c21f8e *//* =========================================================
   ALERIA MEDICAL
   06 — SUEÑO Y TRASTORNOS RESPIRATORIOS DEL SUEÑO
   ========================================================= */

.aleria-sleep {
  padding: 100px 0;

  background:
    linear-gradient(
      180deg,
      #f7fafc 0%,
      #ffffff 100%
    );

  color: #1f2e44;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-sleep__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-sleep__header {
  display: grid;

  grid-template-columns:
    1fr
    310px;

  gap: 60px;

  align-items: end;

  margin-bottom: 55px;
}

.aleria-sleep__heading {
  max-width: 800px;
}

.aleria-sleep__eyebrow {
  display: inline-block;

  margin-bottom: 12px;

  color: var(--accent, #00B5B8);

  font-size: .72rem;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.aleria-sleep__heading h2 {
  margin: 0 0 20px;

  color: var(--brand, #0A2D6D);

  font-size: clamp(
    2rem,
    3.5vw,
    3rem
  );

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -.025em;
}

.aleria-sleep__heading h2 span {
  color: var(--accent, #00B5B8);
}

.aleria-sleep__heading > p {
  max-width: 720px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: 1.04rem;

  line-height: 1.75;
}


/* =========================================================
   SIDE NOTE
   ========================================================= */

.aleria-sleep__side {
  padding: 25px;

  border-left: 3px solid var(--accent, #00B5B8);

  border-radius: 0 14px 14px 0;

  background: #ffffff;

  box-shadow:
    0 6px 20px rgba(10,45,109,.05);
}

.aleria-sleep__side span {
  display: block;

  margin-bottom: 8px;

  color: var(--accent, #00B5B8);

  font-size: .65rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-sleep__side strong {
  display: block;

  color: var(--brand, #0A2D6D);

  font-size: .98rem;

  line-height: 1.45;
}


/* =========================================================
   INTRO
   ========================================================= */

.aleria-sleep__intro {
  display: grid;

  grid-template-columns: 55px 1fr;

  gap: 22px;

  max-width: 900px;

  margin-bottom: 45px;
}

.sleep-intro__number {
  display: flex;

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

  width: 45px;
  height: 45px;

  border-radius: 50%;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .7rem;

  font-weight: 800;
}

.aleria-sleep__intro h3 {
  margin: 0 0 9px;

  color: var(--brand, #0A2D6D);

  font-size: 1.35rem;

  font-weight: 800;
}

.aleria-sleep__intro p {
  max-width: 780px;

  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .94rem;

  line-height: 1.7;
}


/* =========================================================
   FEATURED
   ========================================================= */

.aleria-sleep__featured {
  display: grid;

  grid-template-columns:
    .72fr
    1.28fr;

  min-height: 400px;

  overflow: hidden;

  margin-bottom: 75px;

  border-radius: 25px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  box-shadow:
    0 10px 35px rgba(10,45,109,.06);
}


/* =========================================================
   VISUAL
   ========================================================= */

.sleep-featured__visual {
  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  padding: 40px;

  background:
    linear-gradient(
      145deg,
      #071d49 0%,
      #0A2D6D 55%,
      #075f73 100%
    );

  text-align: center;
}

.sleep-featured__visual::before,
.sleep-featured__visual::after {
  content: "";

  position: absolute;

  border: 1px solid rgba(141,225,225,.1);

  border-radius: 50%;
}

.sleep-featured__visual::before {
  width: 360px;
  height: 360px;
}

.sleep-featured__visual::after {
  width: 250px;
  height: 250px;
}


/* =========================================================
   MOON
   ========================================================= */

.sleep-visual__moon {
  position: relative;

  z-index: 2;

  width: 125px;
  height: 125px;

  margin-bottom: 32px;

  border-radius: 50%;

  background: #d9f7f6;

  box-shadow:
    0 0 45px rgba(141,225,225,.18);
}

.sleep-visual__moon::after {
  content: "";

  position: absolute;

  top: -8px;
  right: -8px;

  width: 125px;
  height: 125px;

  border-radius: 50%;

  background: #0A2D6D;
}

.sleep-visual__moon span {
  position: absolute;

  z-index: 3;

  top: 28px;
  left: 27px;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #8de1e1;

  box-shadow:
    28px 35px 0 rgba(141,225,225,.7),
    48px 5px 0 rgba(141,225,225,.45);
}


/* =========================================================
   RESPIRATORY WAVES
   ========================================================= */

.sleep-visual__waves {
  position: absolute;

  z-index: 3;

  bottom: 63px;

  display: flex;

  align-items: center;

  gap: 5px;
}

.sleep-visual__waves i {
  display: block;

  width: 4px;

  border-radius: 10px;

  background: #8de1e1;
}

.sleep-visual__waves i:nth-child(1) {
  height: 9px;
}

.sleep-visual__waves i:nth-child(2) {
  height: 18px;
}

.sleep-visual__waves i:nth-child(3) {
  height: 11px;
}

.sleep-featured__visual > span {
  position: relative;

  z-index: 3;

  color: #8de1e1;

  font-size: .64rem;

  font-weight: 800;

  letter-spacing: .1em;
}


/* =========================================================
   FEATURED CONTENT
   ========================================================= */

.sleep-featured__content {
  padding: 55px;
}

.sleep-featured__content h3 {
  margin: 0 0 15px;

  color: var(--brand, #0A2D6D);

  font-size: 1.8rem;

  line-height: 1.2;

  font-weight: 800;
}

.sleep-featured__content > p {
  max-width: 630px;

  margin: 0 0 30px;

  color: var(--muted, #5a6b7b);

  line-height: 1.75;
}


/* =========================================================
   SYMPTOMS
   ========================================================= */

.sleep-featured__symptoms {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;
}

.sleep-featured__symptoms > div {
  padding-top: 18px;

  border-top: 2px solid #e8eef2;
}

.sleep-featured__symptoms span {
  display: block;

  margin-bottom: 6px;

  color: var(--accent, #00B5B8);

  font-size: .65rem;

  font-weight: 800;
}

.sleep-featured__symptoms strong {
  display: block;

  margin-bottom: 5px;

  color: var(--brand, #0A2D6D);

  font-size: .86rem;

  font-weight: 800;
}

.sleep-featured__symptoms small {
  display: block;

  color: var(--muted, #5a6b7b);

  font-size: .75rem;

  line-height: 1.5;
}


/* =========================================================
   EVALUATION
   ========================================================= */

.aleria-sleep__evaluation {
  display: grid;

  grid-template-columns:
    .8fr
    1.2fr;

  gap: 60px;

  align-items: start;

  margin-bottom: 70px;
}

.sleep-evaluation__heading {
  max-width: 500px;
}

.sleep-evaluation__heading h3 {
  margin: 0 0 14px;

  color: var(--brand, #0A2D6D);

  font-size: 1.65rem;

  line-height: 1.25;

  font-weight: 800;
}

.sleep-evaluation__heading p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  line-height: 1.7;
}


/* =========================================================
   STEPS
   ========================================================= */

.sleep-evaluation__steps {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 12px;
}

.sleep-step {
  display: grid;

  grid-template-columns: 38px 1fr;

  gap: 15px;

  padding: 22px;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 15px;

  background: #ffffff;
}

.sleep-step > span {
  display: flex;

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

  width: 34px;
  height: 34px;

  border-radius: 9px;

  background: rgba(0,181,184,.1);

  color: var(--accent, #00B5B8);

  font-size: .62rem;

  font-weight: 800;
}

.sleep-step strong {
  display: block;

  margin-bottom: 5px;

  color: var(--brand, #0A2D6D);

  font-size: .9rem;

  font-weight: 800;
}

.sleep-step p {
  margin: 0;

  color: var(--muted, #5a6b7b);

  font-size: .78rem;

  line-height: 1.55;
}


/* =========================================================
   WARNING / SIGNS
   ========================================================= */

.aleria-sleep__warning {
  display: grid;

  grid-template-columns:
    .8fr
    1.2fr;

  gap: 55px;

  align-items: center;

  margin-bottom: 65px;

  padding: 50px;

  border-radius: 23px;

  background: #f7fafc;
}

.sleep-warning__intro {
  max-width: 480px;
}

.sleep-warning__intro h3 {
  margin: 0;

  color: var(--brand, #0A2D6D);

  font-size: 1.55rem;

  line-height: 1.3;

  font-weight: 800;
}

.sleep-warning__grid {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 10px;
}

.sleep-warning__item {
  display: flex;

  align-items: center;

  gap: 12px;

  min-height: 58px;

  padding: 13px 15px;

  background: #ffffff;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 11px;
}

.sleep-warning__item span {
  color: var(--accent, #00B5B8);

  font-size: .62rem;

  font-weight: 800;
}

.sleep-warning__item strong {
  color: var(--brand, #0A2D6D);

  font-size: .78rem;

  line-height: 1.3;

  font-weight: 800;
}


/* =========================================================
   RELATED
   ========================================================= */

.aleria-sleep__related {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 50px;

  align-items: center;

  margin-bottom: 60px;
}

.aleria-sleep__related h3 {
  max-width: 600px;

  margin: 0;

  color: var(--brand, #0A2D6D);

  font-size: 1.55rem;

  line-height: 1.3;

  font-weight: 800;
}

.sleep-related__links {
  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 12px;
}

.sleep-related__links a {
  display: flex;

  flex-direction: column;

  justify-content: center;

  min-height: 105px;

  padding: 20px;

  border: 1px solid var(--border, #e5e7eb);

  border-radius: 15px;

  background: #ffffff;

  text-decoration: none;

  transition:
    transform .2s ease,
    border-color .2s ease;
}

.sleep-related__links a:hover {
  transform: translateY(-3px);

  border-color: rgba(0,181,184,.35);
}

.sleep-related__links strong {
  margin-bottom: 8px;

  color: var(--brand, #0A2D6D);

  font-size: .85rem;

  font-weight: 800;
}

.sleep-related__links span {
  color: var(--accent, #00B5B8);

  font-size: .7rem;

  font-weight: 700;
}


/* =========================================================
   CTA
   ========================================================= */

.aleria-sleep__cta {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  padding: 32px 36px;

  border-radius: 20px;

  background: var(--brand, #0A2D6D);
}

.aleria-sleep__cta > div {
  max-width: 700px;
}

.aleria-sleep__cta > div > span {
  display: block;

  margin-bottom: 6px;

  color: #8de1e1;

  font-size: .68rem;

  font-weight: 800;

  letter-spacing: .1em;
}

.aleria-sleep__cta h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 1.18rem;

  font-weight: 800;
}

.aleria-sleep__cta p {
  margin: 0;

  color: rgba(255,255,255,.72);

  font-size: .86rem;

  line-height: 1.6;
}

.aleria-sleep__button {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  flex-shrink: 0;

  min-height: 46px;

  padding: 0 21px;

  border-radius: 999px;

  background: var(--accent, #00B5B8);

  color: #ffffff;

  font-size: .83rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.aleria-sleep__button:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}


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

@media (max-width: 991px) {

  .aleria-sleep {
    padding: 75px 0;
  }

  .aleria-sleep__header {
    grid-template-columns: 1fr;

    gap: 30px;
  }

  .aleria-sleep__featured {
    grid-template-columns: 1fr;
  }

  .sleep-featured__visual {
    min-height: 300px;
  }

  .sleep-featured__content {
    padding: 40px;
  }

  .aleria-sleep__evaluation,
  .aleria-sleep__warning {
    grid-template-columns: 1fr;

    gap: 35px;
  }

  .aleria-sleep__warning {
    padding: 40px;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-sleep {
    padding: 60px 0;
  }

  .aleria-sleep__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-sleep__heading h2 {
    font-size: 2rem;
  }

  .aleria-sleep__heading > p {
    font-size: .95rem;
  }

  .aleria-sleep__intro {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .sleep-featured__visual {
    min-height: 260px;
  }

  .sleep-featured__content {
    padding: 30px 23px;
  }

  .sleep-featured__content h3 {
    font-size: 1.5rem;
  }

  .sleep-featured__symptoms {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .aleria-sleep__evaluation {
    margin-bottom: 55px;
  }

  .sleep-evaluation__steps {
    grid-template-columns: 1fr;
  }

  .aleria-sleep__warning {
    margin-bottom: 50px;

    padding: 28px 22px;

    border-radius: 19px;
  }

  .sleep-warning__intro h3 {
    font-size: 1.4rem;
  }

  .sleep-warning__grid {
    grid-template-columns: 1fr;
  }

  .aleria-sleep__related {
    grid-template-columns: 1fr;

    gap: 25px;

    margin-bottom: 45px;
  }

  .aleria-sleep__related h3 {
    font-size: 1.4rem;
  }

  .sleep-related__links {
    grid-template-columns: 1fr;
  }

  .aleria-sleep__cta {
    flex-direction: column;

    align-items: flex-start;

    padding: 28px 23px;
  }

  .aleria-sleep__button {
    width: 100%;
  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .sleep-related__links a,
  .aleria-sleep__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86b2062 *//* =========================================================
   ALERIA MEDICAL
   07 — CTA / AGENDA
   ========================================================= */

.aleria-services-cta {
  position: relative;

  overflow: hidden;

  padding: 90px 0;

  background:
    linear-gradient(
      135deg,
      #061b43 0%,
      var(--brand, #0A2D6D) 55%,
      #075d70 100%
    );

  color: #ffffff;
}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-services-cta__container {
  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;
}


/* =========================================================
   DECORACIÓN DE FONDO
   ========================================================= */

.aleria-services-cta::before {
  content: "";

  position: absolute;

  width: 520px;
  height: 520px;

  right: -240px;
  top: -250px;

  border: 1px solid rgba(141,225,225,.08);

  border-radius: 50%;
}

.aleria-services-cta::after {
  content: "";

  position: absolute;

  width: 380px;
  height: 380px;

  left: -230px;
  bottom: -230px;

  border: 1px solid rgba(141,225,225,.07);

  border-radius: 50%;
}


/* =========================================================
   MAIN
   ========================================================= */

.aleria-services-cta__main {
  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    1.25fr
    .75fr;

  gap: 70px;

  align-items: center;

  padding-bottom: 65px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.aleria-services-cta__content {
  max-width: 720px;
}

.aleria-services-cta__eyebrow {
  display: inline-block;

  margin-bottom: 14px;

  color: #8de1e1;

  font-size: .7rem;

  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;
}

.aleria-services-cta h2 {
  margin: 0 0 20px;

  color: #ffffff;

  font-size: clamp(
    2.1rem,
    4vw,
    3.2rem
  );

  line-height: 1.08;

  font-weight: 800;

  letter-spacing: -.03em;
}

.aleria-services-cta h2 span {
  display: block;

  color: #7edbdc;
}

.aleria-services-cta__content > p {
  max-width: 690px;

  margin: 0;

  color: rgba(255,255,255,.76);

  font-size: 1rem;

  line-height: 1.75;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.aleria-services-cta__actions {
  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 30px;
}

.aleria-services-cta__button {
  display: inline-flex;

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

  gap: 10px;

  min-height: 49px;

  padding: 0 23px;

  border-radius: 999px;

  font-size: .82rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease;
}

.aleria-services-cta__button--primary {
  background: var(--accent, #00B5B8);

  color: #ffffff;

  box-shadow:
    0 8px 22px rgba(0,181,184,.2);
}

.aleria-services-cta__button--primary:hover {
  transform: translateY(-2px);

  background: #0ea5a4;

  color: #ffffff;
}

.aleria-services-cta__button--secondary {
  border: 1px solid rgba(255,255,255,.28);

  background: transparent;

  color: #ffffff;
}

.aleria-services-cta__button--secondary:hover {
  transform: translateY(-2px);

  border-color: rgba(141,225,225,.65);

  background: rgba(255,255,255,.06);

  color: #ffffff;
}


/* =========================================================
   VISUAL
   ========================================================= */

.aleria-services-cta__visual {
  position: relative;

  display: flex;

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

  min-height: 310px;
}

.aleria-services-cta__circle {
  position: absolute;

  border-radius: 50%;

  border: 1px solid rgba(141,225,225,.15);
}

.aleria-services-cta__circle--large {
  width: 285px;
  height: 285px;
}

.aleria-services-cta__circle--small {
  width: 205px;
  height: 205px;

  border-color: rgba(141,225,225,.22);
}


/* =========================================================
   RESPIRATORY WAVE
   ========================================================= */

.aleria-services-cta__breath {
  position: relative;

  z-index: 3;

  display: flex;

  align-items: center;

  gap: 6px;

  height: 80px;
}

.aleria-services-cta__breath span {
  display: block;

  width: 5px;

  border-radius: 10px;

  background: #8de1e1;

  opacity: .9;
}

.aleria-services-cta__breath span:nth-child(1) {
  height: 18px;
}

.aleria-services-cta__breath span:nth-child(2) {
  height: 38px;
}

.aleria-services-cta__breath span:nth-child(3) {
  height: 67px;
}

.aleria-services-cta__breath span:nth-child(4) {
  height: 40px;
}

.aleria-services-cta__breath span:nth-child(5) {
  height: 20px;
}


/* =========================================================
   VISUAL LABEL
   ========================================================= */

.aleria-services-cta__visual-label {
  position: absolute;

  z-index: 4;

  bottom: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;
}

.aleria-services-cta__visual-label small {
  color: rgba(255,255,255,.5);

  font-size: .55rem;

  font-weight: 800;

  letter-spacing: .16em;
}

.aleria-services-cta__visual-label strong {
  color: #ffffff;

  font-size: .8rem;

  letter-spacing: .1em;
}


/* =========================================================
   BOTTOM INFO
   ========================================================= */

.aleria-services-cta__bottom {
  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 1px;

  padding-top: 35px;

  border-top: 1px solid rgba(255,255,255,.13);
}

.aleria-services-cta__info {
  display: grid;

  grid-template-columns: 38px 1fr;

  gap: 15px;

  padding: 0 25px;
}

.aleria-services-cta__info:first-child {
  padding-left: 0;
}

.aleria-services-cta__info:last-child {
  padding-right: 0;
}

.aleria-services-cta__info-icon {
  display: flex;

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

  width: 32px;
  height: 32px;

  border-radius: 8px;

  background: rgba(141,225,225,.1);

  color: #8de1e1;

  font-size: .6rem;

  font-weight: 800;
}

.aleria-services-cta__info strong {
  display: block;

  margin-bottom: 5px;

  color: #ffffff;

  font-size: .8rem;

  font-weight: 800;
}

.aleria-services-cta__info p {
  margin: 0;

  color: rgba(255,255,255,.55);

  font-size: .72rem;

  line-height: 1.55;
}


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

@media (max-width: 991px) {

  .aleria-services-cta {
    padding: 75px 0;
  }

  .aleria-services-cta__main {
    grid-template-columns: 1fr;

    gap: 30px;

    padding-bottom: 50px;
  }

  .aleria-services-cta__visual {
    min-height: 230px;
  }

  .aleria-services-cta__circle--large {
    width: 220px;
    height: 220px;
  }

  .aleria-services-cta__circle--small {
    width: 155px;
    height: 155px;
  }

  .aleria-services-cta__bottom {
    grid-template-columns:
      1fr;

    gap: 22px;
  }

  .aleria-services-cta__info,
  .aleria-services-cta__info:first-child,
  .aleria-services-cta__info:last-child {
    padding: 0;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-services-cta {
    padding: 60px 0;
  }

  .aleria-services-cta__container {
    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );
  }

  .aleria-services-cta h2 {
    font-size: 2.05rem;
  }

  .aleria-services-cta__content > p {
    font-size: .92rem;
  }

  .aleria-services-cta__actions {
    flex-direction: column;

    width: 100%;
  }

  .aleria-services-cta__button {
    width: 100%;
  }

  .aleria-services-cta__visual {
    min-height: 210px;
  }

  .aleria-services-cta__circle--large {
    width: 190px;
    height: 190px;
  }

  .aleria-services-cta__circle--small {
    width: 135px;
    height: 135px;
  }

  .aleria-services-cta__bottom {
    padding-top: 30px;
  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .aleria-services-cta__button {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09820b2 *//*=========================================================
ALERIA MEDICAL - HERO FULL WIDTH CSS
==========================================================*/

.am-hero-full {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('TU_URL_DE_IMAGEN_AQUI'); /* Reemplazar con imagen de clínica/laboratorio */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Efecto Parallax sutil */
    color: #ffffff;
    padding: 100px 20px;
    text-align: center;
}

/* Overlay para asegurar que el texto sea legible */
.am-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 30, 60, 0.85), rgba(0, 15, 30, 0.9));
    z-index: 1;
}

.am-hero-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

/* Eyebrow / Línea superior */
.am-hero-eyebrow {
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 700;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #3498db;
}

.am-line {
    width: 40px;
    height: 2px;
    background-color: #3498db;
}

/* Títulos */
.am-hero-title {
    font-size: clamp(32px, 6vw, 58px);
    line-height: 1.1;
    margin-bottom: 25px;
    font-weight: 300;
}

.am-hero-title strong {
    font-weight: 700;
    display: block;
}

.am-hero-lead {
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 50px;
    font-weight: 300;
}

/* Fila de conceptos clave */
.am-hero-features {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 0;
}

.am-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-feature-icon {
    font-size: 12px;
    font-weight: 700;
    color: #3498db;
    border: 1px solid #3498db;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.am-feature-item p {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

/* Botones */
.am-hero-actions {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.am-btn-main {
    padding: 18px 35px;
    background-color: #3498db;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 50px;
    transition: 0.3s;
}

.am-btn-ghost {
    padding: 18px 35px;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 50px;
    transition: 0.3s;
}

.am-btn-main:hover { background-color: #2980b9; transform: translateY(-3px); }
.am-btn-ghost:hover { background-color: #fff; color: #001e3c; transform: translateY(-3px); }

/* Mobile */
@media (max-width: 768px) {
    .am-hero-features { flex-direction: column; gap: 20px; }
    .am-hero-actions { flex-direction: column; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cc8355 *//*=========================================================
ALERIA MEDICAL - SERVICIOS GRID (CSS MEJORADO)
==========================================================*/

.am-services-section {
    padding: 100px 0;
    background-color: #fcfdfe;
}

.am-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Intro */
.am-section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 70px;
}

.am-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block;
}

.am-title {
    font-size: 48px;
    color: #0A2D6D;
    margin-bottom: 25px;
    font-weight: 700;
}

.am-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-desc {
    font-size: 18px;
    color: #5a6b7b;
    line-height: 1.6;
}

/* Grid */
.am-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
}

/* Tarjeta */
.am-card {
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 24px;
    padding: 40px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.am-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(10, 45, 109, 0.06);
    border-color: #00B5B8;
}

.am-card-icon {
    font-size: 38px;
    color: #00B5B8;
    margin-bottom: 25px;
}

.am-card h3 {
    font-size: 22px;
    color: #0A2D6D;
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: 700;
}

.am-card p {
    color: #64748b;
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 25px;
}

.am-card-link {
    margin-top: auto;
    text-decoration: none;
    color: #0A2D6D;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.am-card-link:hover {
    color: #00B5B8;
    gap: 12px;
}

/* Variantes */
.am-card--highlight {
    background: linear-gradient(145deg, #ffffff 0%, #f8fbff 100%);
    border-top: 4px solid #0A2D6D;
}

.am-card--tech {
    background: linear-gradient(145deg, #ffffff 0%, #f0fdfa 100%);
    border-top: 4px solid #00B5B8;
}

/* Mobile */
@media (max-width: 768px) {
    .am-services-grid { grid-template-columns: 1fr; }
    .am-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da1e3ff *//*=========================================================
ALERIA MEDICAL - SERVICES PAGE MASTER CSS
==========================================================*/

.am-services-page-wrapper {
    font-family: 'Inter', sans-serif;
    color: #1f2e44;
}

.am-service-block {
    padding: 100px 0;
    background-color: #ffffff;
}

.am-bg-alt {
    background-color: #f8fbff;
}

.am-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Editorial */
.am-service-header {
    text-align: center;
    margin-bottom: 60px;
}

.am-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 11px;
    margin-bottom: 15px;
    display: inline-block;
}

.am-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
    line-height: 1.2;
}

.am-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-intro {
    font-size: 18px;
    color: #5a6b7b;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Layout de Contenido */
.am-service-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 50px;
}

.am-reverse {
    direction: rtl;
}

.am-reverse .am-cards, .am-reverse .am-visual {
    direction: ltr;
}

/* Visuals */
.am-img-box {
    width: 100%;
    aspect-ratio: 4/3;
    background: #f0f4f8;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
    color: #cbd5e1;
    box-shadow: inset 0 0 40px rgba(0,0,0,0.02);
}

/* Tarjetas */
.am-info-card {
    background: #ffffff;
    padding: 35px;
    border-radius: 20px;
    margin-bottom: 20px;
    border-left: 4px solid #00B5B8;
    box-shadow: 0 10px 30px rgba(10, 45, 109, 0.04);
    transition: 0.3s;
}

.am-info-card:hover {
    transform: translateX(10px);
    border-left-color: #0A2D6D;
}

.am-info-card h4 {
    color: #0A2D6D;
    font-size: 20px;
    margin-bottom: 10px;
}

.am-info-card p {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.am-tech {
    background: #f0fdfa;
}

/* Footer y Botón */
.am-service-footer {
    text-align: center;
}

.am-btn-wa {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 40px;
    background: #25D366;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 50px;
    transition: 0.3s;
}

.am-btn-wa:hover {
    background: #128C7E;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);
}

/* Responsive */
@media (max-width: 991px) {
    .am-service-content { grid-template-columns: 1fr; gap: 40px; }
    .am-reverse { direction: ltr; }
    .am-title { font-size: 32px; }
    .am-visual { order: -1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ad8fc6 */.am-clinical-service { padding: 80px 0; background-color: #ffffff; font-family: 'Inter', sans-serif; }
.am-container { max-width: 1200px; margin: 0 auto; padding: 0 25px; }
.am-clinical-header { margin-bottom: 60px; border-bottom: 2px solid #f0f4f8; padding-bottom: 40px; }
.am-clinical-tag { color: #00B5B8; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; display: block; margin-bottom: 10px; }
.am-clinical-title { font-size: 42px; color: #0A2D6D; margin-bottom: 20px; }
.am-clinical-title span { font-weight: 300; color: #0056b3; }
.am-clinical-intro { font-size: 19px; color: #5a6b7b; line-height: 1.6; max-width: 900px; }
.am-clinical-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 60px; align-items: start; }
.am-clinical-card { background: #f8fbff; padding: 45px; border-radius: 24px; margin-bottom: 40px; }
.am-clinical-card h3 { color: #0A2D6D; font-size: 24px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; }
.am-clinical-card h3 i { color: #00B5B8; }
.am-procedure-steps { display: flex; flex-direction: column; gap: 25px; }
.am-step { display: flex; gap: 20px; background: #ffffff; padding: 20px; border-radius: 15px; box-shadow: 0 4px 12px rgba(10,45,109,0.03); }
.am-step-num { background: #00B5B8; color: #fff; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; flex-shrink: 0; }
.am-step-txt strong { display: block; color: #0A2D6D; margin-bottom: 5px; }
.am-step-txt { font-size: 15px; color: #64748b; line-height: 1.5; }
.am-clinical-sidebar { position: sticky; top: 40px; }
.am-conditions-panel { background: #0A2D6D; color: #ffffff; padding: 45px; border-radius: 30px; }
.am-conditions-panel h3 { font-size: 22px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; }
.am-conditions-panel h3 i { color: #00B5B8; }
.am-conditions-list { list-style: none; padding: 0; margin-bottom: 40px; }
.am-conditions-list li { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.am-conditions-list li strong { display: block; color: #00B5B8; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
.am-conditions-list li span { font-size: 15px; line-height: 1.5; display: block; }
.am-disease-flex { display: flex; flex-wrap: wrap; gap: 12px; }
.am-disease-flex a { background: #f0f4f8; color: #0A2D6D; text-decoration: none; padding: 10px 20px; border-radius: 50px; font-size: 14px; font-weight: 700; transition: 0.3s; }
.am-disease-flex a:hover { background: #00B5B8; color: #fff; }
.am-btn-clinical { display: inline-flex; align-items: center; gap: 10px; background: #25D366; color: #fff; padding: 18px 30px; border-radius: 50px; text-decoration: none; font-weight: 700; width: 100%; justify-content: center; transition: 0.3s; }
@media (max-width: 991px) { .am-clinical-grid { grid-template-columns: 1fr; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2014865 *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (UNIFICADO)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal: Desarrollo */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos del Procedimiento */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar: Condiciones */
.am-clinical-sidebar {
    position: sticky;
    top: 40px;
}

.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Contexto de Enfermedades */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e64ba8 *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (VOLÚMENES)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-clinical-sidebar {
    position: relative;
}

.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49c2ffd *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (DLCO)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f44fb61 *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (MEDICINA INTERNA)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21d2922 *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (NEUMOLOGÍA)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1983acb *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (CAMINATA 6 MIN)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f3ca29 *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (OXIMETRÍA)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a05cec *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (GASOMETRÍA)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f030d34 *//*=========================================================
ALERIA MEDICAL - CLINICAL SERVICE DESIGN (GASOMETRÍA)
==========================================================*/

.am-clinical-service {
    padding: 80px 0;
    background-color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.am-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */
.am-clinical-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f4f8;
    padding-bottom: 40px;
}

.am-clinical-tag {
    color: #00B5B8;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.am-clinical-title {
    font-size: 42px;
    color: #0A2D6D;
    margin-bottom: 20px;
}

.am-clinical-title span {
    font-weight: 300;
    color: #0056b3;
}

.am-clinical-intro {
    font-size: 19px;
    color: #5a6b7b;
    line-height: 1.6;
    max-width: 900px;
}

/* Grid Layout */
.am-clinical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: start;
}

/* Columna Principal */
.am-clinical-card {
    background: #f8fbff;
    padding: 45px;
    border-radius: 24px;
    margin-bottom: 40px;
}

.am-clinical-card h3 {
    color: #0A2D6D;
    font-size: 24px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.am-clinical-card h3 i { color: #00B5B8; }

.am-clinical-card p {
    color: #4a5568;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Pasos */
.am-procedure-steps {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.am-step {
    display: flex;
    gap: 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(10, 45, 109, 0.03);
}

.am-step-num {
    background: #00B5B8;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.am-step-txt strong {
    display: block;
    color: #0A2D6D;
    margin-bottom: 5px;
}

.am-step-txt {
    font-size: 15px;
    color: #64748b;
    line-height: 1.5;
}

/* Sidebar */
.am-conditions-panel {
    background: #0A2D6D;
    color: #ffffff;
    padding: 45px;
    border-radius: 30px;
}

.am-conditions-panel h3 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.am-conditions-panel h3 i { color: #00B5B8; }

.am-panel-desc {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
    line-height: 1.6;
}

.am-conditions-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.am-conditions-list li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.am-conditions-list li strong {
    display: block;
    color: #00B5B8;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.am-conditions-list li span {
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

/* Tags */
.am-disease-context h4 {
    color: #0A2D6D;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.am-disease-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.am-disease-flex a {
    background: #f0f4f8;
    color: #0A2D6D;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
}

.am-disease-flex a:hover {
    background: #00B5B8;
    color: #fff;
}

/* CTA */
.am-btn-clinical {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #25D366;
    color: #fff;
    padding: 18px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    transition: 0.3s;
}

.am-btn-clinical:hover {
    background: #128C7E;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 991px) {
    .am-clinical-grid { grid-template-columns: 1fr; }
    .am-clinical-title { font-size: 34px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e84951 *//* =========================================================
   ALERIA MEDICAL
   SERVICES
   ADAPTACIÓN A TERAPIA CPAP
   ========================================================= */

.aleria-cpap-detail {

  --cpap-brand: #0A2D6D;
  --cpap-accent: #00B5B8;
  --cpap-text: #1f2e44;
  --cpap-muted: #5a6b7b;
  --cpap-border: #e2eaee;
  --cpap-light: #f5f9fb;
  --cpap-white: #ffffff;

  position: relative;

  padding: 115px 0;

  background:
    var(--cpap-white);

  color:
    var(--cpap-text);

  overflow: hidden;

}


/* =========================================================
   CONTENEDOR
   ========================================================= */

.aleria-cpap-detail__container {

  position: relative;

  z-index: 2;

  width: min(
    calc(100% - 40px),
    var(--wrap, 1200px)
  );

  margin: 0 auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.aleria-cpap-detail__header {

  display: grid;

  grid-template-columns:
    .65fr 1.35fr;

  gap: 70px;

  margin-bottom: 65px;

}


.aleria-cpap-detail__eyebrow {

  display: flex;

  align-items: center;

  gap: 12px;

  padding-top: 9px;

  color:
    var(--cpap-accent);

  font-size: .65rem;

  font-weight: 800;

  letter-spacing: .12em;

}


.aleria-cpap-detail__eyebrow span {

  width: 35px;

  height: 1px;

  background:
    var(--cpap-accent);

}


.aleria-cpap-detail__header-content h2 {

  max-width: 800px;

  margin: 0 0 20px;

  color:
    var(--cpap-brand);

  font-size:
    clamp(2.2rem, 4.2vw, 3.55rem);

  line-height: 1.05;

  font-weight: 800;

  letter-spacing: -.045em;

}


.aleria-cpap-detail__header-content h2 span {

  display: block;

  color:
    var(--cpap-accent);

}


.aleria-cpap-detail__header-content > p {

  max-width: 730px;

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .92rem;

  line-height: 1.8;

}


/* =========================================================
   CONDITION — APNEA
   ========================================================= */

.aleria-cpap-detail__condition {

  display: grid;

  grid-template-columns:
    120px 1fr;

  gap: 45px;

  padding: 32px 35px;

  margin-bottom: 80px;

  border:
    1px solid rgba(0,181,184,.18);

  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      #f5fbfc,
      #ffffff
    );

}


.aleria-cpap-detail__condition-label {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}


.aleria-cpap-detail__condition-label span {

  color:
    var(--cpap-accent);

  font-size: .55rem;

  font-weight: 800;

  letter-spacing: .08em;

}


.aleria-cpap-detail__condition-label strong {

  color:
    #b9c9cf;

  font-size: 1.5rem;

  line-height: 1;

}


.aleria-cpap-detail__condition-main {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 50px;

  align-items: center;

}


.aleria-cpap-detail__mini-label {

  display: block;

  margin-bottom: 10px;

  color:
    var(--cpap-accent);

  font-size: .58rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__condition-main h3 {

  max-width: 470px;

  margin: 0;

  color:
    var(--cpap-brand);

  font-size: 1.65rem;

  line-height: 1.15;

  font-weight: 800;

  letter-spacing: -.025em;

}


.aleria-cpap-detail__condition-main p {

  margin: 0 0 15px;

  color:
    var(--cpap-muted);

  font-size: .74rem;

  line-height: 1.7;

}


.aleria-cpap-detail__condition-link {

  display: inline-flex;

  align-items: center;

  gap: 9px;

  color:
    var(--cpap-brand);

  font-size: .64rem;

  font-weight: 800;

  text-decoration: none;

}


.aleria-cpap-detail__condition-link span {

  color:
    var(--cpap-accent);

  transition:
    transform .2s ease;

}


.aleria-cpap-detail__condition-link:hover span {

  transform:
    translateX(4px);

}


/* =========================================================
   VISUAL
   ========================================================= */

.aleria-cpap-detail__visual {

  display: grid;

  grid-template-columns:
    1.15fr .85fr;

  gap: 70px;

  align-items: center;

  margin-bottom: 100px;

}


.aleria-cpap-detail__visual-image {

  position: relative;

  overflow: hidden;

  border:
    1px solid var(--cpap-border);

  border-radius: 20px;

  background:
    #ffffff;

  box-shadow:
    0 15px 40px rgba(10,45,109,.09);

}


.aleria-cpap-detail__visual-image::after {

  content: "";

  position: absolute;

  inset: 0;

  border:
    1px solid rgba(255,255,255,.35);

  border-radius: inherit;

  pointer-events: none;

}


.aleria-cpap-detail__visual-image img {

  display: block;

  width: 100%;

  height: auto;

}


/* =========================================================
   VISUAL CONTENT
   ========================================================= */

.aleria-cpap-detail__visual-content {

  max-width: 520px;

}


.aleria-cpap-detail__section-label {

  display: block;

  margin-bottom: 10px;

  color:
    var(--cpap-accent);

  font-size: .58rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__visual-content h3 {

  margin: 0 0 18px;

  color:
    var(--cpap-brand);

  font-size:
    clamp(1.7rem, 3vw, 2.4rem);

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -.035em;

}


.aleria-cpap-detail__visual-content > p {

  margin: 0 0 13px;

  color:
    var(--cpap-muted);

  font-size: .76rem;

  line-height: 1.75;

}


/* =========================================================
   VISUAL NOTE
   ========================================================= */

.aleria-cpap-detail__visual-note {

  display: grid;

  grid-template-columns:
    38px 1fr;

  gap: 13px;

  margin-top: 25px;

  padding: 17px;

  border-radius: 12px;

  background:
    #f4fafb;

  border:
    1px solid rgba(0,181,184,.12);

}


.aleria-cpap-detail__visual-note > span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  background:
    rgba(0,181,184,.1);

  color:
    var(--cpap-accent);

  font-weight: 800;

}


.aleria-cpap-detail__visual-note strong {

  display: block;

  margin-bottom: 5px;

  color:
    var(--cpap-brand);

  font-size: .7rem;

}


.aleria-cpap-detail__visual-note p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .64rem;

  line-height: 1.55;

}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.aleria-cpap-detail__section-heading {

  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 50px;

  margin-bottom: 35px;

}


.aleria-cpap-detail__section-heading > div span {

  display: block;

  margin-bottom: 9px;

  color:
    var(--cpap-accent);

  font-size: .57rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__section-heading h3 {

  max-width: 650px;

  margin: 0;

  color:
    var(--cpap-brand);

  font-size: 1.8rem;

  line-height: 1.15;

  font-weight: 800;

  letter-spacing: -.025em;

}


.aleria-cpap-detail__section-heading > p {

  max-width: 420px;

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .72rem;

  line-height: 1.7;

}


/* =========================================================
   SYMPTOMS
   ========================================================= */

.aleria-cpap-detail__symptoms {

  padding: 75px 0;

  border-top:
    1px solid var(--cpap-border);

  border-bottom:
    1px solid var(--cpap-border);

}


.aleria-cpap-symptoms-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 12px;

}


.aleria-cpap-symptoms-grid article {

  display: grid;

  grid-template-columns:
    30px 1fr;

  gap: 13px;

  padding: 21px;

  border:
    1px solid var(--cpap-border);

  border-radius: 13px;

  background:
    #ffffff;

  transition:
    transform .25s ease,
    border-color .25s ease;

}


.aleria-cpap-symptoms-grid article:hover {

  transform:
    translateY(-3px);

  border-color:
    rgba(0,181,184,.25);

}


.aleria-cpap-symptoms-grid article > span {

  color:
    var(--cpap-accent);

  font-size: .55rem;

  font-weight: 800;

}


.aleria-cpap-symptoms-grid strong {

  display: block;

  margin-bottom: 6px;

  color:
    var(--cpap-brand);

  font-size: .73rem;

  font-weight: 800;

}


.aleria-cpap-symptoms-grid p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .63rem;

  line-height: 1.6;

}


/* =========================================================
   WHAT IS CPAP
   ========================================================= */

.aleria-cpap-detail__what {

  display: grid;

  grid-template-columns:
    70px .8fr 1.2fr;

  gap: 45px;

  align-items: center;

  margin-top: 90px;

  padding: 45px;

  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      #081f49,
      #0A2D6D
    );

}


.aleria-cpap-detail__what-number {

  color:
    rgba(255,255,255,.35);

  font-size: 1.3rem;

  font-weight: 800;

}


.aleria-cpap-detail__what-content > span {

  display: block;

  margin-bottom: 9px;

  color:
    #82dede;

  font-size: .57rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__what-content h3 {

  margin: 0;

  color:
    #ffffff;

  font-size: 1.5rem;

  line-height: 1.2;

  font-weight: 800;

}


.aleria-cpap-detail__what-content p {

  margin: 13px 0 0;

  color:
    rgba(255,255,255,.62);

  font-size: .69rem;

  line-height: 1.7;

}


/* =========================================================
   AIRFLOW
   ========================================================= */

.aleria-cpap-airflow {

  display: grid;

  grid-template-columns:
    1fr 30px 1fr;

  align-items: center;

  gap: 12px;

}


.aleria-cpap-airflow__item {

  min-height: 145px;

  padding: 22px;

  border:
    1px solid rgba(255,255,255,.12);

  border-radius: 13px;

  background:
    rgba(255,255,255,.05);

}


.aleria-cpap-airflow__item > span {

  display: inline-block;

  margin-bottom: 15px;

  padding: 5px 9px;

  border-radius: 999px;

  font-size: .53rem;

  font-weight: 800;

}


.aleria-cpap-airflow__item .without {

  background:
    rgba(215,70,70,.85);

  color:
    #ffffff;

}


.aleria-cpap-airflow__item .with {

  background:
    rgba(30,117,194,.9);

  color:
    #ffffff;

}


.aleria-cpap-airflow__item strong {

  display: block;

  margin-bottom: 7px;

  color:
    #ffffff;

  font-size: .73rem;

}


.aleria-cpap-airflow__item small {

  display: block;

  color:
    rgba(255,255,255,.55);

  font-size: .6rem;

  line-height: 1.55;

}


.aleria-cpap-airflow__arrow {

  color:
    #82dede;

  font-size: 1.1rem;

  text-align: center;

}


/* =========================================================
   PROCESS
   ========================================================= */

.aleria-cpap-detail__process {

  padding: 95px 0 0;

}


.aleria-cpap-process-grid {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 14px;

}


.aleria-cpap-process-grid article {

  position: relative;

  min-height: 290px;

  padding: 25px;

  border:
    1px solid var(--cpap-border);

  border-radius: 15px;

  background:
    #ffffff;

}


.aleria-cpap-process-grid .number {

  color:
    #b8c8ce;

  font-size: .58rem;

  font-weight: 800;

}


.aleria-cpap-process-grid .icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 45px;

  height: 45px;

  margin: 28px 0 25px;

  border-radius: 12px;

  background:
    rgba(0,181,184,.08);

  color:
    var(--cpap-accent);

  font-size: 1rem;

}


.aleria-cpap-process-grid h4 {

  margin: 0 0 10px;

  color:
    var(--cpap-brand);

  font-size: .85rem;

  font-weight: 800;

}


.aleria-cpap-process-grid p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .66rem;

  line-height: 1.65;

}


/* =========================================================
   DIFFICULTIES
   ========================================================= */

.aleria-cpap-detail__difficulties {

  display: grid;

  grid-template-columns:
    .8fr 1.2fr;

  gap: 65px;

  margin-top: 90px;

  padding: 55px;

  border-radius: 20px;

  background:
    #f5f9fb;

}


.aleria-cpap-detail__difficulties-intro > span {

  display: block;

  margin-bottom: 10px;

  color:
    var(--cpap-accent);

  font-size: .56rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__difficulties-intro h3 {

  margin: 0 0 13px;

  color:
    var(--cpap-brand);

  font-size: 1.6rem;

  line-height: 1.18;

  font-weight: 800;

}


.aleria-cpap-detail__difficulties-intro p {

  max-width: 450px;

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .7rem;

  line-height: 1.7;

}


.aleria-cpap-difficulties-list {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 11px;

}


.aleria-cpap-difficulties-list > div {

  padding: 19px;

  border:
    1px solid var(--cpap-border);

  border-radius: 12px;

  background:
    #ffffff;

}


.aleria-cpap-difficulties-list span {

  display: block;

  margin-bottom: 14px;

  color:
    #b6c6cc;

  font-size: .54rem;

  font-weight: 800;

}


.aleria-cpap-difficulties-list strong {

  display: block;

  margin-bottom: 6px;

  color:
    var(--cpap-brand);

  font-size: .68rem;

  font-weight: 800;

}


.aleria-cpap-difficulties-list p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .61rem;

  line-height: 1.55;

}


/* =========================================================
   BENEFITS
   ========================================================= */

.aleria-cpap-detail__benefits {

  margin-top: 100px;

}


.aleria-cpap-detail__benefits-header {

  max-width: 760px;

  margin-bottom: 35px;

}


.aleria-cpap-detail__benefits-header > span {

  display: block;

  margin-bottom: 9px;

  color:
    var(--cpap-accent);

  font-size: .57rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__benefits-header h3 {

  margin: 0 0 12px;

  color:
    var(--cpap-brand);

  font-size: 1.8rem;

  line-height: 1.15;

  font-weight: 800;

}


.aleria-cpap-detail__benefits-header p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .7rem;

  line-height: 1.65;

}


.aleria-cpap-benefits-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 13px;

}


.aleria-cpap-benefits-grid article {

  padding: 24px;

  border:
    1px solid var(--cpap-border);

  border-radius: 14px;

  background:
    #ffffff;

}


.aleria-cpap-benefits-grid article > span {

  display: block;

  margin-bottom: 20px;

  color:
    #b7c7cd;

  font-size: .55rem;

  font-weight: 800;

}


.aleria-cpap-benefits-grid strong {

  display: block;

  margin-bottom: 7px;

  color:
    var(--cpap-brand);

  font-size: .75rem;

  font-weight: 800;

}


.aleria-cpap-benefits-grid p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .63rem;

  line-height: 1.6;

}


/* =========================================================
   RELATED DISEASES
   ========================================================= */

.aleria-cpap-detail__related {

  margin-top: 100px;

  padding-top: 60px;

  border-top:
    1px solid var(--cpap-border);

}


.aleria-cpap-detail__related-header {

  max-width: 700px;

  margin-bottom: 30px;

}


.aleria-cpap-detail__related-header > span {

  display: block;

  margin-bottom: 9px;

  color:
    var(--cpap-accent);

  font-size: .57rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__related-header h3 {

  margin: 0 0 12px;

  color:
    var(--cpap-brand);

  font-size: 1.7rem;

  line-height: 1.18;

  font-weight: 800;

}


.aleria-cpap-detail__related-header p {

  margin: 0;

  color:
    var(--cpap-muted);

  font-size: .7rem;

  line-height: 1.7;

}


.aleria-cpap-related-grid {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 12px;

}


.aleria-cpap-related-grid a {

  position: relative;

  display: flex;

  flex-direction: column;

  min-height: 190px;

  padding: 22px;

  border:
    1px solid var(--cpap-border);

  border-radius: 14px;

  background:
    #ffffff;

  text-decoration: none;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;

}


.aleria-cpap-related-grid a:hover {

  transform:
    translateY(-4px);

  border-color:
    rgba(0,181,184,.25);

  box-shadow:
    0 10px 25px rgba(10,45,109,.06);

}


.aleria-cpap-related-grid a > span {

  margin-bottom: 25px;

  color:
    #b8c8ce;

  font-size: .55rem;

  font-weight: 800;

}


.aleria-cpap-related-grid strong {

  margin-bottom: 8px;

  color:
    var(--cpap-brand);

  font-size: .8rem;

  font-weight: 800;

}


.aleria-cpap-related-grid small {

  color:
    var(--cpap-muted);

  font-size: .61rem;

  line-height: 1.55;

}


.aleria-cpap-related-grid b {

  margin-top: auto;

  align-self: flex-end;

  color:
    var(--cpap-accent);

}


.aleria-cpap-related-grid .primary {

  background:
    linear-gradient(
      145deg,
      #081f49,
      #0A2D6D
    );

  border-color:
    rgba(255,255,255,.05);

}


.aleria-cpap-related-grid .primary strong {

  color:
    #ffffff;

}


.aleria-cpap-related-grid .primary small {

  color:
    rgba(255,255,255,.62);

}


/* =========================================================
   CTA
   ========================================================= */

.aleria-cpap-detail__cta {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 45px;

  margin-top: 80px;

  padding: 42px 45px;

  border-radius: 20px;

  background:
    linear-gradient(
      135deg,
      #081f49,
      #0A2D6D
    );

}


.aleria-cpap-detail__cta-content > span {

  display: block;

  margin-bottom: 9px;

  color:
    #82dede;

  font-size: .56rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-cpap-detail__cta-content h3 {

  max-width: 620px;

  margin: 0 0 9px;

  color:
    #ffffff;

  font-size:
    clamp(1.35rem, 2.5vw, 2rem);

  line-height: 1.15;

  font-weight: 800;

}


.aleria-cpap-detail__cta-content p {

  margin: 0;

  color:
    rgba(255,255,255,.62);

  font-size: .69rem;

  line-height: 1.6;

}


.aleria-cpap-detail__cta-actions {

  display: flex;

  align-items: center;

  gap: 18px;

  flex-shrink: 0;

}


.aleria-cpap-detail__cta-button {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 13px 20px;

  border-radius: 999px;

  background:
    var(--cpap-accent);

  color:
    #ffffff;

  font-size: .66rem;

  font-weight: 800;

  text-decoration: none;

}


.aleria-cpap-detail__cta-button span {

  font-size: 1rem;

}


.aleria-cpap-detail__cta-secondary {

  color:
    rgba(255,255,255,.72);

  font-size: .62rem;

  font-weight: 700;

  text-decoration: none;

}


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

@media (max-width: 1100px) {

  .aleria-cpap-related-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }


  .aleria-cpap-process-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }


  .aleria-cpap-benefits-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }

}


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

@media (max-width: 991px) {

  .aleria-cpap-detail {

    padding: 85px 0;

  }


  .aleria-cpap-detail__header {

    grid-template-columns: 1fr;

    gap: 20px;

  }


  .aleria-cpap-detail__condition {

    grid-template-columns: 1fr;

    gap: 25px;

  }


  .aleria-cpap-detail__condition-main {

    grid-template-columns: 1fr;

    gap: 25px;

  }


  .aleria-cpap-detail__visual {

    grid-template-columns: 1fr;

    gap: 45px;

  }


  .aleria-cpap-detail__visual-content {

    max-width: 750px;

  }


  .aleria-cpap-detail__section-heading {

    align-items: start;

    flex-direction: column;

    gap: 18px;

  }


  .aleria-cpap-symptoms-grid {

    grid-template-columns:
      repeat(2, 1fr);

  }


  .aleria-cpap-detail__what {

    grid-template-columns:
      1fr;

    gap: 25px;

  }


  .aleria-cpap-detail__difficulties {

    grid-template-columns:
      1fr;

    gap: 35px;

    padding: 35px;

  }


  .aleria-cpap-detail__cta {

    align-items: flex-start;

    flex-direction: column;

  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

  .aleria-cpap-detail {

    padding: 65px 0 75px;

  }


  .aleria-cpap-detail__container {

    width: min(
      calc(100% - 30px),
      var(--wrap, 1200px)
    );

  }


  .aleria-cpap-detail__header-content h2 {

    font-size: 2rem;

  }


  .aleria-cpap-detail__condition {

    padding: 25px;

  }


  .aleria-cpap-detail__visual {

    margin-bottom: 70px;

  }


  .aleria-cpap-detail__symptoms {

    padding: 60px 0;

  }


  .aleria-cpap-symptoms-grid {

    grid-template-columns:
      1fr;

  }


  .aleria-cpap-detail__what {

    margin-top: 70px;

    padding: 28px;

  }


  .aleria-cpap-airflow {

    grid-template-columns:
      1fr;

  }


  .aleria-cpap-airflow__arrow {

    transform:
      rotate(90deg);

  }


  .aleria-cpap-detail__process {

    padding-top: 70px;

  }


  .aleria-cpap-process-grid {

    grid-template-columns:
      1fr;

  }


  .aleria-cpap-process-grid article {

    min-height: auto;

  }


  .aleria-cpap-detail__difficulties {

    margin-top: 70px;

    padding: 25px;

  }


  .aleria-cpap-difficulties-list {

    grid-template-columns:
      1fr;

  }


  .aleria-cpap-detail__benefits {

    margin-top: 75px;

  }


  .aleria-cpap-benefits-grid {

    grid-template-columns:
      1fr;

  }


  .aleria-cpap-detail__related {

    margin-top: 75px;

  }


  .aleria-cpap-related-grid {

    grid-template-columns:
      1fr;

  }


  .aleria-cpap-detail__cta {

    margin-top: 65px;

    padding: 28px;

  }


  .aleria-cpap-detail__cta-actions {

    align-items: flex-start;

    flex-direction: column;

  }

}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .aleria-cpap-detail__condition-link span,
  .aleria-cpap-symptoms-grid article,
  .aleria-cpap-related-grid a {

    transition: none;

  }

}/* End custom CSS */