.elementor-1041 .elementor-element.elementor-element-0befc1a{--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;}/* Start custom CSS for html, class: .elementor-element-0fa3eb6 *//* =========================================================
   ALERIA MEDICAL
   SINGLE ENFERMEDAD RESPIRATORIA
   EPOC
   ========================================================= */

.am-disease-page {

  --am-blue: #082D6B;
  --am-blue-dark: #051C40;

  --am-cyan: #00B5B8;
  --am-cyan-light: #83DEDE;

  --am-text: #20384D;
  --am-muted: #6D808D;

  --am-bg: #F4F8FA;

  --am-white: #FFFFFF;

  --am-border: #DCE7EC;

  width: 100%;
  overflow: hidden;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.am-container {

  width: min(
    calc(100% - 40px),
    1180px
  );

  margin: 0 auto;
}


/* =========================================================
   HERO
   ========================================================= */

.am-disease-hero {

  position: relative;

  min-height: 700px;

  display: flex;

  align-items: center;

  background: var(--am-bg);

  overflow: hidden;
}


.am-disease-hero__background {

  position: absolute;

  top: 0;
  right: 0;

  width: 53%;
  height: 100%;

  background:
    linear-gradient(
      135deg,
      #E8F6F7 0%,
      #D9EDF2 100%
    );

  border-bottom-left-radius: 170px;
}


.am-disease-hero__grid {

  position: relative;

  z-index: 2;

  display: grid;

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

  align-items: center;

  gap: 75px;

  padding:
    75px 0 125px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.am-disease-eyebrow {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 24px;

  color: var(--am-cyan);

  font-size: 10px;

  font-weight: 900;

  letter-spacing: .15em;
}


.am-disease-eyebrow span {

  width: 40px;
  height: 2px;

  background: var(--am-cyan);
}


/* =========================================================
   TITLE
   ========================================================= */

.am-disease-title {

  max-width: 700px;

  margin: 0;

  color: var(--am-blue);

  font-size:
    clamp(
      3.1rem,
      5.6vw,
      5.5rem
    );

  line-height: .88;

  font-weight: 800;

  letter-spacing: -.065em;
}


/* =========================================================
   SUBTITLE
   ========================================================= */

.am-disease-subtitle {

  max-width: 610px;

  margin: 28px 0 0;

  color: var(--am-muted);

  font-size: 16px;

  line-height: 1.75;
}


/* =========================================================
   META
   ========================================================= */

.am-disease-meta {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin-top: 27px;
}


.am-disease-meta__item {

  display: flex;

  flex-direction: column;

  gap: 5px;

  min-width: 145px;

  padding: 13px 15px;

  border:
    1px solid var(--am-border);

  border-radius: 12px;

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


.am-disease-meta__item span {

  color: #8B9AA1;

  font-size: 8px;

  font-weight: 900;

  letter-spacing: .13em;
}


.am-disease-meta__item strong {

  color: var(--am-blue);

  font-size: 11px;

  line-height: 1.3;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.am-disease-actions {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 28px;
}


.am-disease-button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 50px;

  padding: 0 20px;

  border-radius: 999px;

  text-decoration: none !important;

  font-size: 12px;

  font-weight: 800;

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


.am-disease-button--primary {

  background: var(--am-blue);

  color: #fff !important;

  box-shadow:
    0 14px 32px
    rgba(8,45,107,.18);
}


.am-disease-button--primary b {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 25px;
  height: 25px;

  border-radius: 50%;

  background: var(--am-cyan);

  color: #fff;

  font-size: 14px;
}


.am-disease-button--primary:hover {

  transform: translateY(-3px);

  box-shadow:
    0 18px 38px
    rgba(8,45,107,.24);
}


.am-disease-button--secondary {

  border:
    1px solid var(--am-border);

  background: #fff;

  color: var(--am-blue) !important;
}


.am-disease-button--secondary:hover {

  transform: translateY(-3px);
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.am-disease-hero__visual {

  position: relative;
}


.am-disease-image {

  position: relative;

  height: 480px;

  overflow: hidden;

  border-radius: 30px;

  background: #D8ECEF;

  box-shadow:
    0 35px 75px
    rgba(8,45,107,.17);
}


.am-disease-image img {

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


.am-disease-image__label {

  position: absolute;

  left: 20px;
  bottom: 20px;

  display: flex;

  align-items: center;

  gap: 8px;

  padding: 9px 14px;

  border-radius: 999px;

  background:
    rgba(5,28,64,.92);

  color: #fff;

  font-size: 8px;

  font-weight: 900;

  letter-spacing: .12em;
}


.am-disease-image__label span {

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--am-cyan);
}


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

.am-disease-floating-card {

  position: absolute;

  right: -30px;
  bottom: 35px;

  z-index: 4;

  display: flex;

  align-items: center;

  gap: 12px;

  max-width: 280px;

  padding: 15px;

  border-radius: 15px;

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

  box-shadow:
    0 20px 45px
    rgba(8,45,107,.14);

  backdrop-filter: blur(10px);
}


.am-disease-floating-card__icon {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

  width: 40px;
  height: 40px;

  border-radius: 11px;

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

  color: var(--am-cyan);

  font-size: 22px;
}


.am-disease-floating-card div:last-child {

  display: flex;

  flex-direction: column;

  gap: 4px;
}


.am-disease-floating-card span {

  color: var(--am-cyan);

  font-size: 7px;

  font-weight: 900;

  letter-spacing: .1em;
}


.am-disease-floating-card strong {

  color: var(--am-blue);

  font-size: 11px;

  line-height: 1.3;
}


/* =========================================================
   HERO BOTTOM
   ========================================================= */

.am-disease-hero__bottom {

  position: absolute;

  right: 0;
  bottom: 0;
  left: 0;

  z-index: 5;

  padding: 15px 0;

  background:
    rgba(5,28,64,.97);
}


.am-disease-hero__bottom .am-container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;
}


.am-disease-hero__bottom div {

  display: flex;

  align-items: center;

  gap: 15px;
}


.am-disease-hero__bottom span {

  color: var(--am-cyan-light);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .13em;
}


.am-disease-hero__bottom strong {

  color: #fff;

  font-size: 13px;
}


.am-disease-hero__bottom p {

  margin: 0;

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

  font-size: 10px;
}


/* =========================================================
   SECTION LABEL
   ========================================================= */

.am-section-label {

  display: flex;

  align-items: center;

  gap: 10px;

  color: var(--am-cyan);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .15em;
}


.am-section-label span {

  color: #9BAAB1;
}


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

.am-disease-intro {

  padding: 115px 0;

  background: #fff;
}


.am-disease-intro__grid {

  display: grid;

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

  gap: 90px;

  margin-top: 35px;
}


.am-disease-intro h2 {

  max-width: 560px;

  margin: 0;

  color: var(--am-blue);

  font-size:
    clamp(
      2.6rem,
      4.5vw,
      4rem
    );

  line-height: .93;

  letter-spacing: -.055em;
}


.am-disease-intro h2 strong {

  color: var(--am-cyan);
}


.am-disease-intro__content {

  color: var(--am-muted);

  font-size: 16px;

  line-height: 1.8;
}


.am-disease-intro__content p {

  margin:
    0 0 18px;
}


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

.am-disease-what,
.am-disease-consult {

  padding: 110px 0;

  background: var(--am-bg);
}


.am-disease-content-grid {

  display: grid;

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

  gap: 85px;
}


.am-disease-section-title h2 {

  max-width: 500px;

  margin: 24px 0 0;

  color: var(--am-blue);

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

  line-height: .94;

  letter-spacing: -.055em;
}


.am-disease-section-title h2 strong {

  color: var(--am-cyan);
}


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

.am-disease-rich-content {

  color: var(--am-muted);

  font-size: 15px;

  line-height: 1.8;
}


.am-disease-rich-content p {

  margin:
    0 0 18px;
}


.am-disease-rich-content ul {

  margin:
    15px 0 20px;

  padding-left: 20px;
}


.am-disease-rich-content li {

  margin-bottom: 10px;

  padding-left: 5px;
}


.am-disease-rich-content h3 {

  margin:
    30px 0 12px;

  color: var(--am-blue);

  font-size: 1.15rem;
}


/* =========================================================
   SÍNTOMAS
   ========================================================= */

.am-disease-symptoms {

  padding: 110px 0;

  background: #fff;
}


.am-disease-heading {

  display: grid;

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

  gap: 60px;

  margin:
    25px 0 40px;
}


.am-disease-heading h2 {

  max-width: 680px;

  margin: 0;

  color: var(--am-blue);

  font-size:
    clamp(
      2.5rem,
      4vw,
      3.7rem
    );

  line-height: .94;

  letter-spacing: -.055em;
}


.am-disease-heading h2 strong {

  color: var(--am-cyan);
}


.am-disease-heading p {

  margin: 0;

  color: var(--am-muted);

  font-size: 14px;

  line-height: 1.7;
}


.am-disease-symptoms__content {

  padding: 35px;

  border:
    1px solid var(--am-border);

  border-radius: 20px;

  background: var(--am-bg);
}


.am-disease-symptoms__content ul {

  display: grid;

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

  gap: 10px 30px;

  margin: 0;

  padding: 0;

  list-style: none;
}


.am-disease-symptoms__content li {

  position: relative;

  padding:
    15px 15px 15px 35px;

  border:
    1px solid var(--am-border);

  border-radius: 12px;

  background: #fff;
}


.am-disease-symptoms__content li::before {

  content: "✓";

  position: absolute;

  left: 14px;
  top: 14px;

  color: var(--am-cyan);

  font-weight: 900;
}


/* =========================================================
   CAUSAS / FACTORES DE RIESGO
   ========================================================= */

.am-disease-risk {

  padding: 110px 0;

  background: var(--am-blue);
}


.am-disease-risk__grid {

  display: grid;

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

  gap: 85px;
}


.am-disease-risk__intro .am-section-label {

  color: var(--am-cyan-light);
}


.am-disease-risk__intro h2 {

  max-width: 500px;

  margin: 24px 0 20px;

  color: #fff;

  font-size:
    clamp(
      2.5rem,
      4vw,
      3.7rem
    );

  line-height: .94;

  letter-spacing: -.055em;
}


.am-disease-risk__intro h2 strong {

  color: var(--am-cyan-light);
}


.am-disease-risk__intro p {

  max-width: 450px;

  margin: 0;

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

  font-size: 14px;

  line-height: 1.7;
}


.am-disease-risk .am-disease-rich-content {

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


.am-disease-risk .am-disease-rich-content p {

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


.am-disease-risk .am-disease-rich-content li {

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


/* =========================================================
   DIAGNÓSTICO
   ========================================================= */

.am-disease-diagnosis {

  padding: 110px 0;

  background: var(--am-bg);
}


.am-disease-diagnosis__content {

  padding: 35px;

  border-radius: 20px;

  background: #fff;

  border:
    1px solid var(--am-border);
}


/* =========================================================
   SERVICIOS RELACIONADOS
   ========================================================= */

.am-related-services {

  margin-top: 55px;
}


.am-related-services__header {

  margin-bottom: 20px;
}


.am-related-services__header span {

  color: var(--am-cyan);

  font-size: 8px;

  font-weight: 900;

  letter-spacing: .13em;
}


.am-related-services__header h3 {

  margin: 8px 0 0;

  color: var(--am-blue);

  font-size: 1.5rem;
}


.am-related-services__grid {

  display: grid;

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

  gap: 12px;
}


.am-related-service-placeholder {

  display: flex;

  flex-direction: column;

  gap: 7px;

  padding: 25px;

  border:
    1px dashed #C7D7DD;

  border-radius: 16px;

  background:
    rgba(255,255,255,.55);
}


.am-related-service-placeholder span {

  color: var(--am-cyan);

  font-size: 8px;

  font-weight: 900;

  letter-spacing: .12em;
}


.am-related-service-placeholder strong {

  color: var(--am-blue);

  font-size: 14px;
}


/* =========================================================
   MANEJO
   ========================================================= */

.am-disease-treatment {

  padding: 10px 0;

  background: var(--am-bg);
}


.am-disease-treatment__box {

  display: grid;

  grid-template-columns:
    60px 1fr;

  gap: 25px;

  padding: 50px;

  border-radius: 23px;

  background: #fff;

  border:
    1px solid var(--am-border);
}


.am-disease-treatment__icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;
  height: 50px;

  border-radius: 14px;

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

  color: var(--am-cyan);

  font-size: 23px;
}


.am-disease-treatment h2 {

  margin: 20px 0;

  color: var(--am-blue);

  font-size: 2.5rem;

  line-height: .95;

  letter-spacing: -.05em;
}


.am-disease-treatment h2 strong {

  color: var(--am-cyan);
}


/* =========================================================
   CONSULTA
   ========================================================= */

.am-disease-consult {

  background: #fff;
}


/* =========================================================
   ALERTA
   ========================================================= */

.am-disease-alert {

  padding: 10px 0;

  background: #fff;
}


.am-disease-alert__box {

  display: grid;

  grid-template-columns:
    60px 1fr;

  gap: 25px;

  padding: 40px;

  border-radius: 20px;

  background: #FFF8F2;

  border:
    1px solid #F1DED0;
}


.am-disease-alert__icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;
  height: 50px;

  border-radius: 50%;

  background: #F2D7C5;

  color: #9A5C37;

  font-size: 20px;

  font-weight: 900;
}


.am-disease-alert h2 {

  margin: 18px 0 10px;

  color: #70432B;

  font-size: 2rem;
}


.am-disease-alert__intro {

  margin: 0 0 20px;

  color: #765D4F;

  font-size: 14px;

  line-height: 1.7;
}


.am-disease-alert .am-disease-rich-content {

  color: #765D4F;
}


/* =========================================================
   RECOMENDACIONES
   ========================================================= */

.am-disease-recommendations {

  padding: 110px 0;

  background: var(--am-bg);
}


.am-disease-recommendations__content {

  max-width: 900px;

  margin-top: 35px;

  padding: 35px;

  border-radius: 20px;

  background: #fff;

  border:
    1px solid var(--am-border);
}


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

.am-disease-cta {

  padding: 10px 0 100px;

  background: var(--am-bg);
}


.am-disease-cta__box {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  padding: 50px;

  border-radius: 24px;

  background: var(--am-blue);

  overflow: hidden;
}


.am-disease-cta__box::after {

  content: "";

  position: absolute;

  right: -160px;

  bottom: -260px;

  width: 560px;

  height: 560px;

  border:
    1px solid
    rgba(131,222,222,.13);

  border-radius: 50%;
}


.am-disease-cta__content {

  position: relative;

  z-index: 2;
}


.am-disease-cta__content > span {

  color: var(--am-cyan-light);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .13em;
}


.am-disease-cta h2 {

  max-width: 650px;

  margin: 10px 0;

  color: #fff;

  font-size:
    clamp(
      2.3rem,
      4vw,
      3.5rem
    );

  line-height: .94;

  letter-spacing: -.055em;
}


.am-disease-cta p {

  max-width: 600px;

  margin: 0;

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

  font-size: 14px;

  line-height: 1.7;
}


.am-disease-cta__button {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 13px;

  flex-shrink: 0;

  min-height: 50px;

  padding: 0 21px;

  border-radius: 999px;

  background: var(--am-cyan);

  color: #fff !important;

  text-decoration: none !important;

  font-size: 12px;

  font-weight: 800;
}


.am-disease-cta__button b {

  font-size: 18px;
}


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

@media (max-width: 950px) {

  .am-disease-hero__grid {

    grid-template-columns: 1fr;

    gap: 45px;

    padding-bottom: 135px;
  }


  .am-disease-hero__background {

    width: 100%;

    opacity: .5;
  }


  .am-disease-hero__visual {

    max-width: 650px;
  }


  .am-disease-intro__grid,
  .am-disease-content-grid,
  .am-disease-risk__grid {

    grid-template-columns: 1fr;

    gap: 40px;
  }


  .am-disease-heading {

    grid-template-columns: 1fr;

    gap: 20px;
  }


  .am-disease-cta__box {

    flex-direction: column;

    align-items: flex-start;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

  .am-container {

    width:
      calc(100% - 30px);
  }


  .am-disease-hero__grid {

    padding:
      55px 0 130px;
  }


  .am-disease-title {

    font-size:
      3rem;
  }


  .am-disease-subtitle {

    font-size:
      14px;
  }


  .am-disease-meta {

    display: grid;

    grid-template-columns:
      1fr 1fr;
  }


  .am-disease-meta__item {

    min-width: 0;
  }


  .am-disease-actions {

    flex-direction:
      column;

    align-items:
      stretch;
  }


  .am-disease-button {

    width: 100%;
  }


  .am-disease-image {

    height: 330px;

    border-radius: 20px;
  }


  .am-disease-floating-card {

    right: 10px;

    bottom: 15px;

    max-width: 240px;
  }


  .am-disease-hero__bottom .am-container {

    flex-direction:
      column;

    align-items:
      flex-start;

    gap: 4px;
  }


  .am-disease-hero__bottom p {

    display: none;
  }


  .am-disease-intro,
  .am-disease-what,
  .am-disease-symptoms,
  .am-disease-diagnosis,
  .am-disease-consult,
  .am-disease-recommendations {

    padding:
      75px 0;
  }


  .am-disease-heading h2,
  .am-disease-intro h2,
  .am-disease-section-title h2 {

    font-size:
      2.4rem;
  }


  .am-disease-symptoms__content {

    padding:
      20px;
  }


  .am-disease-symptoms__content ul {

    grid-template-columns:
      1fr;
  }


  .am-disease-diagnosis__content,
  .am-disease-recommendations__content {

    padding:
      22px;
  }


  .am-disease-treatment__box,
  .am-disease-alert__box {

    grid-template-columns:
      1fr;

    padding:
      28px 22px;
  }


  .am-disease-cta__box {

    padding:
      32px 22px;
  }


  .am-disease-cta__button {

    width:
      100%;
  }

}/* End custom CSS */