.elementor-904 .elementor-element.elementor-element-4071b84{--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-dbc96cb *//* =========================================================
   ALERIA MEDICAL
   SERVICES
   SECCIÓN 03 — CONSULTA ESPECIALIZADA
   ========================================================= */

.aleria-services-consultation {

  --consult-brand: #0A2D6D;
  --consult-accent: #00B5B8;
  --consult-text: #1f2e44;
  --consult-muted: #5a6b7b;
  --consult-border: #e2eaee;
  --consult-light: #f5f9fb;
  --consult-white: #ffffff;

  position: relative;

  padding:
    110px 0;

  background:
    #f8fafc;

  overflow: hidden;

}


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

.aleria-services-consultation__container {

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

  margin: 0 auto;

}


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

.aleria-services-consultation__header {

  display: grid;

  grid-template-columns:
    .65fr 1.35fr;

  gap: 70px;

  margin-bottom: 55px;

}


.aleria-services-consultation__eyebrow {

  display: flex;

  align-items: center;

  gap: 12px;

  padding-top: 9px;

  color:
    var(--consult-accent);

  font-size: .62rem;

  font-weight: 800;

  letter-spacing: .11em;

}


.aleria-services-consultation__eyebrow span {

  width: 34px;

  height: 1px;

  background:
    var(--consult-accent);

}


.aleria-services-consultation__heading h2 {

  max-width: 700px;

  margin: 0 0 18px;

  color:
    var(--consult-brand);

  font-size:
    clamp(2rem, 3.8vw, 3.1rem);

  line-height: 1.04;

  font-weight: 800;

  letter-spacing: -.045em;

}


.aleria-services-consultation__heading h2 span {

  display: block;

  color:
    var(--consult-accent);

}


.aleria-services-consultation__heading p {

  max-width: 700px;

  margin: 0;

  color:
    var(--consult-muted);

  font-size: .82rem;

  line-height: 1.8;

}


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

.aleria-consultation-main {

  display: grid;

  grid-template-columns:
    1.05fr .95fr;

  gap: 0;

  overflow: hidden;

  border-radius: 22px;

  background:
    var(--consult-white);

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

}


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

.aleria-consultation-main__content {

  padding:
    50px 50px 45px;

}


.aleria-consultation-main__number {

  margin-bottom: 22px;

  color:
    #b7c6cc;

  font-size: .58rem;

  font-weight: 800;

}


.aleria-consultation-main__label {

  display: block;

  margin-bottom: 9px;

  color:
    var(--consult-accent);

  font-size: .53rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-consultation-main__content h3 {

  margin: 0 0 17px;

  color:
    var(--consult-brand);

  font-size:
    clamp(1.9rem, 3vw, 2.65rem);

  line-height: 1.04;

  font-weight: 800;

  letter-spacing: -.04em;

}


.aleria-consultation-main__content h3 span {

  display: block;

  color:
    var(--consult-accent);

}


.aleria-consultation-main__content > p {

  max-width: 620px;

  margin: 0;

  color:
    var(--consult-muted);

  font-size: .74rem;

  line-height: 1.75;

}


/* =========================================================
   PUNTOS DE CONSULTA
   ========================================================= */

.aleria-consultation-main__points {

  display: grid;

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

  gap: 10px;

  margin-top: 30px;

}


.aleria-consultation-main__points > div {

  padding:
    14px;

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

  border-radius: 11px;

  background:
    var(--consult-light);

}


.aleria-consultation-main__points span {

  display: block;

  margin-bottom: 12px;

  color:
    var(--consult-accent);

  font-size: .51rem;

  font-weight: 800;

}


.aleria-consultation-main__points strong {

  display: block;

  margin-bottom: 5px;

  color:
    var(--consult-brand);

  font-size: .61rem;

  line-height: 1.3;

}


.aleria-consultation-main__points small {

  display: block;

  color:
    var(--consult-muted);

  font-size: .54rem;

  line-height: 1.5;

}


/* =========================================================
   ACCIONES
   ========================================================= */

.aleria-consultation-main__actions {

  display: flex;

  align-items: center;

  gap: 18px;

  margin-top: 30px;

}


.aleria-consultation-button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  min-height: 43px;

  padding:
    0 17px;

  border-radius:
    999px;

  font-size: .59rem;

  font-weight: 800;

  text-decoration: none;

  transition:
    transform .2s ease,
    box-shadow .2s ease;

}


.aleria-consultation-button--primary {

  background:
    var(--consult-brand);

  color:
    #ffffff;

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

}


.aleria-consultation-button--primary span {

  color:
    #82dede;

}


.aleria-consultation-button--primary:hover {

  transform:
    translateY(-2px);

  color:
    #ffffff;

}


.aleria-consultation-button--link {

  padding-left:
    0;

  padding-right:
    0;

  color:
    var(--consult-brand);

}


.aleria-consultation-button--link:hover {

  color:
    var(--consult-accent);

}


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

.aleria-consultation-main__visual {

  position: relative;

  padding:
    45px 40px;

  background:
    linear-gradient(
      145deg,
      #081f49 0%,
      #0A2D6D 100%
    );

}


.aleria-consultation-main__visual::after {

  content: "";

  position: absolute;

  width: 270px;

  height: 270px;

  right: -130px;

  bottom: -130px;

  border-radius: 50%;

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

}


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

.aleria-consultation-main__visual-header {

  position: relative;

  z-index: 2;

  margin-bottom: 30px;

}


.aleria-consultation-main__visual-header span {

  display: block;

  margin-bottom: 8px;

  color:
    #82dede;

  font-size: .51rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-consultation-main__visual-header strong {

  display: block;

  color:
    #ffffff;

  font-size: 1.35rem;

  line-height: 1.15;

  font-weight: 800;

}


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

.aleria-consultation-main__visual-list {

  position: relative;

  z-index: 2;

  display: flex;

  flex-direction: column;

  gap: 10px;

}


.aleria-consultation-main__visual-list > div {

  display: grid;

  grid-template-columns:
    31px 1fr;

  gap: 11px;

  padding:
    13px;

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

  border-radius: 10px;

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

}


.consultation-check {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 27px;

  height: 27px;

  border-radius: 50%;

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

  color:
    #82dede;

  font-size: .63rem;

  font-weight: 800;

}


.aleria-consultation-main__visual-list strong {

  display: block;

  margin-bottom: 3px;

  color:
    #ffffff;

  font-size: .63rem;

}


.aleria-consultation-main__visual-list small {

  display: block;

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

  font-size: .54rem;

  line-height: 1.45;

}


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

.aleria-consultation-main__visual-footer {

  position: absolute;

  z-index: 2;

  right: 40px;

  bottom: 25px;

  display: flex;

  align-items: center;

  gap: 9px;

}


.aleria-consultation-main__visual-footer span {

  color:
    #82dede;

  font-size: .48rem;

  font-weight: 800;

  letter-spacing: .08em;

}


.aleria-consultation-main__visual-footer small {

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

  font-size: .48rem;

}


/* =========================================================
   CONSULTAS SECUNDARIAS
   ========================================================= */

.aleria-consultation-secondary {

  margin-top: 85px;

}


.aleria-consultation-secondary__intro {

  max-width: 700px;

  margin-bottom: 30px;

}


.aleria-consultation-secondary__intro > span {

  display: block;

  margin-bottom: 9px;

  color:
    var(--consult-accent);

  font-size: .55rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-consultation-secondary__intro h3 {

  margin: 0 0 12px;

  color:
    var(--consult-brand);

  font-size:
    clamp(1.5rem, 2.5vw, 2rem);

  line-height: 1.15;

  font-weight: 800;

}


.aleria-consultation-secondary__intro p {

  margin: 0;

  color:
    var(--consult-muted);

  font-size: .69rem;

  line-height: 1.7;

}


/* =========================================================
   CARDS SECUNDARIAS
   ========================================================= */

.aleria-consultation-secondary__cards {

  display: grid;

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

  gap: 13px;

}


.aleria-consultation-card {

  display: flex;

  flex-direction: column;

  min-height: 310px;

  padding:
    25px;

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

  border-radius: 15px;

  background:
    #ffffff;

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

}


.aleria-consultation-card:hover {

  transform:
    translateY(-4px);

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

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

}


.aleria-consultation-card__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 30px;

}


.aleria-consultation-card__top span {

  color:
    #b7c6cc;

  font-size: .53rem;

  font-weight: 800;

}


.aleria-consultation-card__top b {

  color:
    var(--consult-accent);

  font-size: .49rem;

  font-weight: 800;

  letter-spacing: .08em;

}


.aleria-consultation-card h4 {

  max-width: 280px;

  margin: 0 0 12px;

  color:
    var(--consult-brand);

  font-size: 1.05rem;

  line-height: 1.2;

  font-weight: 800;

}


.aleria-consultation-card > p {

  margin: 0;

  color:
    var(--consult-muted);

  font-size: .63rem;

  line-height: 1.65;

}


.aleria-consultation-card ul {

  margin:
    18px 0 0;

  padding:
    0;

  list-style:
    none;

}


.aleria-consultation-card li {

  position: relative;

  padding:
    6px 0 6px 14px;

  color:
    var(--consult-text);

  font-size: .58rem;

  line-height: 1.4;

  border-top:
    1px solid var(--consult-border);

}


.aleria-consultation-card li::before {

  content:
    "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background:
    var(--consult-accent);

}


.aleria-consultation-card a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  margin-top: auto;

  padding-top: 20px;

  color:
    var(--consult-brand);

  font-size: .57rem;

  font-weight: 800;

  text-decoration: none;

}


.aleria-consultation-card a span {

  color:
    var(--consult-accent);

  font-size: .85rem;

}


/* =========================================================
   CONEXIÓN CON ENFERMEDADES
   ========================================================= */

.aleria-consultation-diseases {

  display: grid;

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

  gap: 55px;

  align-items: center;

  margin-top: 75px;

  padding:
    35px 40px;

  border-radius: 18px;

  background:
    var(--consult-light);

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

}


.aleria-consultation-diseases__content > span {

  display: block;

  margin-bottom: 8px;

  color:
    var(--consult-accent);

  font-size: .52rem;

  font-weight: 800;

  letter-spacing: .1em;

}


.aleria-consultation-diseases__content h3 {

  margin: 0 0 10px;

  color:
    var(--consult-brand);

  font-size: 1.35rem;

  line-height: 1.15;

  font-weight: 800;

}


.aleria-consultation-diseases__content p {

  margin: 0;

  color:
    var(--consult-muted);

  font-size: .62rem;

  line-height: 1.6;

}


.aleria-consultation-diseases__links {

  display: grid;

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

  gap: 8px;

}


.aleria-consultation-diseases__links a {

  display: grid;

  grid-template-columns:
    25px 1fr 15px;

  align-items: center;

  gap: 7px;

  min-height: 55px;

  padding:
    10px 12px;

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

  border-radius: 9px;

  background:
    #ffffff;

  text-decoration: none;

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

}


.aleria-consultation-diseases__links a:hover {

  transform:
    translateY(-2px);

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

}


.aleria-consultation-diseases__links span {

  color:
    #b7c6cc;

  font-size: .48rem;

  font-weight: 800;

}


.aleria-consultation-diseases__links strong {

  color:
    var(--consult-brand);

  font-size: .58rem;

  line-height: 1.2;

}


.aleria-consultation-diseases__links b {

  color:
    var(--consult-accent);

  font-size: .72rem;

}


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

@media (max-width: 1050px) {

  .aleria-consultation-main {

    grid-template-columns:
      1fr;

  }


  .aleria-consultation-main__visual {

    min-height:
      460px;

  }


  .aleria-consultation-secondary__cards {

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

  }


  .aleria-consultation-card--interconsultation {

    grid-column:
      1 / -1;

  }


  .aleria-consultation-diseases {

    grid-template-columns:
      1fr;

    gap:
      30px;

  }

}


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

@media (max-width: 900px) {

  .aleria-services-consultation {

    padding:
      85px 0;

  }


  .aleria-services-consultation__header {

    grid-template-columns:
      1fr;

    gap:
      20px;

  }


  .aleria-consultation-main__points {

    grid-template-columns:
      1fr;

  }


  .aleria-consultation-diseases__links {

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

  }

}


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

@media (max-width: 767px) {

  .aleria-services-consultation {

    padding:
      65px 0 75px;

  }


  .aleria-services-consultation__container {

    width:
      calc(100% - 30px);

  }


  .aleria-services-consultation__heading h2 {

    font-size:
      2.15rem;

  }


  .aleria-consultation-main__content {

    padding:
      32px 25px;

  }


  .aleria-consultation-main__visual {

    min-height:
      500px;

    padding:
      30px 25px;

  }


  .aleria-consultation-main__content h3 {

    font-size:
      2rem;

  }


  .aleria-consultation-main__actions {

    align-items:
      stretch;

    flex-direction:
      column;

  }


  .aleria-consultation-button {

    width:
      100%;

  }


  .aleria-consultation-button--link {

    justify-content:
      flex-start;

  }


  .aleria-consultation-secondary {

    margin-top:
      65px;

  }


  .aleria-consultation-secondary__cards {

    grid-template-columns:
      1fr;

  }


  .aleria-consultation-card--interconsultation {

    grid-column:
      auto;

  }


  .aleria-consultation-diseases {

    margin-top:
      55px;

    padding:
      27px 22px;

  }


  .aleria-consultation-diseases__links {

    grid-template-columns:
      1fr;

  }

}


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

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

  .aleria-consultation-main__actions a,
  .aleria-consultation-card,
  .aleria-consultation-diseases__links a {

    transition:
      none;

  }

}/* End custom CSS */