.elementor-851 .elementor-element.elementor-element-69f1fa2{--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-851 .elementor-element.elementor-element-69f1fa2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-851 .elementor-element.elementor-element-e872b17{--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-851 .elementor-element.elementor-element-e872b17.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-851 .elementor-element.elementor-element-e19c13a{--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-851 .elementor-element.elementor-element-e19c13a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-851 .elementor-element.elementor-element-40ad634{--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-851 .elementor-element.elementor-element-519dc1e{--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-851 .elementor-element.elementor-element-b2d249f{--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;}@media(min-width:768px){.elementor-851 .elementor-element.elementor-element-69f1fa2{--width:97.424%;}.elementor-851 .elementor-element.elementor-element-e872b17{--width:97.424%;}.elementor-851 .elementor-element.elementor-element-e19c13a{--width:97.424%;}}/* Start custom CSS for html, class: .elementor-element-80a912e *//* =========================================================
   ALERIA MEDICAL
   HOME — HERO PRINCIPAL
   FORMULARIO DE RESERVA
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

.aleria-home-hero {

    --aleria-navy: #062451;
    --aleria-navy-dark: #031a3c;

    --aleria-cyan: #00b7c3;
    --aleria-cyan-light: #6edbe0;

    --aleria-white: #ffffff;
    --aleria-text-light: rgba(255,255,255,.82);
    --aleria-text-muted: rgba(255,255,255,.62);

    --aleria-border: rgba(255,255,255,.16);

    --aleria-form-text: #18355f;
    --aleria-form-border: #dce3ec;
    --aleria-form-background: rgba(255,255,255,.98);

    --aleria-radius: 20px;

    position: relative;

    width: 100%;
    min-height: 760px;

    overflow: hidden;

    isolation: isolate;

    color: var(--aleria-white);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

}


/* =========================================================
   FONDO
   ========================================================= */

.aleria-home-hero__background {

    position: absolute;

    inset: 0;

    z-index: -4;

    overflow: hidden;

}


.aleria-home-hero__background img {

    position: absolute;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: 68% center;

    transform: scale(1.02);

}


/* =========================================================
   OVERLAY PRINCIPAL
   ========================================================= */

.aleria-home-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: -3;

    background:

        linear-gradient(
            90deg,
            rgba(3, 26, 60, .98) 0%,
            rgba(5, 32, 72, .94) 30%,
            rgba(6, 36, 81, .72) 52%,
            rgba(6, 36, 81, .28) 76%,
            rgba(6, 36, 81, .12) 100%
        );

}


/* Protección inferior */

.aleria-home-hero::after {

    content: "";

    position: absolute;

    inset: auto 0 0;

    height: 180px;

    z-index: -2;

    background:

        linear-gradient(
            0deg,
            rgba(3,26,60,.78),
            transparent
        );

    pointer-events: none;

}


/* =========================================================
   EFECTOS DECORATIVOS
   ========================================================= */

.aleria-home-hero__glow {

    position: absolute;

    z-index: -1;

    border-radius: 50%;

    pointer-events: none;

}


.aleria-home-hero__glow--one {

    width: 460px;
    height: 460px;

    left: -260px;
    top: -180px;

    border: 1px solid rgba(0,183,195,.16);

    box-shadow:
        0 0 0 80px rgba(0,183,195,.025),
        0 0 0 160px rgba(0,183,195,.018);

}


.aleria-home-hero__glow--two {

    width: 300px;
    height: 300px;

    right: -180px;
    bottom: -150px;

    border: 1px solid rgba(110,219,224,.10);

}


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

.aleria-home-hero__container {

    position: relative;

    width: min(
        calc(100% - 80px),
        1280px
    );

    min-height: 760px;

    margin: 0 auto;

    display: grid;

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

    align-items: center;

    gap: 70px;

    padding: 70px 0 90px;

}


/* =========================================================
   CONTENIDO IZQUIERDO
   ========================================================= */

.aleria-home-hero__content {

    max-width: 730px;

}


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

.aleria-home-hero__eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

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

    font-size: 12px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;

}


.aleria-home-hero__eyebrow-line {

    width: 38px;

    height: 2px;

    flex: 0 0 auto;

    background: var(--aleria-cyan);

}


/* =========================================================
   TÍTULO
   ========================================================= */

.aleria-home-hero__title {

    max-width: 760px;

    margin: 0;

    color: var(--aleria-white);

    font-size:
        clamp(52px, 5.6vw, 82px);

    line-height: .96;

    font-weight: 800;

    letter-spacing: -0.055em;

}


.aleria-home-hero__title span {

    display: inline;

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

}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.aleria-home-hero__description {

    max-width: 690px;

    margin: 28px 0 0;

    color: var(--aleria-text-light);

    font-size: 17px;

    line-height: 1.7;

    font-weight: 400;

}


/* =========================================================
   HIGHLIGHTS
   ========================================================= */

.aleria-home-hero__highlights {

    display: grid;

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

    gap: 10px;

    margin-top: 32px;

    max-width: 700px;

}


.aleria-home-hero__highlight {

    display: flex;

    align-items: center;

    gap: 12px;

    min-height: 68px;

    padding: 12px;

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

    border-radius: 10px;

    background: rgba(7,45,91,.48);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

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

}


.aleria-home-hero__highlight:hover {

    transform: translateY(-2px);

    border-color: rgba(110,219,224,.38);

    background: rgba(8,55,104,.62);

}


.aleria-home-hero__highlight-icon {

    display: flex;

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

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 9px;

    background: rgba(0,183,195,.13);

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

    font-size: 17px;

    font-weight: 700;

}


.aleria-home-hero__highlight-content {

    min-width: 0;

}


.aleria-home-hero__highlight strong {

    display: block;

    color: var(--aleria-white);

    font-size: 12px;

    line-height: 1.25;

    font-weight: 700;

}


.aleria-home-hero__highlight small {

    display: block;

    margin-top: 3px;

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

    font-size: 9px;

    line-height: 1.3;

}


/* =========================================================
   BOTONES
   ========================================================= */

.aleria-home-hero__actions {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 32px;

}


.aleria-home-hero__button {

    display: inline-flex;

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

    gap: 18px;

    min-height: 48px;

    padding: 0 22px;

    border-radius: 999px;

    text-decoration: none;

    font-size: 14px;

    line-height: 1;

    font-weight: 700;

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

}


.aleria-home-hero__button span {

    font-size: 18px;

    line-height: 1;

}


.aleria-home-hero__button--primary {

    background: var(--aleria-cyan);

    color: var(--aleria-white);

    box-shadow:
        0 10px 25px rgba(0,183,195,.20);

}


.aleria-home-hero__button--primary:hover {

    transform: translateY(-2px);

    background: #08c4ce;

    color: #fff;

    box-shadow:
        0 14px 30px rgba(0,183,195,.30);

}


.aleria-home-hero__button--secondary {

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

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

    color: var(--aleria-white);

    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

}


.aleria-home-hero__button--secondary:hover {

    transform: translateY(-2px);

    border-color: rgba(110,219,224,.65);

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

    color: #fff;

}


/* =========================================================
   CONFIANZA
   ========================================================= */

.aleria-home-hero__trust {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 24px;

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

    font-size: 10px;

}


.aleria-home-hero__trust strong {

    font-weight: 500;

}


.aleria-home-hero__trust-dot {

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--aleria-cyan);

    box-shadow:
        0 0 0 5px rgba(0,183,195,.12);

}


.aleria-home-hero__trust-separator {

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

}


/* =========================================================
   COLUMNA FORMULARIO
   ========================================================= */

.aleria-home-hero__form-column {

    display: flex;

    justify-content: flex-end;

    width: 100%;

}


/* =========================================================
   TARJETA FORMULARIO
   ========================================================= */

.aleria-home-hero__form-card {

    width: min(100%, 470px);

    padding: 28px;

    border-radius: 22px;

    background: var(--aleria-form-background);

    color: var(--aleria-form-text);

    box-shadow:
        0 28px 70px rgba(0,18,45,.30),
        0 4px 18px rgba(0,18,45,.10);

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

}


/* =========================================================
   CABECERA FORMULARIO
   ========================================================= */

.aleria-home-hero__form-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 22px;

}


.aleria-home-hero__form-icon {

    display: flex;

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

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    color: var(--aleria-navy);

}


.aleria-home-hero__form-icon svg {

    width: 30px;
    height: 30px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;

}


.aleria-home-hero__form-header h2 {

    margin: 0;

    color: var(--aleria-navy);

    font-size: 28px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -.025em;

}


.aleria-home-hero__form-header p {

    margin: 5px 0 0;

    color: #718096;

    font-size: 13px;

    line-height: 1.45;

}


/* =========================================================
   CAMPOS
   ========================================================= */

.aleria-home-hero__form {

    display: flex;

    flex-direction: column;

    gap: 10px;

}


.aleria-home-hero__field {

    position: relative;

}


.aleria-home-hero__field label {

    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;

    clip: rect(0,0,0,0);

    white-space: nowrap;

    border: 0;

}


.aleria-home-hero__field input,
.aleria-home-hero__field select {

    box-sizing: border-box;

    width: 100%;

    height: 49px;

    padding: 0 15px;

    border: 1px solid var(--aleria-form-border);

    border-radius: 12px;

    outline: none;

    background: #f9fafc;

    color: #1d2f49;

    font-family: inherit;

    font-size: 14px;

    line-height: 1;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;

}


.aleria-home-hero__field select {

    cursor: pointer;

    appearance: auto;

}


.aleria-home-hero__field input::placeholder {

    color: #7a808a;

    opacity: 1;

}


.aleria-home-hero__field input:focus,
.aleria-home-hero__field select:focus {

    border-color: var(--aleria-cyan);

    background: #fff;

    box-shadow:
        0 0 0 3px rgba(0,183,195,.10);

}


/* =========================================================
   HORARIO LABORATORIO
   ========================================================= */

.aleria-home-hero__schedule {

    display: flex;

    align-items: center;

    gap: 12px;

    min-height: 52px;

    margin-top: 2px;

    padding: 9px 12px;

    border-radius: 12px;

    background: #f1f8fa;

    border: 1px solid #dceff1;

}


.aleria-home-hero__schedule-icon {

    display: flex;

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

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    border-radius: 9px;

    background: #dff5f6;

    color: var(--aleria-cyan);

    font-size: 13px;

    font-weight: 800;

}


.aleria-home-hero__schedule small {

    display: block;

    color: var(--aleria-cyan);

    font-size: 8px;

    line-height: 1.3;

    font-weight: 800;

    letter-spacing: .08em;

}


.aleria-home-hero__schedule strong {

    display: block;

    margin-top: 3px;

    color: var(--aleria-navy);

    font-size: 11px;

    line-height: 1.3;

    font-weight: 700;

}


/* =========================================================
   BOTÓN WHATSAPP
   ========================================================= */

.aleria-home-hero__form-button {

    display: flex;

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

    gap: 8px;

    width: 100%;

    min-height: 54px;

    margin-top: 2px;

    padding: 0 18px;

    border: 0;

    border-radius: 999px;

    cursor: pointer;

    background: var(--aleria-cyan);

    color: #fff;

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;

    box-shadow:
        0 12px 24px rgba(0,183,195,.20);

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

}


.aleria-home-hero__form-button:hover {

    transform: translateY(-2px);

    background: #08c4ce;

    color: #fff;

    box-shadow:
        0 15px 30px rgba(0,183,195,.28);

}


.aleria-home-hero__form-button:focus-visible {

    outline: 3px solid rgba(0,183,195,.25);

    outline-offset: 3px;

}


.aleria-home-hero__whatsapp-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

}


.aleria-home-hero__whatsapp-icon svg {

    width: 18px;
    height: 18px;

    fill: currentColor;

}


.aleria-home-hero__form-button-arrow {

    margin-left: 4px;

    font-size: 17px;

}


/* =========================================================
   NOTA
   ========================================================= */

.aleria-home-hero__form-note {

    margin: 1px 0 0;

    color: #7a8492;

    font-size: 10px;

    line-height: 1.45;

    text-align: center;

}


/* =========================================================
   SCROLL INDICATOR
   ========================================================= */

.aleria-home-hero__scroll {

    position: absolute;

    left: 50%;
    bottom: 24px;

    z-index: 3;

    display: flex;

    align-items: center;

    gap: 10px;

    transform: translateX(-50%);

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

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .14em;

    white-space: nowrap;

}


.aleria-home-hero__scroll i {

    display: flex;

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

    width: 28px;
    height: 28px;

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

    border-radius: 50%;

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

    font-style: normal;

    font-size: 14px;

}


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

@media (max-width: 1100px) {

    .aleria-home-hero__container {

        width: min(
            calc(100% - 50px),
            1000px
        );

        grid-template-columns:
            minmax(0, 1fr)
            minmax(350px, .8fr);

        gap: 40px;

    }


    .aleria-home-hero__title {

        font-size:
            clamp(48px, 6vw, 68px);

    }


    .aleria-home-hero__form-card {

        padding: 24px;

    }

}


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

@media (max-width: 900px) {

    .aleria-home-hero {

        min-height: auto;

    }


    .aleria-home-hero__container {

        display: grid;

        grid-template-columns: 1fr;

        min-height: auto;

        padding:
            70px 0 90px;

    }


    .aleria-home-hero__content {

        max-width: 760px;

    }


    .aleria-home-hero__form-column {

        justify-content: flex-start;

    }


    .aleria-home-hero__form-card {

        width: min(100%, 520px);

    }


    .aleria-home-hero__background img {

        object-position: 72% center;

    }


    .aleria-home-hero__overlay {

        background:

            linear-gradient(
                180deg,
                rgba(3,26,60,.95) 0%,
                rgba(5,32,72,.88) 48%,
                rgba(6,36,81,.72) 100%
            );

    }

}


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

@media (max-width: 767px) {

    .aleria-home-hero__container {

        width:
            calc(100% - 32px);

        padding:
            48px 0 80px;

        gap: 38px;

    }


    .aleria-home-hero__eyebrow {

        margin-bottom: 17px;

        font-size: 9px;

        letter-spacing: .12em;

    }


    .aleria-home-hero__eyebrow-line {

        width: 28px;

    }


    .aleria-home-hero__title {

        font-size:
            clamp(43px, 12vw, 58px);

        line-height: .98;

        letter-spacing: -.05em;

    }


    .aleria-home-hero__description {

        margin-top: 22px;

        font-size: 15px;

        line-height: 1.6;

    }


    .aleria-home-hero__highlights {

        grid-template-columns: 1fr;

        gap: 8px;

        margin-top: 24px;

    }


    .aleria-home-hero__highlight {

        min-height: 58px;

    }


    .aleria-home-hero__actions {

        flex-direction: column;

        align-items: stretch;

        margin-top: 25px;

    }


    .aleria-home-hero__button {

        width: 100%;

    }


    .aleria-home-hero__trust {

        gap: 7px;

        font-size: 9px;

        line-height: 1.5;

    }


    .aleria-home-hero__form-card {

        padding: 21px;

        border-radius: 18px;

    }


    .aleria-home-hero__form-header h2 {

        font-size: 23px;

    }


    .aleria-home-hero__form-header p {

        font-size: 12px;

    }


    .aleria-home-hero__scroll {

        display: none;

    }


    .aleria-home-hero__background img {

        object-position: 75% center;

    }


    .aleria-home-hero__overlay {

        background:

            linear-gradient(
                180deg,
                rgba(3,26,60,.96) 0%,
                rgba(4,31,67,.90) 35%,
                rgba(5,32,72,.86) 70%,
                rgba(6,36,81,.94) 100%
            );

    }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 420px) {

    .aleria-home-hero__container {

        width:
            calc(100% - 24px);

    }


    .aleria-home-hero__title {

        font-size: 42px;

    }


    .aleria-home-hero__form-card {

        padding: 18px;

    }


    .aleria-home-hero__form-header {

        gap: 9px;

    }


    .aleria-home-hero__form-icon {

        width: 36px;
        height: 36px;

        flex-basis: 36px;

    }


    .aleria-home-hero__form-icon svg {

        width: 26px;
        height: 26px;

    }


    .aleria-home-hero__form-header h2 {

        font-size: 21px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1553ee *//* =========================================================
   ALERIA MEDICAL
   HOME — SERVICIOS PRINCIPALES
   DESIGN SYSTEM v1.0
   ========================================================= */

.aleria-home-services {

  --am-blue: #0A2D6D;
  --am-blue-dark: #061B3E;
  --am-blue-mid: #073E61;

  --am-teal: #00B5B8;
  --am-teal-light: #83DDDD;

  --am-bg: #F4F8FA;
  --am-white: #FFFFFF;

  --am-text: #334155;
  --am-muted: #64748B;

  --am-border: #DCE6EC;

  position: relative;

  width: 100%;

  padding: 105px 0;

  background: var(--am-bg);

  color: var(--am-text);

  overflow: hidden;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

}


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

.aleria-home-services__container {

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

  margin: 0 auto;

}


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

.aleria-home-services__header {

  margin-bottom: 55px;

}


.aleria-home-services__eyebrow {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 18px;

  color: var(--am-teal);

  font-size: 12px;

  line-height: 1;

  font-weight: 700;

  letter-spacing: .12em;

}


.aleria-home-services__eyebrow span {

  width: 34px;

  height: 2px;

  background: var(--am-teal);

  display: block;

}


.aleria-home-services__heading {

  display: grid;

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

  gap: 70px;

  align-items: end;

}


.aleria-home-services__heading h2 {

  margin: 0;

  color: var(--am-blue);

  font-size: clamp(
    38px,
    4vw,
    52px
  );

  line-height: 1.08;

  letter-spacing: -.035em;

  font-weight: 800;

}


.aleria-home-services__heading h2 span {

  color: var(--am-teal);

}


.aleria-home-services__heading p {

  margin: 0;

  max-width: 500px;

  color: var(--am-text);

  font-size: 17px;

  line-height: 1.75;

}


/* =========================================================
   GRID SERVICIOS
   ========================================================= */

.aleria-home-services__grid {

  display: grid;

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

  gap: 18px;

}


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

.aleria-home-service-card {

  position: relative;

  min-height: 390px;

  display: flex;

  flex-direction: column;

  padding: 28px;

  background: var(--am-white);

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

  border-radius: 20px;

  text-decoration: none;

  box-shadow:
    0 12px 35px rgba(6,27,62,.055);

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

}


.aleria-home-service-card:hover {

  transform: translateY(-7px);

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

  box-shadow:
    0 22px 45px rgba(6,27,62,.11);

}


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

.aleria-home-service-card--featured {

  background:
    linear-gradient(
      145deg,
      var(--am-blue-dark),
      var(--am-blue)
    );

  border-color: transparent;

  color: var(--am-white);

}


.aleria-home-service-card--featured
.aleria-home-service-card__category {

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

}


.aleria-home-service-card--featured
.aleria-home-service-card__body h3 {

  color: var(--am-white);

}


.aleria-home-service-card--featured
.aleria-home-service-card__body p {

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

}


.aleria-home-service-card--featured
.aleria-home-service-card__number {

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

}


.aleria-home-service-card--featured
.aleria-home-service-card__link {

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

}


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

.aleria-home-service-card__top {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  margin-bottom: 52px;

}


.aleria-home-service-card__number {

  color: var(--am-muted);

  font-size: 13px;

  font-weight: 700;

  letter-spacing: .08em;

}


.aleria-home-service-card__icon {

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

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

  color: var(--am-teal);

  font-size: 20px;

  font-weight: 700;

}


.aleria-home-service-card--featured
.aleria-home-service-card__icon {

  background: rgba(131,221,221,.12);

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

}


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

.aleria-home-service-card__body {

  flex: 1;

}


.aleria-home-service-card__category {

  display: block;

  margin-bottom: 12px;

  color: var(--am-teal);

  font-size: 11px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: .09em;

}


.aleria-home-service-card__body h3 {

  margin: 0 0 15px;

  color: var(--am-blue);

  font-size: 20px;

  line-height: 1.15;

  font-weight: 700;

  letter-spacing: -.02em;

}


.aleria-home-service-card__body p {

  margin: 0;

  color: var(--am-text);

  font-size: 15px;

  line-height: 1.65;

}


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

.aleria-home-service-card__link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-top: 22px;

  margin-top: 25px;

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

  color: var(--am-blue);

  font-size: 14px;

  font-weight: 700;

}


.aleria-home-service-card__link b {

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

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

  color: var(--am-teal);

  font-size: 16px;

  transition:
    transform .25s ease;

}


.aleria-home-service-card:hover
.aleria-home-service-card__link b {

  transform: translateX(4px);

}


/* =========================================================
   PROCEDIMIENTOS
   ========================================================= */

.aleria-home-services__procedures {

  margin-top: 90px;

  padding-top: 80px;

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

}


.aleria-home-services__procedures-header {

  display: grid;

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

  gap: 70px;

  align-items: end;

  margin-bottom: 38px;

}


.aleria-home-services__mini-label {

  display: block;

  margin-bottom: 14px;

  color: var(--am-teal);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .11em;

}


.aleria-home-services__procedures-header h3 {

  max-width: 650px;

  margin: 0;

  color: var(--am-blue);

  font-size: clamp(
    30px,
    3vw,
    40px
  );

  line-height: 1.12;

  letter-spacing: -.03em;

}


.aleria-home-services__procedures-header h3 span {

  color: var(--am-teal);

}


.aleria-home-services__procedures-header p {

  margin: 0;

  color: var(--am-muted);

  font-size: 16px;

  line-height: 1.7;

}


/* =========================================================
   PROCEDURE GRID
   ========================================================= */

.aleria-home-services__procedures-grid {

  display: grid;

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

  gap: 14px;

}


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

.aleria-procedure {

  display: grid;

  grid-template-columns: auto 1fr auto;

  gap: 17px;

  align-items: center;

  min-height: 145px;

  padding: 22px;

  background: var(--am-white);

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

  border-radius: 17px;

  text-decoration: none;

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

}


.aleria-procedure:hover {

  transform: translateY(-4px);

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

  box-shadow:
    0 14px 30px rgba(6,27,62,.07);

}


.aleria-procedure__icon {

  width: 46px;

  height: 46px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 13px;

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

  color: var(--am-teal);

  font-size: 15px;

  font-weight: 700;

}


.aleria-procedure__content span {

  display: block;

  margin-bottom: 5px;

  color: var(--am-teal);

  font-size: 9px;

  font-weight: 700;

  letter-spacing: .09em;

}


.aleria-procedure__content h4 {

  margin: 0 0 6px;

  color: var(--am-blue);

  font-size: 18px;

  line-height: 1.2;

  font-weight: 700;

}


.aleria-procedure__content p {

  margin: 0;

  color: var(--am-muted);

  font-size: 13px;

  line-height: 1.5;

}


.aleria-procedure > b {

  color: var(--am-teal);

  font-size: 18px;

  transition:
    transform .25s ease;

}


.aleria-procedure:hover > b {

  transform: translateX(4px);

}


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

.aleria-home-services__cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  margin-top: 70px;

  padding: 42px 48px;

  border-radius: 22px;

  background:
    linear-gradient(
      120deg,
      var(--am-blue-dark),
      var(--am-blue-mid)
    );

  overflow: hidden;

}


.aleria-home-services__cta::after {

  content: "";

  position: absolute;

  width: 280px;

  height: 280px;

  right: -120px;

  top: -150px;

  border: 1px solid rgba(131,221,221,.15);

  border-radius: 50%;

  box-shadow:
    0 0 0 50px rgba(131,221,221,.025),
    0 0 0 100px rgba(131,221,221,.018);

}


.aleria-home-services__cta-content {

  position: relative;

  z-index: 1;

  max-width: 700px;

}


.aleria-home-services__cta-content > span {

  display: block;

  margin-bottom: 9px;

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

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .1em;

}


.aleria-home-services__cta-content h3 {

  margin: 0 0 9px;

  color: var(--am-white);

  font-size: 29px;

  line-height: 1.15;

  letter-spacing: -.02em;

}


.aleria-home-services__cta-content h3 span {

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

}


.aleria-home-services__cta-content p {

  margin: 0;

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

  font-size: 15px;

  line-height: 1.6;

}


.aleria-home-services__cta-button {

  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  gap: 14px;

  flex-shrink: 0;

  padding: 15px 21px;

  border-radius: 50px;

  background: var(--am-teal);

  color: var(--am-white);

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

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

}


.aleria-home-services__cta-button span {

  font-size: 18px;

}


.aleria-home-services__cta-button:hover {

  transform: translateY(-2px);

  background: #009fa2;

}


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

@media (max-width: 1024px) {

  .aleria-home-services {

    padding: 85px 0;

  }

  .aleria-home-services__heading {

    grid-template-columns: 1fr;

    gap: 22px;

  }

  .aleria-home-services__grid {

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

  }

  .aleria-home-services__procedures-header {

    grid-template-columns: 1fr;

    gap: 20px;

  }

  .aleria-home-services__procedures-grid {

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

  }

}


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

@media (max-width: 767px) {

  .aleria-home-services {

    padding: 70px 0;

  }


  .aleria-home-services__container {

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

  }


  .aleria-home-services__header {

    margin-bottom: 38px;

  }


  .aleria-home-services__heading h2 {

    font-size: 36px;

  }


  .aleria-home-services__heading p {

    font-size: 16px;

  }


  .aleria-home-services__grid {

    grid-template-columns: 1fr;

    gap: 14px;

  }


  .aleria-home-service-card {

    min-height: auto;

    padding: 24px;

  }


  .aleria-home-service-card__top {

    margin-bottom: 35px;

  }


  .aleria-home-service-card__body h3 {

    font-size: 24px;

  }


  .aleria-home-services__procedures {

    margin-top: 65px;

    padding-top: 60px;

  }


  .aleria-home-services__procedures-header h3 {

    font-size: 30px;

  }


  .aleria-home-services__procedures-grid {

    grid-template-columns: 1fr;

  }


  .aleria-procedure {

    grid-template-columns:
      auto 1fr;

  }


  .aleria-procedure > b {

    display: none;

  }


  .aleria-home-services__cta {

    flex-direction: column;

    align-items: flex-start;

    margin-top: 55px;

    padding: 32px 25px;

  }


  .aleria-home-services__cta-content h3 {

    font-size: 26px;

  }


  .aleria-home-services__cta-button {

    width: 100%;

    justify-content: center;

  }

}


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

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

  .aleria-home-service-card,
  .aleria-procedure,
  .aleria-home-services__cta-button,
  .aleria-procedure > b,
  .aleria-home-service-card__link b {

    transition: none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a594e70 *//* =========================================================
   ALERIA MEDICAL
   HOME — ESTUDIOS Y PROCEDIMIENTOS
   ========================================================= */

.aleria-home-studies {

  --am-blue: #0A2D6D;
  --am-blue-dark: #061B3E;
  --am-blue-mid: #073E61;

  --am-teal: #00B5B8;
  --am-teal-light: #83DDDD;

  --am-bg: #F4F8FA;
  --am-white: #FFFFFF;

  --am-text: #334155;
  --am-muted: #64748B;

  --am-border: #DCE6EC;

  position: relative;

  width: 100%;

  padding: 105px 0;

  background: var(--am-bg);

  color: var(--am-text);

  overflow: hidden;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

}


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

.aleria-home-studies__container {

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

  margin: 0 auto;

}


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

.aleria-home-studies__header {

  margin-bottom: 55px;

}


.aleria-home-studies__eyebrow {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 18px;

  color: var(--am-teal);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .12em;

}


.aleria-home-studies__eyebrow span {

  width: 34px;

  height: 2px;

  display: block;

  background: var(--am-teal);

}


.aleria-home-studies__heading {

  display: grid;

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

  gap: 70px;

  align-items: end;

}


.aleria-home-studies__heading h2 {

  margin: 0;

  color: var(--am-blue);

  font-size: clamp(
    40px,
    4vw,
    54px
  );

  line-height: 1.06;

  letter-spacing: -.035em;

  font-weight: 800;

}


.aleria-home-studies__heading h2 span {

  color: var(--am-teal);

}


.aleria-home-studies__heading p {

  margin: 0;

  color: var(--am-text);

  font-size: 17px;

  line-height: 1.75;

}


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

.aleria-home-studies__intro {

  display: grid;

  grid-template-columns: 1fr 360px;

  gap: 35px;

  padding: 38px;

  margin-bottom: 75px;

  border-radius: 22px;

  background:
    linear-gradient(
      125deg,
      var(--am-blue-dark),
      var(--am-blue)
    );

  box-shadow:
    0 20px 45px rgba(6,27,62,.12);

}


.aleria-home-studies__intro-main {

  display: flex;

  gap: 25px;

  align-items: flex-start;

}


.aleria-home-studies__intro-icon {

  width: 58px;

  height: 58px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 16px;

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

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

  font-size: 23px;

  font-weight: 700;

}


.aleria-home-studies__intro-label {

  display: block;

  margin-bottom: 12px;

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

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .1em;

}


.aleria-home-studies__intro-main h3 {

  max-width: 680px;

  margin: 0 0 15px;

  color: var(--am-white);

  font-size: 30px;

  line-height: 1.18;

  letter-spacing: -.025em;

}


.aleria-home-studies__intro-main h3 span {

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

}


.aleria-home-studies__intro-main p {

  max-width: 700px;

  margin: 0;

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

  font-size: 16px;

  line-height: 1.7;

}


.aleria-home-studies__intro-side {

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 1px;

}


.aleria-home-studies__intro-side > div {

  padding: 17px 0;

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

}


.aleria-home-studies__intro-side > div:last-child {

  border-bottom: 0;

}


.aleria-home-studies__intro-side strong {

  display: block;

  margin-bottom: 5px;

  color: var(--am-white);

  font-size: 15px;

}


.aleria-home-studies__intro-side span {

  display: block;

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

  font-size: 13px;

  line-height: 1.5;

}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.aleria-home-studies__section-heading {

  display: grid;

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

  gap: 70px;

  align-items: end;

  margin-bottom: 32px;

}


.aleria-home-studies__section-heading > div > span {

  display: block;

  margin-bottom: 11px;

  color: var(--am-teal);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .11em;

}


.aleria-home-studies__section-heading h3 {

  margin: 0;

  color: var(--am-blue);

  font-size: 34px;

  line-height: 1.15;

  letter-spacing: -.025em;

}


.aleria-home-studies__section-heading h3 strong {

  color: var(--am-teal);

}


.aleria-home-studies__section-heading p {

  margin: 0;

  color: var(--am-muted);

  font-size: 15px;

  line-height: 1.7;

}


/* =========================================================
   STUDIES GRID
   ========================================================= */

.aleria-home-studies__grid {

  display: grid;

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

  gap: 16px;

}


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

.aleria-study-card {

  display: flex;

  flex-direction: column;

  min-height: 365px;

  padding: 25px;

  background: var(--am-white);

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

  border-radius: 19px;

  box-shadow:
    0 8px 28px rgba(6,27,62,.045);

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

}


.aleria-study-card:hover {

  transform: translateY(-6px);

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

  box-shadow:
    0 20px 40px rgba(6,27,62,.09);

}


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

.aleria-study-card--featured {

  background:
    linear-gradient(
      145deg,
      var(--am-blue-dark),
      var(--am-blue)
    );

  border-color: transparent;

}


.aleria-study-card--featured
.aleria-study-card__number {

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

}


.aleria-study-card--featured
.aleria-study-card__category {

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

}


.aleria-study-card--featured
.aleria-study-card__content h4 {

  color: var(--am-white);

}


.aleria-study-card--featured
.aleria-study-card__content p {

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

}


.aleria-study-card--featured
.aleria-study-card__link {

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

}


.aleria-study-card--featured
.aleria-study-card__icon {

  background:
    rgba(131,221,221,.12);

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

}


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

.aleria-study-card__top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 42px;

}


.aleria-study-card__number {

  color: var(--am-muted);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .1em;

}


.aleria-study-card__icon {

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

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

  color: var(--am-teal);

  font-size: 17px;

  font-weight: 700;

}


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

.aleria-study-card__content {

  flex: 1;

}


.aleria-study-card__category {

  display: block;

  margin-bottom: 11px;

  color: var(--am-teal);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .09em;

  line-height: 1.3;

}


.aleria-study-card__content h4 {

  margin: 0 0 14px;

  color: var(--am-blue);

  font-size: 21px;

  line-height: 1.2;

  letter-spacing: -.02em;

  font-weight: 700;

}


.aleria-study-card__content p {

  margin: 0;

  color: var(--am-text);

  font-size: 14px;

  line-height: 1.65;

}


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

.aleria-study-card__link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 25px;

  padding-top: 18px;

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

  color: var(--am-blue);

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;

}


.aleria-study-card__link span {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 29px;

  height: 29px;

  border-radius: 50%;

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

  color: var(--am-teal);

  font-size: 16px;

  transition:
    transform .25s ease;

}


.aleria-study-card:hover
.aleria-study-card__link span {

  transform:
    translateX(4px);

}


/* =========================================================
   ESTUDIOS COMPLEMENTARIOS
   ========================================================= */

.aleria-study-card--complementary {

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eef7f8
    );

}


/* =========================================================
   QUALITY
   ========================================================= */

.aleria-home-studies__quality {

  display: grid;

  grid-template-columns: auto 1fr auto;

  gap: 25px;

  align-items: center;

  margin-top: 70px;

  padding: 32px;

  background: var(--am-white);

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

  border-radius: 20px;

}


.aleria-home-studies__quality-icon {

  width: 55px;

  height: 55px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 15px;

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

  color: var(--am-teal);

  font-size: 23px;

  font-weight: 700;

}


.aleria-home-studies__quality-content > span {

  display: block;

  margin-bottom: 7px;

  color: var(--am-teal);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .1em;

}


.aleria-home-studies__quality-content h3 {

  margin: 0 0 8px;

  color: var(--am-blue);

  font-size: 23px;

  line-height: 1.2;

}


.aleria-home-studies__quality-content h3 strong {

  color: var(--am-teal);

}


.aleria-home-studies__quality-content p {

  max-width: 720px;

  margin: 0;

  color: var(--am-muted);

  font-size: 14px;

  line-height: 1.65;

}


.aleria-home-studies__quality-points {

  display: flex;

  flex-direction: column;

  gap: 8px;

  min-width: 190px;

}


.aleria-home-studies__quality-points span {

  position: relative;

  padding-left: 17px;

  color: var(--am-text);

  font-size: 13px;

  font-weight: 600;

}


.aleria-home-studies__quality-points span::before {

  content: "✓";

  position: absolute;

  left: 0;

  color: var(--am-teal);

  font-weight: 700;

}


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

.aleria-home-studies__cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 35px;

  margin-top: 55px;

  padding: 38px 45px;

  overflow: hidden;

  border-radius: 22px;

  background:
    linear-gradient(
      120deg,
      var(--am-blue-dark),
      var(--am-blue-mid)
    );

}


.aleria-home-studies__cta::after {

  content: "";

  position: absolute;

  width: 300px;

  height: 300px;

  right: -160px;

  top: -170px;

  border:
    1px solid rgba(131,221,221,.14);

  border-radius: 50%;

  box-shadow:
    0 0 0 45px rgba(131,221,221,.025),
    0 0 0 90px rgba(131,221,221,.018);

}


.aleria-home-studies__cta > div {

  position: relative;

  z-index: 1;

}


.aleria-home-studies__cta > div > span {

  display: block;

  margin-bottom: 8px;

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

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .1em;

}


.aleria-home-studies__cta h3 {

  margin: 0;

  color: var(--am-white);

  font-size: 27px;

  line-height: 1.2;

}


.aleria-home-studies__cta h3 strong {

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

}


.aleria-home-studies__cta > a {

  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  gap: 14px;

  flex-shrink: 0;

  padding: 15px 22px;

  border-radius: 50px;

  background: var(--am-teal);

  color: var(--am-white);

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

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

}


.aleria-home-studies__cta > a:hover {

  transform:
    translateY(-2px);

  background:
    #009fa2;

}


.aleria-home-studies__cta > a span {

  font-size: 18px;

}


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

@media (max-width: 1024px) {

  .aleria-home-studies {

    padding: 85px 0;

  }


  .aleria-home-studies__heading {

    grid-template-columns: 1fr;

    gap: 20px;

  }


  .aleria-home-studies__intro {

    grid-template-columns: 1fr;

  }


  .aleria-home-studies__intro-side {

    display: grid;

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

    gap: 25px;

  }


  .aleria-home-studies__intro-side > div {

    border-bottom: 0;

    padding: 10px 0;

  }


  .aleria-home-studies__section-heading {

    grid-template-columns: 1fr;

    gap: 20px;

  }


  .aleria-home-studies__grid {

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

  }


  .aleria-home-studies__quality {

    grid-template-columns:
      auto 1fr;

  }


  .aleria-home-studies__quality-points {

    grid-column: 2;

    flex-direction: row;

    flex-wrap: wrap;

  }

}


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

@media (max-width: 767px) {

  .aleria-home-studies {

    padding: 70px 0;

  }


  .aleria-home-studies__container {

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

  }


  .aleria-home-studies__heading h2 {

    font-size: 37px;

  }


  .aleria-home-studies__heading p {

    font-size: 16px;

  }


  .aleria-home-studies__intro {

    padding: 27px;

    margin-bottom: 55px;

  }


  .aleria-home-studies__intro-main {

    flex-direction: column;

    gap: 18px;

  }


  .aleria-home-studies__intro-main h3 {

    font-size: 25px;

  }


  .aleria-home-studies__intro-side {

    grid-template-columns: 1fr;

    gap: 0;

    padding-top: 10px;

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

  }


  .aleria-home-studies__section-heading h3 {

    font-size: 29px;

  }


  .aleria-home-studies__grid {

    grid-template-columns: 1fr;

    gap: 13px;

  }


  .aleria-study-card {

    min-height: auto;

    padding: 24px;

  }


  .aleria-study-card__top {

    margin-bottom: 34px;

  }


  .aleria-study-card__content h4 {

    font-size: 21px;

  }


  .aleria-home-studies__quality {

    grid-template-columns: 1fr;

    gap: 20px;

    margin-top: 55px;

    padding: 27px;

  }


  .aleria-home-studies__quality-points {

    grid-column: auto;

    flex-direction: column;

    gap: 10px;

  }


  .aleria-home-studies__cta {

    flex-direction: column;

    align-items: flex-start;

    padding: 30px 25px;

  }


  .aleria-home-studies__cta h3 {

    font-size: 25px;

  }


  .aleria-home-studies__cta > a {

    width: 100%;

    justify-content: center;

  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

  .aleria-study-card,
  .aleria-study-card__link span,
  .aleria-home-studies__cta > a {

    transition: none;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18d012f *//* =========================================================
   ALERIA MEDICAL
   HOME — SECCIÓN 05
   ENFERMEDADES Y CONDICIONES
   DESIGN SYSTEM v1.0
   ========================================================= */


/* =========================================================
   VARIABLES
   ========================================================= */

.aleria-home-conditions {

  --condition-primary: #0A2D6D;
  --condition-deep: #061B3E;
  --condition-blue: #073E61;

  --condition-accent: #00B5B8;
  --condition-accent-light: #83DDDD;

  --condition-bg: #F4F8FA;
  --condition-white: #FFFFFF;

  --condition-text: #334155;
  --condition-muted: #64748B;

  --condition-border: #DCE6EC;

  --condition-shadow:
    0 12px 35px rgba(6,27,62,.08);

  position: relative;

  padding: 110px 0;

  background:
    var(--condition-bg);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  overflow: hidden;

}


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

.aleria-home-conditions__container {

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

  margin: 0 auto;

}


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

.aleria-home-conditions__header {

  margin-bottom: 55px;

}


.aleria-home-conditions__eyebrow {

  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 18px;

  color:
    var(--condition-accent);

  font-size: 12px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: .12em;

}


.aleria-home-conditions__eyebrow-line {

  width: 38px;

  height: 2px;

  flex-shrink: 0;

  background:
    var(--condition-accent);

}


.aleria-home-conditions__heading {

  display: grid;

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

  gap: 70px;

  align-items: end;

}


.aleria-home-conditions__heading h2 {

  max-width: 760px;

  margin: 0;

  color:
    var(--condition-primary);

  font-size: clamp(
    36px,
    4vw,
    50px
  );

  line-height: 1.08;

  font-weight: 700;

  letter-spacing: -.035em;

}


.aleria-home-conditions__heading h2 span {

  display: block;

  color:
    var(--condition-accent);

}


.aleria-home-conditions__heading p {

  max-width: 470px;

  margin: 0;

  color:
    var(--condition-text);

  font-size: 17px;

  line-height: 1.75;

}


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

.aleria-home-conditions__featured {

  display: grid;

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

  gap: 20px;

  margin-bottom: 20px;

}


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

.aleria-condition-feature {

  position: relative;

  min-height: 330px;

  padding: 32px;

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

  border-radius: 22px;

  background:
    var(--condition-white);

  box-shadow:
    var(--condition-shadow);

  overflow: hidden;

  display: flex;

  flex-direction: column;

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

}


.aleria-condition-feature:hover {

  transform:
    translateY(-4px);

  box-shadow:
    0 18px 45px rgba(6,27,62,.12);

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

}


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

.aleria-condition-feature--primary {

  background:
    linear-gradient(
      135deg,
      #061B3E 0%,
      #0A2D6D 100%
    );

  border-color:
    transparent;

}


.aleria-condition-feature--primary
.aleria-condition-feature__category {

  color:
    var(--condition-accent-light);

}


.aleria-condition-feature--primary
.aleria-condition-feature__content h3 {

  color:
    #ffffff;

}


.aleria-condition-feature--primary
.aleria-condition-feature__content p {

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

}


.aleria-condition-feature--primary
.aleria-condition-feature__service {

  border-color:
    rgba(255,255,255,.14);

}


.aleria-condition-feature--primary
.aleria-condition-feature__service span {

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

}


.aleria-condition-feature--primary
.aleria-condition-feature__service strong {

  color:
    #ffffff;

}


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

.aleria-condition-feature__number {

  position: absolute;

  top: 27px;

  right: 30px;

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

  font-size: 54px;

  line-height: 1;

  font-weight: 700;

}


.aleria-condition-feature--primary
.aleria-condition-feature__number {

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

}


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

.aleria-condition-feature__icon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 52px;

  height: 52px;

  margin-bottom: 28px;

  border-radius: 14px;

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

  color:
    var(--condition-accent);

  font-size: 22px;

  font-weight: 700;

}


.aleria-condition-feature--primary
.aleria-condition-feature__icon {

  background:
    rgba(131,221,221,.12);

  color:
    var(--condition-accent-light);

}


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

.aleria-condition-feature__content {

  max-width: 560px;

}


.aleria-condition-feature__category {

  display: block;

  margin-bottom: 9px;

  color:
    var(--condition-accent);

  font-size: 12px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: .08em;

}


.aleria-condition-feature__content h3 {

  margin: 0 0 12px;

  color:
    var(--condition-primary);

  font-size: 30px;

  line-height: 1.15;

  font-weight: 700;

}


.aleria-condition-feature__content p {

  max-width: 500px;

  margin: 0;

  color:
    var(--condition-text);

  font-size: 16px;

  line-height: 1.65;

}


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

.aleria-condition-feature__service {

  display: flex;

  flex-direction: column;

  gap: 5px;

  margin-top: auto;

  padding-top: 22px;

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

}


.aleria-condition-feature__service span {

  color:
    var(--condition-muted);

  font-size: 11px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: .08em;

}


.aleria-condition-feature__service strong {

  color:
    var(--condition-primary);

  font-size: 15px;

  line-height: 1.4;

}


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

.aleria-condition-feature__link {

  position: absolute;

  right: 30px;

  bottom: 30px;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color:
    var(--condition-primary);

  font-size: 14px;

  line-height: 1.4;

  font-weight: 700;

  text-decoration: none;

  transition:
    gap .25s ease,
    color .25s ease;

}


.aleria-condition-feature__link b {

  color:
    var(--condition-accent);

  font-size: 20px;

  line-height: 1;

}


.aleria-condition-feature__link:hover {

  color:
    var(--condition-accent);

  gap: 15px;

}


.aleria-condition-feature--primary
.aleria-condition-feature__link {

  color:
    #ffffff;

}


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

.aleria-home-conditions__grid {

  display: grid;

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

  gap: 18px;

}


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

.aleria-condition-card {

  position: relative;

  min-height: 365px;

  padding: 27px;

  display: flex;

  flex-direction: column;

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

  border-radius: 18px;

  background:
    var(--condition-white);

  box-shadow:
    0 8px 25px rgba(6,27,62,.055);

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

}


.aleria-condition-card:hover {

  transform:
    translateY(-4px);

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

  box-shadow:
    var(--condition-shadow);

}


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

.aleria-condition-card__top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 27px;

}


.aleria-condition-card__top > span {

  color:
    var(--condition-muted);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .08em;

}


.aleria-condition-card__top i {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 44px;

  height: 44px;

  border-radius: 12px;

  background:
    #EAF5F7;

  color:
    var(--condition-accent);

  font-size: 19px;

  font-style: normal;

  font-weight: 700;

}


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

.aleria-condition-card__content > span {

  display: block;

  margin-bottom: 8px;

  color:
    var(--condition-accent);

  font-size: 11px;

  line-height: 1.4;

  font-weight: 700;

  letter-spacing: .07em;

}


.aleria-condition-card__content h3 {

  margin: 0 0 11px;

  color:
    var(--condition-primary);

  font-size: 23px;

  line-height: 1.2;

  font-weight: 700;

}


.aleria-condition-card__content p {

  margin: 0;

  color:
    var(--condition-text);

  font-size: 16px;

  line-height: 1.65;

}


/* =========================================================
   SERVICE
   ========================================================= */

.aleria-condition-card__service {

  margin-top: auto;

  padding-top: 21px;

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

}


.aleria-condition-card__service small {

  display: block;

  margin-bottom: 5px;

  color:
    var(--condition-muted);

  font-size: 11px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: .06em;

}


.aleria-condition-card__service strong {

  color:
    var(--condition-primary);

  font-size: 14px;

  line-height: 1.4;

  font-weight: 700;

}


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

.aleria-condition-card__link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 15px;

  margin-top: 18px;

  padding-top: 15px;

  color:
    var(--condition-primary);

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

  font-size: 14px;

  line-height: 1.4;

  font-weight: 700;

  text-decoration: none;

  transition:
    color .25s ease;

}


.aleria-condition-card__link b {

  color:
    var(--condition-accent);

  font-size: 19px;

  transition:
    transform .25s ease;

}


.aleria-condition-card__link:hover {

  color:
    var(--condition-accent);

}


.aleria-condition-card__link:hover b {

  transform:
    translateX(4px);

}


/* =========================================================
   SPECIAL CARD — SLEEP
   ========================================================= */

.aleria-condition-card--sleep {

  background:
    linear-gradient(
      145deg,
      #F1FAFA,
      #FFFFFF
    );

}


/* =========================================================
   SPECIAL CARD — SYMPTOM
   ========================================================= */

.aleria-condition-card--symptom {

  background:
    linear-gradient(
      145deg,
      #FFFFFF,
      #F4F8FA
    );

}


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

.aleria-home-conditions__footer {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  margin-top: 55px;

  padding:
    35px 40px;

  border-radius: 20px;

  background:
    var(--condition-deep);

  box-shadow:
    0 15px 40px rgba(6,27,62,.12);

}


.aleria-home-conditions__footer-content {

  max-width: 720px;

}


.aleria-home-conditions__footer-content > span {

  display: block;

  margin-bottom: 9px;

  color:
    var(--condition-accent-light);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .1em;

}


.aleria-home-conditions__footer-content h3 {

  margin: 0 0 8px;

  color:
    #ffffff;

  font-size: 25px;

  line-height: 1.25;

  font-weight: 700;

}


.aleria-home-conditions__footer-content p {

  max-width: 650px;

  margin: 0;

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

  font-size: 15px;

  line-height: 1.6;

}


.aleria-home-conditions__button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 52px;

  flex-shrink: 0;

  padding:
    0 24px;

  border-radius: 999px;

  background:
    var(--condition-accent);

  color:
    #ffffff;

  font-size: 15px;

  font-weight: 700;

  text-decoration: none;

  box-shadow:
    0 10px 25px rgba(0,181,184,.22);

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

}


.aleria-home-conditions__button b {

  font-size: 20px;

  line-height: 1;

}


.aleria-home-conditions__button:hover {

  color:
    #ffffff;

  transform:
    translateY(-2px);

  box-shadow:
    0 14px 30px rgba(0,181,184,.3);

}


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

@media (max-width: 980px) {

  .aleria-home-conditions {

    padding:
      85px 0;

  }


  .aleria-home-conditions__heading {

    grid-template-columns:
      1fr;

    gap: 25px;

  }


  .aleria-home-conditions__featured {

    grid-template-columns:
      1fr;

  }


  .aleria-home-conditions__grid {

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

  }


  .aleria-home-conditions__footer {

    align-items: flex-start;

    flex-direction: column;

  }

}


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

@media (max-width: 640px) {

  .aleria-home-conditions {

    padding:
      70px 0;

  }


  .aleria-home-conditions__container {

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

  }


  .aleria-home-conditions__header {

    margin-bottom:
      38px;

  }


  .aleria-home-conditions__eyebrow {

    font-size:
      11px;

  }


  .aleria-home-conditions__heading h2 {

    font-size:
      34px;

    line-height:
      1.1;

  }


  .aleria-home-conditions__heading p {

    font-size:
      16px;

    line-height:
      1.7;

  }


  .aleria-condition-feature {

    min-height:
      390px;

    padding:
      26px;

  }


  .aleria-condition-feature__content h3 {

    font-size:
      27px;

  }


  .aleria-condition-feature__content p {

    font-size:
      16px;

  }


  .aleria-condition-feature__link {

    position:
      static;

    margin-top:
      20px;

  }


  .aleria-condition-feature__service {

    margin-top:
      25px;

  }


  .aleria-home-conditions__grid {

    grid-template-columns:
      1fr;

    gap:
      14px;

  }


  .aleria-condition-card {

    min-height:
      330px;

    padding:
      25px;

  }


  .aleria-condition-card__content h3 {

    font-size:
      22px;

  }


  .aleria-condition-card__content p {

    font-size:
      16px;

  }


  .aleria-home-conditions__footer {

    margin-top:
      38px;

    padding:
      28px 24px;

    border-radius:
      18px;

  }


  .aleria-home-conditions__footer-content h3 {

    font-size:
      22px;

  }


  .aleria-home-conditions__button {

    width:
      100%;

  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-203b9f7 *//* =========================================================
   ALERIA MEDICAL
   OXIGENACIÓN · OXIMETRÍA
   VERSIÓN OPTIMIZADA
   ========================================================= */

.am-oxygen {

    --oxygen-primary: #0A2D6D;
    --oxygen-primary-dark: #061B3E;

    --oxygen-accent: #00B5B8;
    --oxygen-accent-dark: #078F92;
    --oxygen-accent-light: #82DEDE;

    --oxygen-bg: #F5F9FB;
    --oxygen-white: #FFFFFF;

    --oxygen-text: #1F2E44;
    --oxygen-muted: #667781;

    --oxygen-border: #DFE8ED;

    width: 100%;

    padding: 80px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            var(--oxygen-bg) 100%
        );

    font-family:
        Montserrat,
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    overflow: hidden;
}


/* =========================================================
   RESET
   ========================================================= */

.am-oxygen *,
.am-oxygen *::before,
.am-oxygen *::after {
    box-sizing: border-box;
}


.am-oxygen a {
    text-decoration: none;
}


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

.am-oxygen__container {

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

    margin: 0 auto;
}


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

.am-oxygen__hero {

    display: grid;

    grid-template-columns:
        minmax(0, 1.5fr)
        330px;

    gap: 60px;

    align-items: center;

    margin-bottom: 85px;
}


.am-oxygen__eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 18px;

    color:
        var(--oxygen-accent-dark);

    font-size: 11px;

    line-height: 1;

    letter-spacing: .09em;

    font-weight: 800;
}


.am-oxygen__eyebrow::before {

    content: "";

    width: 28px;

    height: 2px;

    background:
        var(--oxygen-accent);

    border-radius: 20px;
}


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

.am-oxygen__hero h2 {

    max-width: 760px;

    margin: 0;

    color:
        var(--oxygen-primary);

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:
        clamp(
            2.5rem,
            4.5vw,
            3.5rem
        );

    line-height: 1.03;

    letter-spacing: -.045em;

    font-weight: 800;
}


.am-oxygen__hero h2 strong {

    display: block;

    color:
        var(--oxygen-accent);

    font-weight: 800;
}


.am-oxygen__hero-text {

    max-width: 650px;

    margin: 20px 0 0;

    color:
        var(--oxygen-muted);

    font-size: 16px;

    line-height: 1.7;

}


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

.am-oxygen__hero-card {

    position: relative;

    min-height: 340px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 27px;

    background:
        linear-gradient(
            145deg,
            var(--oxygen-primary-dark),
            var(--oxygen-primary)
        );

    color: #FFFFFF;

    border-radius: 24px;

    overflow: hidden;

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


.am-oxygen__hero-card::before {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    right: -150px;

    top: -150px;

    border:
        1px solid
        rgba(130,222,222,.14);

    border-radius: 50%;
}


.am-oxygen__hero-card::after {

    content: "";

    position: absolute;

    width: 190px;

    height: 190px;

    left: -100px;

    bottom: -100px;

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

    border-radius: 50%;
}


.am-oxygen__hero-number {

    position: relative;

    z-index: 2;

    color:
        var(--oxygen-accent-light);

    font-size: 11px;

    font-weight: 800;
}


/* =========================================================
   HERO VISUAL CONTENT
   ========================================================= */

.am-oxygen__hero-visual {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 16px;
}


.am-oxygen__oxygen {

    width: 78px;

    height: 78px;

    display: flex;

    align-items: center;

    justify-content: center;

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

    border:
        1px solid
        rgba(130,222,222,.16);

    border-radius: 50%;
}


.am-oxygen__oxygen span {

    color:
        var(--oxygen-accent-light);

    font-family:
        system-ui,
        sans-serif;

    font-size: 27px;

    font-weight: 800;
}


/* =========================================================
   SIGNAL
   ========================================================= */

.am-oxygen__signal {

    display: flex;

    align-items: center;

    gap: 4px;

    height: 48px;
}


.am-oxygen__signal i {

    display: block;

    width: 4px;

    height: 13px;

    background:
        var(--oxygen-accent);

    border-radius: 10px;

    opacity: .45;
}


.am-oxygen__signal i:nth-child(2) {
    height: 24px;
    opacity: .6;
}


.am-oxygen__signal i:nth-child(3) {
    height: 40px;
    opacity: .9;
}


.am-oxygen__signal i:nth-child(4) {
    height: 29px;
    opacity: .7;
}


.am-oxygen__signal i:nth-child(5) {
    height: 18px;
    opacity: .55;
}


.am-oxygen__signal i:nth-child(6) {
    height: 10px;
    opacity: .4;
}


/* =========================================================
   SPO2
   ========================================================= */

.am-oxygen__spo2 {

    display: flex;

    flex-direction: column;

    gap: 5px;
}


.am-oxygen__spo2 strong {

    color: #FFFFFF;

    font-family:
        system-ui,
        sans-serif;

    font-size: 24px;

    line-height: 1;

    font-weight: 800;
}


.am-oxygen__spo2 span {

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

    font-size: 9px;

    letter-spacing: .08em;

    font-weight: 700;
}


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

.am-oxygen__hero-caption {

    position: relative;

    z-index: 2;

    padding-top: 17px;

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


.am-oxygen__hero-caption strong {

    display: block;

    color: #FFFFFF;

    font-family:
        system-ui,
        sans-serif;

    font-size: 20px;

    font-weight: 800;
}


.am-oxygen__hero-caption span {

    display: block;

    max-width: 230px;

    margin-top: 5px;

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

    font-size: 11px;

    line-height: 1.5;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.am-oxygen__heading {

    margin-bottom: 32px;
}


.am-oxygen__label {

    display: block;

    margin-bottom: 11px;

    color:
        var(--oxygen-accent-dark);

    font-size: 10px;

    line-height: 1;

    letter-spacing: .1em;

    font-weight: 800;
}


.am-oxygen__heading h3 {

    max-width: 800px;

    margin: 0;

    color:
        var(--oxygen-primary);

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

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

    line-height: 1.08;

    letter-spacing: -.035em;

    font-weight: 800;
}


.am-oxygen__heading h3 strong {

    color:
        var(--oxygen-accent);
}


/* =========================================================
   ABOUT
   ========================================================= */

.am-oxygen__about {

    margin-bottom: 85px;
}


.am-oxygen__about-grid {

    display: grid;

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

    gap: 55px;

    align-items: start;
}


.am-oxygen__text p {

    margin: 0 0 18px;

    color:
        var(--oxygen-text);

    font-size: 15px;

    line-height: 1.8;
}


.am-oxygen__text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   INFO ITEMS
   ========================================================= */

.am-oxygen__info {

    display: flex;

    flex-direction: column;

    gap: 9px;
}


.am-oxygen__info-item {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 15px;

    background:
        #FFFFFF;

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

    border-radius: 13px;
}


.am-oxygen__info-icon {

    width: 44px;

    height: 44px;

    min-width: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--oxygen-accent-dark);

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

    border-radius: 10px;

    font-size: 15px;
}


.am-oxygen__info-item strong {

    display: block;

    color:
        var(--oxygen-primary);

    font-size: 13px;

    font-weight: 800;
}


.am-oxygen__info-item span {

    display: block;

    margin-top: 3px;

    color:
        var(--oxygen-muted);

    font-size: 12px;

    line-height: 1.45;
}


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

.am-oxygen__indications {

    margin-bottom: 85px;
}


.am-oxygen__cards {

    display: grid;

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

    gap: 12px;
}


.am-oxygen__card {

    position: relative;

    min-height: 175px;

    padding: 20px;

    background:
        #FFFFFF;

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

    border-radius: 15px;

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


.am-oxygen__card:hover {

    transform:
        translateY(-3px);

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

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


.am-oxygen__card > span {

    display: block;

    margin-bottom: 13px;

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

    font-size: 10px;

    font-weight: 800;
}


.am-oxygen__card-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 13px;

    color:
        var(--oxygen-accent-dark);

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

    border-radius: 10px;

    font-size: 14px;
}


.am-oxygen__card h4 {

    max-width: 300px;

    margin: 0;

    color:
        var(--oxygen-primary);

    font-size: 14px;

    line-height: 1.45;

    font-weight: 700;
}


/* =========================================================
   PROCEDURE
   ========================================================= */

.am-oxygen__procedure {

    margin-bottom: 85px;

    padding: 45px;

    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--oxygen-primary-dark),
            var(--oxygen-primary)
        );

    border-radius: 21px;
}


.am-oxygen__procedure-header {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    margin-bottom: 18px;
}


.am-oxygen__procedure
.am-oxygen__label {

    color:
        var(--oxygen-accent-light);
}


.am-oxygen__procedure h3 {

    margin: 0;

    color: #FFFFFF;

    font-family:
        system-ui,
        sans-serif;

    font-size: 2.5rem;

    line-height: 1;

    letter-spacing: -.035em;

    font-weight: 800;
}


.am-oxygen__procedure-number {

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

    font-size: 40px;

    line-height: 1;

    font-weight: 800;
}


.am-oxygen__procedure-intro {

    max-width: 780px;

    margin: 0 0 30px;

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

    font-size: 14px;

    line-height: 1.75;
}


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

.am-oxygen__steps {

    display: grid;

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

    gap: 10px;
}


.am-oxygen__step {

    min-height: 190px;

    padding: 19px;

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

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

    border-radius: 13px;
}


.am-oxygen__step-icon {

    width: 39px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 12px;

    color:
        var(--oxygen-accent-light);

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

    border-radius: 9px;

    font-size: 13px;
}


.am-oxygen__step > span {

    display: block;

    margin-bottom: 6px;

    color:
        var(--oxygen-accent-light);

    font-size: 9px;

    font-weight: 800;
}


.am-oxygen__step h4 {

    margin: 0;

    color: #FFFFFF;

    font-size: 15px;

    line-height: 1.2;

    font-weight: 800;
}


.am-oxygen__step p {

    margin: 8px 0 0;

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

    font-size: 12px;

    line-height: 1.6;
}


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

.am-oxygen__features {

    display: grid;

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

    gap: 8px;

    margin-top: 10px;
}


.am-oxygen__features > div {

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 12px;

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

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

    border-radius: 9px;
}


.am-oxygen__features i {

    color:
        var(--oxygen-accent-light);

    font-size: 13px;
}


.am-oxygen__features strong {

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

    font-size: 11px;

    font-weight: 700;
}


/* =========================================================
   SAFETY
   ========================================================= */

.am-oxygen__safety {

    display: grid;

    grid-template-columns:
        70px
        1fr;

    gap: 24px;

    align-items: center;

    margin-bottom: 25px;

    padding: 30px 35px;

    background:
        #FFFFFF;

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

    border-radius: 18px;
}


.am-oxygen__safety-icon {

    width: 64px;

    height: 64px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--oxygen-accent-dark);

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

    border-radius: 50%;

    font-size: 22px;
}


.am-oxygen__safety h3 {

    margin: 0;

    color:
        var(--oxygen-primary);

    font-family:
        system-ui,
        sans-serif;

    font-size:
        clamp(
            1.8rem,
            3vw,
            2.4rem
        );

    line-height: 1.08;

    letter-spacing: -.035em;

    font-weight: 800;
}


.am-oxygen__safety h3 strong {

    color:
        var(--oxygen-accent);
}


.am-oxygen__safety p {

    max-width: 800px;

    margin: 9px 0 0;

    color:
        var(--oxygen-muted);

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   QUALITY
   ========================================================= */

.am-oxygen__quality {

    display: grid;

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

    gap: 45px;

    margin-bottom: 25px;

    padding: 45px;

    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--oxygen-primary-dark),
            var(--oxygen-primary)
        );

    border-radius: 21px;
}


.am-oxygen__quality
.am-oxygen__label {

    color:
        var(--oxygen-accent-light);
}


.am-oxygen__quality h3 {

    max-width: 700px;

    margin: 0;

    color: #FFFFFF;

    font-family:
        system-ui,
        sans-serif;

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

    line-height: 1.05;

    letter-spacing: -.04em;

    font-weight: 800;
}


.am-oxygen__quality h3 strong {

    color:
        var(--oxygen-accent-light);
}


.am-oxygen__quality-content p {

    max-width: 680px;

    margin: 15px 0 0;

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

    font-size: 14px;

    line-height: 1.75;
}


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

.am-oxygen__quality-visual {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    min-height: 250px;

    padding: 25px;

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

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

    border-radius: 16px;
}


.am-oxygen__quality-circle {

    width: 105px;

    height: 105px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin-bottom: 17px;

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

    border:
        1px solid
        rgba(130,222,222,.15);

    border-radius: 50%;
}


.am-oxygen__quality-circle strong {

    color:
        var(--oxygen-accent-light);

    font-family:
        system-ui,
        sans-serif;

    font-size: 29px;

    line-height: 1;

    font-weight: 800;
}


.am-oxygen__quality-circle span {

    margin-top: 4px;

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

    font-size: 9px;

    font-weight: 700;
}


.am-oxygen__quality-visual small {

    color:
        var(--oxygen-accent-light);

    font-size: 9px;

    letter-spacing: .1em;

    font-weight: 800;

    text-align: center;
}


.am-oxygen__quality-visual > strong {

    margin-top: 7px;

    color: #FFFFFF;

    font-family:
        system-ui,
        sans-serif;

    font-size: 17px;

    font-weight: 800;
}


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

.am-oxygen__cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 27px 30px;

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

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

    border-radius: 16px;
}


.am-oxygen__cta > div > span {

    display: block;

    margin-bottom: 6px;

    color:
        var(--oxygen-accent-dark);

    font-size: 9px;

    letter-spacing: .1em;

    font-weight: 800;
}


.am-oxygen__cta h3 {

    margin: 0;

    color:
        var(--oxygen-primary);

    font-family:
        system-ui,
        sans-serif;

    font-size: 26px;

    line-height: 1.1;

    letter-spacing: -.025em;

    font-weight: 800;
}


.am-oxygen__cta h3 strong {

    color:
        var(--oxygen-accent);
}


.am-oxygen__cta p {

    margin: 7px 0 0;

    color:
        var(--oxygen-muted);

    font-size: 13px;
}


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

.am-oxygen__cta-button {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    flex-shrink: 0;

    padding: 9px 13px 9px 11px;

    color: #FFFFFF;

    background:
        var(--oxygen-primary);

    border-radius: 10px;

    font-size: 12px;

    font-weight: 800;

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

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


.am-oxygen__cta-button:hover {

    transform:
        translateY(-2px);

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


.am-oxygen__cta-button i {

    width: 31px;

    height: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #FFFFFF;

    background:
        var(--oxygen-accent);

    border-radius: 7px;

    font-size: 15px;
}


.am-oxygen__cta-button b {

    color:
        var(--oxygen-accent-light);

    font-size: 15px;

    font-weight: 400;
}


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

@media (max-width: 950px) {

    .am-oxygen__hero {

        grid-template-columns: 1fr;

        gap: 35px;
    }


    .am-oxygen__hero-card {

        max-width: 500px;
    }


    .am-oxygen__about-grid {

        grid-template-columns: 1fr;

        gap: 30px;
    }


    .am-oxygen__cards {

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


    .am-oxygen__steps {

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


    .am-oxygen__features {

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


    .am-oxygen__quality {

        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 600px) {

    .am-oxygen {

        padding: 60px 0;
    }


    .am-oxygen__container {

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


    .am-oxygen__hero {

        margin-bottom: 65px;
    }


    .am-oxygen__hero h2 {

        font-size: 2.35rem;

        line-height: 1.03;
    }


    .am-oxygen__hero-text {

        font-size: 15px;
    }


    .am-oxygen__hero-card {

        min-height: 300px;

        border-radius: 20px;
    }


    /* HEADINGS */

    .am-oxygen__heading h3 {

        font-size: 2rem;

        line-height: 1.08;
    }


    /* ABOUT */

    .am-oxygen__about {

        margin-bottom: 65px;
    }


    .am-oxygen__text p {

        font-size: 14px;

        line-height: 1.75;
    }


    /* CARDS */

    .am-oxygen__indications {

        margin-bottom: 65px;
    }


    .am-oxygen__cards {

        grid-template-columns: 1fr;
    }


    .am-oxygen__card {

        min-height: 150px;
    }


    .am-oxygen__card h4 {

        font-size: 14px;
    }


    /* PROCEDURE */

    .am-oxygen__procedure {

        padding: 26px;

        border-radius: 18px;

        margin-bottom: 65px;
    }


    .am-oxygen__procedure h3 {

        font-size: 2rem;
    }


    .am-oxygen__procedure-number {

        font-size: 28px;
    }


    .am-oxygen__steps {

        grid-template-columns: 1fr;
    }


    .am-oxygen__step {

        min-height: 155px;
    }


    .am-oxygen__features {

        grid-template-columns: 1fr;
    }


    /* SAFETY */

    .am-oxygen__safety {

        grid-template-columns: 1fr;

        gap: 16px;

        padding: 25px;

        border-radius: 17px;
    }


    .am-oxygen__safety h3 {

        font-size: 2rem;
    }


    /* QUALITY */

    .am-oxygen__quality {

        padding: 27px;

        border-radius: 18px;
    }


    .am-oxygen__quality h3 {

        font-size: 2rem;
    }


    /* CTA */

    .am-oxygen__cta {

        flex-direction: column;

        align-items: flex-start;

        padding: 24px;

        border-radius: 16px;
    }


    .am-oxygen__cta h3 {

        font-size: 22px;
    }


    .am-oxygen__cta-button {

        width: 100%;

        justify-content: center;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.am-oxygen__cta-button:focus-visible {

    outline:
        3px solid
        rgba(0,181,184,.35);

    outline-offset: 4px;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .am-oxygen *,
    .am-oxygen *::before,
    .am-oxygen *::after {

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-277d110 *//* =========================================================
   ALERIA MEDICAL
   CONTENIDO + POSTS + REDES + CTA
   ========================================================= */

.am-content {

    --am-primary: #0A2D6D;
    --am-primary-dark: #061B3E;

    --am-accent: #00B5B8;
    --am-accent-dark: #078F92;
    --am-accent-light: #82DEDE;

    --am-bg: #F5F9FB;
    --am-white: #FFFFFF;

    --am-text: #1F2E44;
    --am-muted: #667781;

    --am-border: #DFE8ED;

    width: 100%;

    padding: 80px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F5F9FB 100%
        );

    font-family:
        Montserrat,
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    overflow: hidden;
}


/* =========================================================
   RESET
   ========================================================= */

.am-content *,
.am-content *::before,
.am-content *::after {
    box-sizing: border-box;
}


.am-content a {
    text-decoration: none;
}


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

.am-content__container {

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

    margin: 0 auto;
}


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

.am-content__header {

    margin-bottom: 42px;
}


.am-content__eyebrow {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color:
        var(--am-accent-dark);

    font-size: 11px;

    line-height: 1;

    letter-spacing: .1em;

    font-weight: 800;
}


.am-content__eyebrow span {

    width: 30px;

    height: 2px;

    background:
        var(--am-accent);

    border-radius: 10px;
}


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

.am-content__header-grid {

    display: grid;

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

    gap: 60px;

    align-items: end;
}


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

.am-content__header h2 {

    max-width: 690px;

    margin: 0;

    color:
        var(--am-primary);

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size:
        clamp(
            2.5rem,
            4.2vw,
            3.4rem
        );

    line-height: 1.03;

    letter-spacing: -.045em;

    font-weight: 800;
}


.am-content__header h2 strong {

    display: block;

    color:
        var(--am-accent);

    font-weight: 800;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.am-content__header-grid
> div:last-child p {

    max-width: 480px;

    margin: 0 0 17px;

    color:
        var(--am-muted);

    font-size: 15px;

    line-height: 1.75;
}


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

.am-content__blog-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color:
        var(--am-primary);

    font-size: 12px;

    font-weight: 800;
}


.am-content__blog-link span {

    color:
        var(--am-accent);

    font-size: 19px;

    transition:
        transform .2s ease;
}


.am-content__blog-link:hover {

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


.am-content__blog-link:hover span {

    transform:
        translateX(4px);
}


/* =========================================================
   CAROUSEL WRAPPER
   ========================================================= */

.am-content__carousel-wrapper {

    position: relative;

    width: 100%;
}


/* =========================================================
   CAROUSEL
   ========================================================= */

.am-content__carousel {

    display: flex;

    gap: 16px;

    width: 100%;

    overflow-x: auto;

    padding:
        5px 3px 20px;

    scroll-behavior: smooth;

    scroll-snap-type:
        x mandatory;

    scrollbar-width: none;
}


.am-content__carousel::-webkit-scrollbar {
    display: none;
}


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

.am-post-card {

    flex:
        0 0
        calc(
            33.333% - 11px
        );

    min-width: 300px;

    overflow: hidden;

    scroll-snap-align: start;

    background:
        var(--am-white);

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

    border-radius: 18px;

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

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


.am-post-card:hover {

    transform:
        translateY(-5px);

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

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


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

.am-post-card__image {

    position: relative;

    display: block;

    height: 205px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #0A2D6D,
            #087F83
        );
}


.am-post-card__image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;
}


.am-post-card:hover
.am-post-card__image img {

    transform:
        scale(1.045);
}


.am-post-card__image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(6,27,62,.55)
        );

    pointer-events: none;
}


/* =========================================================
   VISUAL CARDS WITHOUT IMAGE
   ========================================================= */

.am-post-card__image--lungs {

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(0,181,184,.18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #061B3E,
            #0A2D6D
        );
}


.am-post-card__image--wellness {

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(130,222,222,.16),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #0A2D6D,
            #087F83
        );
}


.am-post-card__image--education {

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(0,181,184,.17),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #061B3E,
            #0A2D6D
        );
}


.am-post-visual {

    position: absolute;

    inset: 0;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;
}


.am-post-visual i {

    width: 82px;

    height: 82px;

    display: flex;

    align-items: center;

    justify-content: center;

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

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

    border:
        1px solid
        rgba(130,222,222,.16);

    border-radius: 50%;

    font-size: 31px;
}


/* =========================================================
   CATEGORY
   ========================================================= */

.am-post-card__category {

    position: absolute;

    z-index: 3;

    left: 16px;

    bottom: 15px;

    padding:
        7px 10px;

    color: #FFFFFF;

    background:
        rgba(6,27,62,.72);

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

    border-radius: 999px;

    backdrop-filter:
        blur(8px);

    font-size: 10px;

    line-height: 1;

    letter-spacing: .07em;

    font-weight: 800;
}


/* =========================================================
   BODY
   ========================================================= */

.am-post-card__body {

    display: flex;

    flex-direction: column;

    min-height: 295px;

    padding: 23px;
}


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

.am-post-card__meta {

    display: flex;

    align-items: center;

    gap: 7px;

    color:
        #82909A;

    font-size: 11px;

    font-weight: 600;
}


.am-post-card__meta i {

    color:
        var(--am-accent);

    font-style: normal;
}


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

.am-post-card h3 {

    min-height: 58px;

    margin:
        12px 0 10px;

    color:
        var(--am-primary);

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 20px;

    line-height: 1.22;

    letter-spacing: -.025em;

    font-weight: 800;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.am-post-card p {

    min-height: 70px;

    margin: 0;

    color:
        var(--am-muted);

    font-size: 14px;

    line-height: 1.65;
}


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

.am-post-card__link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: auto;

    padding-top: 15px;

    color:
        var(--am-primary);

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

    font-size: 12px;

    font-weight: 800;
}


.am-post-card__link span {

    color:
        var(--am-accent);

    font-size: 19px;

    transition:
        transform .2s ease;
}


.am-post-card__link:hover {

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


.am-post-card__link:hover span {

    transform:
        translateX(4px);
}


/* =========================================================
   ARROWS
   ========================================================= */

.am-content__arrow {

    position: absolute;

    top: 44%;

    z-index: 10;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    color:
        var(--am-primary);

    background:
        #FFFFFF;

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

    border-radius: 50%;

    box-shadow:
        0 8px 24px
        rgba(10,45,109,.13);

    cursor: pointer;

    font-size: 18px;

    transition:
        .2s ease;
}


.am-content__arrow:hover {

    color: #FFFFFF;

    background:
        var(--am-accent);

    border-color:
        var(--am-accent);

    transform:
        scale(1.05);
}


.am-content__arrow--prev {
    left: -22px;
}


.am-content__arrow--next {
    right: -22px;
}


/* =========================================================
   SOCIAL
   ========================================================= */

.am-content__social {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top: 12px;

    padding:
        20px 22px;

    background:
        #FFFFFF;

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

    border-radius: 15px;
}


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

.am-content__social-intro {

    display: flex;

    align-items: center;

    gap: 13px;
}


.am-content__social-icon {

    width: 44px;

    height: 44px;

    min-width: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--am-accent);

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

    border-radius: 11px;

    font-size: 14px;
}


.am-content__social-intro > div:last-child {

    display: flex;

    flex-direction: column;

    gap: 4px;
}


.am-content__social-intro span {

    color:
        var(--am-accent-dark);

    font-size: 10px;

    letter-spacing: .08em;

    font-weight: 800;
}


.am-content__social-intro strong {

    color:
        var(--am-primary);

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   SOCIAL LINKS
   ========================================================= */

.am-content__social-links {

    display: flex;

    align-items: center;

    gap: 9px;
}


.am-content__social-links a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        10px 14px;

    color:
        var(--am-primary);

    background:
        #FFFFFF;

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

    border-radius: 999px;

    font-size: 11px;

    font-weight: 800;

    transition:
        .2s ease;
}


.am-content__social-links a i {

    color:
        var(--am-accent);

    font-size: 15px;
}


.am-content__social-links a b {

    color:
        var(--am-accent);

    font-size: 13px;
}


.am-content__social-links a:hover {

    color:
        var(--am-accent);

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

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

    transform:
        translateY(-2px);
}


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

.am-content__cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top: 12px;

    padding:
        24px 27px;

    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #061B3E,
            #0A2D6D
        );

    border-radius: 15px;

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


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

.am-content__cta-content {

    display: flex;

    flex-direction: column;

    gap: 5px;
}


.am-content__cta-content span {

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

    font-size: 9px;

    line-height: 1;

    letter-spacing: .09em;

    font-weight: 800;
}


.am-content__cta-content strong {

    color: #FFFFFF;

    font-family:
        system-ui,
        sans-serif;

    font-size: 18px;

    line-height: 1.2;

    font-weight: 800;
}


.am-content__cta-content p {

    margin: 0;

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

    font-size: 12px;

    line-height: 1.4;
}


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

.am-content__cta-button {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    flex-shrink: 0;

    padding:
        10px 11px 10px 17px;

    color: #FFFFFF;

    background:
        var(--am-accent);

    border-radius: 999px;

    font-size: 12px;

    font-weight: 800;

    transition:
        .2s ease;
}


.am-content__cta-button b {

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--am-primary);

    background:
        #FFFFFF;

    border-radius: 50%;

    font-size: 15px;

    font-weight: 400;
}


.am-content__cta-button:hover {

    color: #FFFFFF;

    background:
        #08C8C9;

    transform:
        translateY(-2px);
}


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

@media (max-width: 900px) {

    .am-content__header-grid {

        grid-template-columns: 1fr;

        gap: 20px;
    }


    .am-post-card {

        flex-basis:
            calc(50% - 8px);
    }


    .am-content__social {

        flex-direction: column;

        align-items: flex-start;
    }

}


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

@media (max-width: 600px) {

    .am-content {

        padding: 60px 0;
    }


    .am-content__container {

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


    .am-content__header {

        margin-bottom: 30px;
    }


    .am-content__header h2 {

        font-size: 2.25rem;

        line-height: 1.05;
    }


    .am-content__header-grid
    > div:last-child p {

        font-size: 14px;

        line-height: 1.7;
    }


    .am-post-card {

        flex-basis: 87%;

        min-width: 0;
    }


    .am-post-card__image {

        height: 190px;
    }


    .am-post-card__body {

        min-height: 280px;

        padding: 20px;
    }


    .am-post-card h3 {

        font-size: 19px;
    }


    .am-post-card p {

        font-size: 13px;
    }


    .am-content__arrow {

        display: none;
    }


    .am-content__social {

        padding: 17px;

        gap: 17px;
    }


    .am-content__social-links {

        width: 100%;

        display: grid;

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

        gap: 7px;
    }


    .am-content__social-links a {

        justify-content: center;

        padding:
            9px 6px;

        font-size: 10px;
    }


    .am-content__social-links a b {

        display: none;
    }


    .am-content__cta {

        flex-direction: column;

        align-items: flex-start;

        padding: 21px;
    }


    .am-content__cta-button {

        width: 100%;

        justify-content: space-between;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.am-content a:focus-visible,
.am-content button:focus-visible {

    outline:
        3px solid
        rgba(0,181,184,.4);

    outline-offset: 3px;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .am-content *,
    .am-content *::before,
    .am-content *::after {

        scroll-behavior: auto !important;

        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */