.elementor-2471 .elementor-element.elementor-element-b143ed2{--display:flex;}.elementor-2471 .elementor-element.elementor-element-0e8824c{--display:flex;}.elementor-2471 .elementor-element.elementor-element-4709d92{--display:flex;}.elementor-2471 .elementor-element.elementor-element-f8d757a{--display:flex;}.elementor-2471 .elementor-element.elementor-element-ec08299{--display:flex;}.elementor-2471 .elementor-element.elementor-element-31db932{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2471 .elementor-element.elementor-element-b143ed2{--width:100%;}.elementor-2471 .elementor-element.elementor-element-0e8824c{--width:100%;}.elementor-2471 .elementor-element.elementor-element-4709d92{--width:100%;}.elementor-2471 .elementor-element.elementor-element-f8d757a{--width:100%;}.elementor-2471 .elementor-element.elementor-element-ec08299{--width:100%;}.elementor-2471 .elementor-element.elementor-element-31db932{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-b143ed2 *//* =========================================
   HOLÍSTICO — SECCIÓN 01 HERO
========================================= */

.holistico-hero {
    position: relative;

    width: 100%;
    min-height: 88vh;

    display: grid;
    grid-template-columns: 44% 56%;
    align-items: stretch;

    background: #f4f0ea;

    overflow: hidden;
}


/* =========================================
   GHOST
========================================= */

.holistico-hero__ghost {
    position: absolute;

    left: -22px;
    bottom: -18px;

    font-size: clamp(135px, 15vw, 280px);
    font-weight: 500;
    line-height: .82;
    letter-spacing: -.06em;

    color: rgba(23, 23, 23, .03);

    white-space: nowrap;

    pointer-events: none;
    user-select: none;

    z-index: 0;
}


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

.holistico-hero__content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    padding: 110px 8% 90px;

    box-sizing: border-box;
}


/* EYEBROW */

.holistico-hero__eyebrow {
    margin-bottom: 34px;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .18em;

    color: #877b75;
}


/* TÍTULO */

.holistico-hero h1 {
    margin: 0;

    max-width: 100%;

    font-size: clamp(62px, 6.7vw, 118px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.055em;

    color: #171717;
}


/* TEXTO */

.holistico-hero p {
    max-width: 520px;

    margin: 38px 0 0;

    font-size: 18px;
    line-height: 1.75;

    color: #655f59;
}


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

.holistico-hero__cta {
    margin-top: 42px;

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

    gap: 24px;

    padding: 14px 16px 14px 24px;

    border: 1px solid rgba(23, 23, 23, .18);
    border-radius: 999px;

    color: #171717 !important;
    text-decoration: none !important;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;

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


.holistico-hero__cta:hover {
    background: #171717;
    color: #fff !important;

    transform: translateY(-2px);
}


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

.holistico-hero__cta-icon {
    position: relative;

    width: 30px;
    height: 30px;

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

    border-radius: 50%;

    background: #25D366;

    flex-shrink: 0;

    transition: transform .25s ease;
}


.holistico-hero__cta-icon::before {
    content: "";

    width: 7px;
    height: 7px;

    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;

    transform: translate(-1px, 1px);
}


.holistico-hero__cta-icon::after {
    content: "";

    position: absolute;

    width: 9px;
    height: 1.5px;

    background: #fff;

    transform: rotate(-45deg);
}


.holistico-hero__cta:hover
.holistico-hero__cta-icon {
    transform: translate(2px, -2px);
}


/* =========================================
   MEDIA
========================================= */

.holistico-hero__media {
    position: relative;

    min-height: 88vh;

    overflow: hidden;

    background: #d8d2cc;
}


/* =========================================
   IMAGEN
========================================= */

.holistico-hero__image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /*
       Enfoque pensado para conservar:
       rostro + manos + cuencos
    */
    object-position: center 44%;

    filter: brightness(.94);

    will-change: transform;

    transition:
        filter .45s ease,
        transform .6s ease;
}


.holistico-hero__media:hover
.holistico-hero__image {
    filter: brightness(1);

    transform: scale(1.015);
}


/* =========================================
   NÚMERO
========================================= */

.holistico-hero__number {
    position: absolute;

    right: 30px;
    bottom: 28px;

    width: 48px;
    height: 48px;

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

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

    color: #fff;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: .1em;

    backdrop-filter: blur(5px);

    z-index: 2;
}


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

@media (min-width: 768px) and (max-width: 1024px) {

    .holistico-hero {
        grid-template-columns: 46% 54%;

        min-height: 78vh;
    }


    .holistico-hero__content {
        padding: 100px 7% 70px;
    }


    .holistico-hero__eyebrow {
        margin-bottom: 28px;

        font-size: 9px;
    }


    .holistico-hero h1 {
        font-size: clamp(54px, 7.5vw, 82px);
    }


    .holistico-hero p {
        max-width: 430px;

        margin-top: 30px;

        font-size: 16px;
        line-height: 1.7;
    }


    .holistico-hero__cta {
        margin-top: 34px;
    }


    .holistico-hero__media {
        min-height: 78vh;
    }


    .holistico-hero__image {
        object-position: center 42%;
    }


    .holistico-hero__ghost {
        bottom: -10px;

        font-size: 150px;
    }


    .holistico-hero__number {
        right: 24px;
        bottom: 24px;

        width: 44px;
        height: 44px;
    }

}


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

@media (max-width: 767px) {

    .holistico-hero {
        display: flex;
        flex-direction: column;

        width: 100%;

        min-height: 0;
        height: auto;
    }


    /* CONTENIDO */

    .holistico-hero__content {
        width: 100%;

        padding: 86px 24px 46px;

        justify-content: flex-start;

        box-sizing: border-box;
    }


    .holistico-hero__eyebrow {
        margin-bottom: 24px;

        font-size: 9px;
    }


    .holistico-hero h1 {
        width: 100%;

        font-size: clamp(48px, 14vw, 72px);
        line-height: .94;

        white-space: normal;
    }


    .holistico-hero p {
        width: 100%;
        max-width: 420px;

        margin-top: 26px;

        font-size: 16px;
        line-height: 1.65;
    }


    .holistico-hero__cta {
        margin-top: 32px;

        gap: 18px;

        padding:
            13px 14px
            13px 22px;
    }


    /* MEDIA */

    .holistico-hero__media {
        width: 100%;

        min-height: 0;
        height: 470px;

        margin: 0;

        overflow: hidden;
    }


    .holistico-hero__image {
        position: absolute;

        inset: 0;

        width: 100%;
        height: 100%;

        object-fit: cover;

        object-position: center 38%;
    }


    .holistico-hero__media:hover
    .holistico-hero__image {
        transform: none;
    }


    /* NÚMERO */

    .holistico-hero__number {
        right: 18px;
        bottom: 18px;

        width: 42px;
        height: 42px;
    }


    /* GHOST */

    .holistico-hero__ghost {
        left: -8px;
        bottom: -3px;

        font-size: 86px;

        color: rgba(23, 23, 23, .035);
    }

}


/* =========================================
   MOBILE PEQUEÑO
========================================= */

@media (max-width: 420px) {

    .holistico-hero__content {
        padding:
            78px 20px
            42px;
    }


    .holistico-hero h1 {
        font-size: clamp(44px, 13.5vw, 62px);
    }


    .holistico-hero p {
        font-size: 15px;
    }


    .holistico-hero__media {
        height: 420px;
    }


    .holistico-hero__image {
        object-position: center 36%;
    }


    .holistico-hero__ghost {
        font-size: 74px;
    }

}



/* =========================================
   HOLÍSTICO HERO — AJUSTE FINAL DE TEXTO
========================================= */

.holistico-hero p {
    max-width: 570px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e8824c *//* =========================================
   HOLÍSTICO — SECCIÓN 02
   ESENCIA / PRESENCIA
========================================= */

.holistico-presence {
    position: relative;

    width: 100%;

    padding: 138px 6vw 122px;

    background: #171717;

    color: #f4f0ea;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================
   GHOST
========================================= */

.holistico-presence__ghost {
    position: absolute;

    left: -28px;
    bottom: -34px;

    font-size: clamp(135px, 15vw, 290px);
    font-weight: 500;
    line-height: .82;
    letter-spacing: -.065em;

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

    white-space: nowrap;

    pointer-events: none;
    user-select: none;

    z-index: 0;
}


/* =========================================
   INNER
========================================= */

.holistico-presence__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1500px;

    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(420px, .9fr);

    gap: 9vw;

    align-items: center;
}


/* =========================================
   COLUMNA IZQUIERDA
========================================= */

.holistico-presence__intro {
    max-width: 850px;
}


/* META */

.holistico-presence__meta {
    display: flex;
    align-items: center;

    gap: 22px;

    margin-bottom: 54px;
}


.holistico-presence__number,
.holistico-presence__eyebrow {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .18em;
}


.holistico-presence__number {
    color: #ffffff;
}


.holistico-presence__eyebrow {
    color: #9b8f88;
}


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

.holistico-presence__title {
    margin: 0;

    display: flex;
    flex-direction: column;

    max-width: 860px;
}


/* SANS */

.holistico-presence__title-main {
    display: block;

    font-size: clamp(58px, 5.8vw, 104px);
    font-weight: 300;
    line-height: .96;
    letter-spacing: -.055em;

    color: #f4f0ea;
}


/* SERIF / ITÁLICA */

.holistico-presence__title-script {
    display: block;

    max-width: 780px;

    margin-top: 10px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(54px, 5.3vw, 94px);
    font-style: italic;
    font-weight: 400;
    line-height: .94;
    letter-spacing: -.045em;

    color: #b8aaa0;
}


/* =========================================
   TEXTO PRINCIPAL
========================================= */

.holistico-presence__lead {
    max-width: 680px;

    margin: 46px 0 0;

    font-size: 17px;
    line-height: 1.78;

    color: rgba(244, 240, 234, .68);
}


/* =========================================
   COLUMNA DERECHA / PASOS
========================================= */

.holistico-presence__steps {
    position: relative;

    width: 100%;

    padding-left: 8px;
}


/* LÍNEA VERTICAL */

.holistico-presence__steps::before {
    content: "";

    position: absolute;

    left: 34px;
    top: 34px;
    bottom: 34px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            rgba(244, 240, 234, .08),
            rgba(244, 240, 234, .28) 20%,
            rgba(244, 240, 234, .28) 80%,
            rgba(244, 240, 234, .08)
        );
}


/* =========================================
   PASO
========================================= */

.holistico-presence__step {
    position: relative;

    display: grid;
    grid-template-columns: 70px 1fr;

    gap: 30px;

    min-height: 190px;

    padding:
        32px 24px
        34px 0;

    border-bottom: 1px solid rgba(244, 240, 234, .12);

    transition:
        transform .35s ease,
        padding-left .35s ease;
}


.holistico-presence__step:first-child {
    border-top: 1px solid rgba(244, 240, 234, .12);
}


/* HOVER BACKGROUND */

.holistico-presence__step::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, .045)
        );

    opacity: 0;

    transition: opacity .35s ease;

    pointer-events: none;

    z-index: -1;
}


.holistico-presence__step:hover {
    padding-left: 14px;

    transform: translateX(4px);
}


.holistico-presence__step:hover::after {
    opacity: 1;
}


/* =========================================
   MARCADOR
========================================= */

.holistico-presence__marker {
    position: relative;
    z-index: 2;

    width: 70px;

    display: flex;
    align-items: flex-start;
    justify-content: center;
}


.holistico-presence__marker::before {
    content: "";

    position: absolute;

    top: 0;

    width: 68px;
    height: 68px;

    border: 1px solid rgba(244, 240, 234, .26);
    border-radius: 50%;

    background: #171717;

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


.holistico-presence__marker span {
    position: relative;
    z-index: 2;

    width: 68px;
    height: 68px;

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

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .13em;

    color: rgba(244, 240, 234, .72);

    transition: color .35s ease;
}


/* HOVER MARCADOR */

.holistico-presence__step:hover
.holistico-presence__marker::before {
    background: #f4f0ea;

    border-color: #f4f0ea;

    transform: scale(1.04);
}


.holistico-presence__step:hover
.holistico-presence__marker span {
    color: #171717;
}


/* =========================================
   CONTENIDO PASO
========================================= */

.holistico-presence__step-content {
    padding-top: 8px;
}


/* LABEL */

.holistico-presence__step-label {
    display: block;

    margin-bottom: 18px;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .18em;

    color: #a99990;

    transition:
        color .35s ease,
        transform .35s ease;
}


.holistico-presence__step:hover
.holistico-presence__step-label {
    color: #f4f0ea;

    transform: translateX(5px);
}


/* TEXTO */

.holistico-presence__step p {
    max-width: 430px;

    margin: 0;

    font-size: 20px;
    line-height: 1.55;

    color: rgba(244, 240, 234, .76);
}


/* =========================================
   PUNTO FINAL DE LA LÍNEA
========================================= */

.holistico-presence__steps::after {
    content: "";

    position: absolute;

    left: 30px;
    bottom: 27px;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #f4f0ea;

    box-shadow:
        0 0 0 6px #171717,
        0 0 0 7px rgba(244, 240, 234, .14);
}


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

@media (min-width: 768px) and (max-width: 1024px) {

    .holistico-presence {
        padding:
            110px 6vw
            94px;
    }


    .holistico-presence__inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(340px, .9fr);

        gap: 6vw;
    }


    .holistico-presence__meta {
        margin-bottom: 42px;
    }


    .holistico-presence__number,
    .holistico-presence__eyebrow {
        font-size: 9px;
    }


    .holistico-presence__title-main {
        font-size: clamp(48px, 6vw, 74px);
    }


    .holistico-presence__title-script {
        font-size: clamp(46px, 5.6vw, 70px);
    }


    .holistico-presence__lead {
        margin-top: 36px;

        font-size: 16px;
        line-height: 1.72;
    }


    .holistico-presence__step {
        grid-template-columns: 60px 1fr;

        gap: 24px;

        min-height: 170px;

        padding:
            28px 18px
            30px 0;
    }


    .holistico-presence__steps::before {
        left: 30px;
    }


    .holistico-presence__marker {
        width: 60px;
    }


    .holistico-presence__marker::before {
        width: 58px;
        height: 58px;
    }


    .holistico-presence__marker span {
        width: 58px;
        height: 58px;
    }


    .holistico-presence__step p {
        font-size: 17px;
    }


    .holistico-presence__steps::after {
        left: 26px;
    }


    .holistico-presence__ghost {
        bottom: -16px;

        font-size: 150px;
    }

}


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

@media (max-width: 767px) {

    .holistico-presence {
        padding:
            84px 24px
            72px;
    }


    .holistico-presence__ghost {
        left: -8px;
        bottom: -5px;

        font-size: 82px;

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


    .holistico-presence__inner {
        display: block;
    }


    .holistico-presence__meta {
        gap: 16px;

        margin-bottom: 34px;
    }


    .holistico-presence__number,
    .holistico-presence__eyebrow {
        font-size: 9px;
        letter-spacing: .16em;
    }


    .holistico-presence__title-main {
        font-size: clamp(42px, 12vw, 62px);
        line-height: .98;
    }


    .holistico-presence__title-script {
        margin-top: 10px;

        font-size: clamp(40px, 11.5vw, 58px);
        line-height: .96;
    }


    .holistico-presence__lead {
        max-width: 100%;

        margin-top: 30px;

        font-size: 16px;
        line-height: 1.68;
    }


    .holistico-presence__steps {
        margin-top: 64px;

        padding-left: 0;
    }


    .holistico-presence__steps::before {
        left: 26px;
        top: 26px;
        bottom: 26px;
    }


    .holistico-presence__step {
        grid-template-columns: 54px 1fr;

        gap: 20px;

        min-height: 0;

        padding:
            28px 0
            30px;
    }


    .holistico-presence__marker {
        width: 54px;
    }


    .holistico-presence__marker::before {
        width: 52px;
        height: 52px;
    }


    .holistico-presence__marker span {
        width: 52px;
        height: 52px;

        font-size: 9px;
    }


    .holistico-presence__step-label {
        margin-bottom: 14px;

        font-size: 8px;
    }


    .holistico-presence__step p {
        max-width: 100%;

        font-size: 16px;
        line-height: 1.6;
    }


    .holistico-presence__step:hover {
        padding-left: 0;

        transform: none;
    }


    .holistico-presence__step:hover
    .holistico-presence__step-label {
        transform: none;
    }


    .holistico-presence__steps::after {
        left: 22px;
        bottom: 20px;
    }

}


/* =========================================
   MOBILE PEQUEÑO
========================================= */

@media (max-width: 420px) {

    .holistico-presence {
        padding:
            76px 20px
            64px;
    }


    .holistico-presence__title-main {
        font-size: clamp(38px, 11.5vw, 54px);
    }


    .holistico-presence__title-script {
        font-size: clamp(37px, 11vw, 52px);
    }


    .holistico-presence__lead {
        font-size: 15px;
    }


    .holistico-presence__steps {
        margin-top: 54px;
    }


    .holistico-presence__step {
        grid-template-columns: 48px 1fr;

        gap: 16px;
    }


    .holistico-presence__steps::before {
        left: 23px;
    }


    .holistico-presence__marker {
        width: 48px;
    }


    .holistico-presence__marker::before {
        width: 46px;
        height: 46px;
    }


    .holistico-presence__marker span {
        width: 46px;
        height: 46px;
    }


    .holistico-presence__step p {
        font-size: 15px;
    }


    .holistico-presence__steps::after {
        left: 19px;
    }


    .holistico-presence__ghost {
        font-size: 70px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4709d92 *//* =========================================
   HOLÍSTICO — SECCIÓN 03
   VISUAL
========================================= */

.holistico-visual {
    position: relative;

    width: 100%;

    padding: 110px 6vw;

    background: #f4f0ea;

    box-sizing: border-box;
}


/* =========================================
   SHELL
========================================= */

.holistico-visual__shell {
    width: 100%;
    max-width: 1780px;

    margin: 0 auto;
}


/* =========================================
   MEDIA
========================================= */

.holistico-visual__media {
    position: relative;

    min-height: 760px;

    overflow: hidden;

    border-radius: 34px;

    background: #d8d2cc;
}


/* =========================================
   IMAGEN
========================================= */

.holistico-visual__image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;

    filter: brightness(.92);

    transition:
        transform .75s ease,
        filter .4s ease;
}


.holistico-visual__media:hover
.holistico-visual__image {
    transform: scale(1.025);

    filter: brightness(.98);
}


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

.holistico-visual__overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(10, 10, 10, .58) 0%,
            rgba(10, 10, 10, .44) 26%,
            rgba(10, 10, 10, .24) 48%,
            rgba(10, 10, 10, .10) 68%,
            rgba(10, 10, 10, .03) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10, 10, 10, .08) 0%,
            rgba(10, 10, 10, .18) 100%
        );

    z-index: 1;
}


/* =========================================
   GHOST
========================================= */

.holistico-visual__ghost {
    position: absolute;

    left: 52px;
    bottom: -20px;

    font-size: clamp(115px, 12vw, 250px);
    font-weight: 500;
    line-height: .82;
    letter-spacing: -.06em;

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

    white-space: nowrap;

    pointer-events: none;
    user-select: none;

    z-index: 2;
}


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

.holistico-visual__content {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 760px;

    min-height: 760px;

    padding: 54px 54px 62px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    box-sizing: border-box;
}


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

.holistico-visual__meta {
    display: flex;
    align-items: center;

    gap: 22px;
}


.holistico-visual__number,
.holistico-visual__eyebrow {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .18em;
}


.holistico-visual__number {
    color: #fff;
}


.holistico-visual__eyebrow {
    color: rgba(255, 255, 255, .82);
}


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

.holistico-visual__title {
    margin: auto 0 0;

    max-width: 730px;

    font-size: clamp(70px, 6.8vw, 118px);
    font-weight: 400;
    line-height: .92;
    letter-spacing: -.055em;

    color: #fff;
}


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

.holistico-visual__text {
    max-width: 700px;

    margin: 34px 0 0;

    font-size: 18px;
    line-height: 1.72;

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


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

@media (min-width: 768px) and (max-width: 1024px) {

    .holistico-visual {
        padding: 92px 6vw;
    }


    .holistico-visual__media {
        min-height: 650px;

        border-radius: 28px;
    }


    .holistico-visual__content {
        max-width: 640px;

        min-height: 650px;

        padding: 42px 40px 48px;
    }


    .holistico-visual__meta {
        gap: 18px;
    }


    .holistico-visual__number,
    .holistico-visual__eyebrow {
        font-size: 9px;
    }


    .holistico-visual__title {
        font-size: clamp(56px, 7vw, 84px);
    }


    .holistico-visual__text {
        max-width: 590px;

        margin-top: 28px;

        font-size: 16px;
        line-height: 1.68;
    }


    .holistico-visual__ghost {
        left: 40px;
        bottom: -10px;

        font-size: 150px;
    }

}


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

@media (max-width: 767px) {

    .holistico-visual {
        padding:
            78px 24px
            70px;
    }


    .holistico-visual__media {
        min-height: 560px;

        border-radius: 24px;
    }


    .holistico-visual__content {
        max-width: 100%;

        min-height: 560px;

        padding: 28px 24px 30px;
    }


    .holistico-visual__meta {
        gap: 14px;

        flex-wrap: wrap;

        align-items: flex-start;
    }


    .holistico-visual__number,
    .holistico-visual__eyebrow {
        font-size: 9px;
        letter-spacing: .16em;
    }


    .holistico-visual__title {
        max-width: 100%;

        font-size: clamp(42px, 12vw, 66px);
        line-height: .96;
    }


    .holistico-visual__text {
        max-width: 100%;

        margin-top: 22px;

        font-size: 16px;
        line-height: 1.65;
    }


    .holistico-visual__ghost {
        left: 22px;
        bottom: -2px;

        font-size: 82px;

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


    .holistico-visual__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(10, 10, 10, .18) 0%,
                rgba(10, 10, 10, .28) 42%,
                rgba(10, 10, 10, .58) 100%
            );
    }


    .holistico-visual__media:hover
    .holistico-visual__image {
        transform: none;

        filter: brightness(.92);
    }

}


/* =========================================
   MOBILE PEQUEÑO
========================================= */

@media (max-width: 420px) {

    .holistico-visual {
        padding:
            70px 20px
            62px;
    }


    .holistico-visual__media {
        min-height: 500px;

        border-radius: 20px;
    }


    .holistico-visual__content {
        min-height: 500px;

        padding: 24px 20px 24px;
    }


    .holistico-visual__title {
        font-size: clamp(38px, 11.5vw, 56px);
    }


    .holistico-visual__text {
        font-size: 15px;
    }


    .holistico-visual__ghost {
        font-size: 70px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8d757a *//* =========================================
   HOLÍSTICO — SECCIÓN 04
   EXPERIENCIAS HOLÍSTICAS
========================================= */

.holistico-experiences {
    position: relative;

    width: 100%;

    padding: 132px 6vw 118px;

    background: #eee8e2;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================
   GHOST
========================================= */

.holistico-experiences__ghost {
    position: absolute;

    right: -28px;
    bottom: -34px;

    font-size: clamp(130px, 15vw, 290px);
    font-weight: 500;
    line-height: .82;
    letter-spacing: -.065em;

    color: rgba(23, 23, 23, .028);

    white-space: nowrap;

    pointer-events: none;
    user-select: none;

    z-index: 0;
}


/* =========================================
   INNER
========================================= */

.holistico-experiences__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1500px;

    margin: 0 auto;
}


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

.holistico-experiences__header {
    display: grid;
    grid-template-columns: minmax(250px, .45fr) minmax(0, 1.55fr);

    gap: 7vw;

    align-items: start;

    margin-bottom: 92px;
}


/* META */

.holistico-experiences__meta {
    display: flex;
    align-items: center;

    gap: 22px;

    padding-top: 10px;
}


.holistico-experiences__number,
.holistico-experiences__eyebrow {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .18em;
}


.holistico-experiences__number {
    color: #171717;
}


.holistico-experiences__eyebrow {
    color: #8f8179;
}


/* INTRO */

.holistico-experiences__intro {
    max-width: 980px;
}


.holistico-experiences__intro h2 {
    margin: 0;

    max-width: 940px;

    font-size: clamp(56px, 5.7vw, 98px);
    font-weight: 400;
    line-height: .95;
    letter-spacing: -.052em;

    color: #171717;
}


.holistico-experiences__intro h2 span {
    display: block;

    color: #998981;
}


.holistico-experiences__intro p {
    max-width: 620px;

    margin: 30px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #655f59;
}


/* =========================================
   GRID ASIMÉTRICO
========================================= */

.holistico-experiences__grid {
    position: relative;

    width: 100%;

    min-height: 720px;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        110px
        minmax(0, 1fr);

    gap: 0;

    align-items: start;
}


/* =========================================
   EXPERIENCIA
========================================= */

.holistico-experiences__item {
    position: relative;

    min-height: 520px;

    padding: 42px 42px 46px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

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

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

    overflow: hidden;

    transition:
        transform .45s ease,
        background .35s ease,
        border-color .35s ease;
}


/* PRIMER BLOQUE */

.holistico-experiences__item--one {
    margin-top: 0;

    border-radius: 36px 36px 36px 8px;
}


/* SEGUNDO BLOQUE */

.holistico-experiences__item--two {
    margin-top: 145px;

    border-radius: 36px 8px 36px 36px;
}


/* HOVER */

.holistico-experiences__item:hover {
    transform: translateY(-8px);

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

    border-color: rgba(23, 23, 23, .24);
}


/* ACENTO DE FONDO */

.holistico-experiences__item::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    background: rgba(153, 137, 129, .08);

    transition:
        transform .55s ease,
        opacity .4s ease;

    opacity: .7;

    z-index: 0;
}


.holistico-experiences__item--one::before {
    right: -80px;
    bottom: -110px;
}


.holistico-experiences__item--two::before {
    left: -90px;
    top: -100px;
}


.holistico-experiences__item:hover::before {
    transform: scale(1.18);

    opacity: 1;
}


/* =========================================
   TOP DEL BLOQUE
========================================= */

.holistico-experiences__item-top {
    position: relative;
    z-index: 2;

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

    gap: 26px;
}


.holistico-experiences__item-number {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;

    color: #171717;
}


.holistico-experiences__item-tag {
    max-width: 330px;

    text-align: right;

    font-size: 9px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .16em;

    color: #95877f;
}


/* =========================================
   CUERPO
========================================= */

.holistico-experiences__item-body {
    position: relative;
    z-index: 2;
}


.holistico-experiences__item h3 {
    max-width: 560px;

    margin: 0;

    font-size: clamp(50px, 4.7vw, 82px);
    font-weight: 400;
    line-height: .96;
    letter-spacing: -.05em;

    color: #171717;

    transition:
        transform .4s ease,
        color .4s ease;
}


.holistico-experiences__item h3 span {
    display: block;

    color: #998981;
}


.holistico-experiences__item:hover h3 {
    transform: translateX(7px);

    color: #4f4540;
}


.holistico-experiences__item p {
    max-width: 560px;

    margin: 30px 0 0;

    font-size: 16px;
    line-height: 1.72;

    color: #655f59;
}


/* =========================================
   CONECTOR CENTRAL
========================================= */

.holistico-experiences__connector {
    position: relative;

    min-height: 720px;

    display: flex;
    justify-content: center;

    pointer-events: none;
}


.holistico-experiences__connector-line {
    position: absolute;

    top: 92px;
    bottom: 92px;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            rgba(23, 23, 23, .06),
            rgba(23, 23, 23, .26) 24%,
            rgba(23, 23, 23, .26) 76%,
            rgba(23, 23, 23, .06)
        );
}


.holistico-experiences__connector-dot {
    position: absolute;

    top: 50%;

    width: 13px;
    height: 13px;

    border-radius: 50%;

    background: #171717;

    transform: translateY(-50%);

    box-shadow:
        0 0 0 8px #eee8e2,
        0 0 0 9px rgba(23, 23, 23, .14);
}


/* =========================================
   CIERRE
========================================= */

.holistico-experiences__closing {
    margin-top: 34px;

    display: grid;
    grid-template-columns: minmax(90px, 1fr) auto;

    gap: 34px;

    align-items: center;
}


.holistico-experiences__closing-line {
    width: 100%;
    height: 1px;

    background: rgba(23, 23, 23, .16);
}


.holistico-experiences__closing p {
    max-width: 560px;

    margin: 0;

    font-size: 15px;
    line-height: 1.68;

    color: #655f59;
}


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

@media (min-width: 768px) and (max-width: 1024px) {

    .holistico-experiences {
        padding:
            106px 6vw
            92px;
    }


    .holistico-experiences__header {
        grid-template-columns: 210px 1fr;

        gap: 5vw;

        margin-bottom: 70px;
    }


    .holistico-experiences__number,
    .holistico-experiences__eyebrow {
        font-size: 9px;
    }


    .holistico-experiences__intro h2 {
        font-size: clamp(46px, 6vw, 72px);
    }


    .holistico-experiences__intro p {
        margin-top: 26px;

        font-size: 16px;
    }


    .holistico-experiences__grid {
        min-height: 620px;

        grid-template-columns:
            minmax(0, 1fr)
            76px
            minmax(0, 1fr);
    }


    .holistico-experiences__item {
        min-height: 450px;

        padding: 34px 30px 38px;
    }


    .holistico-experiences__item--two {
        margin-top: 110px;
    }


    .holistico-experiences__item h3 {
        font-size: clamp(40px, 5vw, 62px);
    }


    .holistico-experiences__item p {
        margin-top: 24px;

        font-size: 15px;
    }


    .holistico-experiences__item-tag {
        max-width: 220px;

        font-size: 8px;
    }


    .holistico-experiences__connector {
        min-height: 620px;
    }


    .holistico-experiences__ghost {
        bottom: -16px;

        font-size: 150px;
    }

}


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

@media (max-width: 767px) {

    .holistico-experiences {
        padding:
            84px 24px
            72px;
    }


    .holistico-experiences__ghost {
        right: -8px;
        bottom: -6px;

        font-size: 82px;

        color: rgba(23, 23, 23, .03);
    }


    .holistico-experiences__header {
        display: block;

        margin-bottom: 58px;
    }


    .holistico-experiences__meta {
        gap: 16px;

        margin-bottom: 32px;

        padding-top: 0;
    }


    .holistico-experiences__number,
    .holistico-experiences__eyebrow {
        font-size: 9px;
        letter-spacing: .16em;
    }


    .holistico-experiences__intro h2 {
        max-width: 100%;

        font-size: clamp(42px, 12vw, 62px);
        line-height: .98;
    }


    .holistico-experiences__intro p {
        max-width: 100%;

        margin-top: 24px;

        font-size: 16px;
        line-height: 1.68;
    }


    /* EXPERIENCIAS */

    .holistico-experiences__grid {
        min-height: 0;

        display: block;
    }


    .holistico-experiences__item {
        min-height: 410px;

        padding: 30px 26px 32px;

        border-radius: 24px;
    }


    .holistico-experiences__item--two {
        margin-top: 34px;
    }


    .holistico-experiences__item-top {
        align-items: flex-start;
    }


    .holistico-experiences__item-tag {
        max-width: 220px;

        font-size: 8px;
    }


    .holistico-experiences__item h3 {
        max-width: 100%;

        font-size: clamp(40px, 10vw, 58px);
        line-height: .98;
    }


    .holistico-experiences__item p {
        max-width: 100%;

        margin-top: 24px;

        font-size: 15px;
        line-height: 1.68;
    }


    .holistico-experiences__item:hover {
        transform: none;
    }


    .holistico-experiences__item:hover h3 {
        transform: none;
    }


    /* CONECTOR EN MOBILE */

    .holistico-experiences__connector {
        display: none;
    }


    /* CIERRE */

    .holistico-experiences__closing {
        margin-top: 48px;

        display: block;
    }


    .holistico-experiences__closing-line {
        display: block;

        margin-bottom: 24px;
    }


    .holistico-experiences__closing p {
        max-width: 100%;

        font-size: 14px;
    }

}


/* =========================================
   MOBILE PEQUEÑO
========================================= */

@media (max-width: 420px) {

    .holistico-experiences {
        padding:
            76px 20px
            64px;
    }


    .holistico-experiences__intro h2 {
        font-size: clamp(38px, 11.5vw, 54px);
    }


    .holistico-experiences__intro p {
        font-size: 15px;
    }


    .holistico-experiences__item {
        min-height: 380px;

        padding: 26px 22px 28px;
    }


    .holistico-experiences__item h3 {
        font-size: clamp(36px, 9.8vw, 50px);
    }


    .holistico-experiences__item p {
        font-size: 14px;
    }


    .holistico-experiences__item-tag {
        max-width: 180px;
    }


    .holistico-experiences__ghost {
        font-size: 70px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec08299 *//* =========================================
   HOLÍSTICO — SECCIÓN 05
   CÓMO SE VIVE
========================================= */

.holistico-rhythm {
    position: relative;

    width: 100%;

    padding: 132px 6vw 116px;

    background: #f4f0ea;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================
   GHOST
========================================= */

.holistico-rhythm__ghost {
    position: absolute;

    left: -24px;
    bottom: -36px;

    font-size: clamp(135px, 15vw, 290px);
    font-weight: 500;
    line-height: .82;
    letter-spacing: -.065em;

    color: rgba(23, 23, 23, .025);

    white-space: nowrap;

    pointer-events: none;
    user-select: none;

    z-index: 0;
}


/* =========================================
   INNER
========================================= */

.holistico-rhythm__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1500px;

    margin: 0 auto;
}


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

.holistico-rhythm__header {
    display: grid;
    grid-template-columns: minmax(250px, .45fr) minmax(0, 1.55fr);

    gap: 7vw;

    align-items: start;

    margin-bottom: 94px;
}


/* META */

.holistico-rhythm__meta {
    display: flex;
    align-items: center;

    gap: 22px;

    padding-top: 10px;
}


.holistico-rhythm__number,
.holistico-rhythm__eyebrow {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .18em;
}


.holistico-rhythm__number {
    color: #171717;
}


.holistico-rhythm__eyebrow {
    color: #8f8179;
}


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

.holistico-rhythm__intro {
    max-width: 980px;
}


.holistico-rhythm__intro h2 {
    margin: 0;

    max-width: 920px;

    font-size: clamp(56px, 5.7vw, 98px);
    font-weight: 400;
    line-height: .95;
    letter-spacing: -.052em;

    color: #171717;
}


.holistico-rhythm__intro h2 span {
    display: block;

    color: #998981;
}


.holistico-rhythm__intro p {
    max-width: 640px;

    margin: 30px 0 0;

    font-size: 17px;
    line-height: 1.75;

    color: #655f59;
}


/* =========================================
   MOMENTOS
========================================= */

.holistico-rhythm__moments {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 34px;
}


/* =========================================
   MOMENTO
========================================= */

.holistico-rhythm__moment {
    position: relative;

    min-height: 470px;

    padding: 38px 28px 34px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border-top: 1px solid rgba(23, 23, 23, .17);
    border-bottom: 1px solid rgba(23, 23, 23, .17);

    transition:
        transform .4s ease,
        background .35s ease;
}


.holistico-rhythm__moment:hover {
    transform: translateY(-8px);

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


/* =========================================
   NÚMERO GRANDE
========================================= */

.holistico-rhythm__big-number {
    position: absolute;

    right: -12px;
    top: 54px;

    font-size: clamp(120px, 11vw, 210px);
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.06em;

    color: rgba(23, 23, 23, .035);

    pointer-events: none;
    user-select: none;

    transition:
        color .4s ease,
        transform .45s ease;
}


.holistico-rhythm__moment:hover
.holistico-rhythm__big-number {
    color: rgba(23, 23, 23, .065);

    transform: translateY(-5px);
}


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

.holistico-rhythm__moment-top {
    position: relative;
    z-index: 2;

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

    gap: 20px;
}


.holistico-rhythm__moment-number {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;

    color: #171717;
}


.holistico-rhythm__moment-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;

    color: #91847e;

    transition:
        color .35s ease,
        transform .35s ease;
}


.holistico-rhythm__moment:hover
.holistico-rhythm__moment-label {
    color: #171717;

    transform: translateX(-5px);
}


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

.holistico-rhythm__moment h3 {
    position: relative;
    z-index: 2;

    max-width: 390px;

    margin: auto 0 0;

    font-size: clamp(38px, 3.4vw, 60px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.045em;

    color: #171717;

    transition:
        transform .35s ease,
        color .35s ease;
}


.holistico-rhythm__moment:hover h3 {
    transform: translateY(-4px);

    color: #544841;
}


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

.holistico-rhythm__moment p {
    position: relative;
    z-index: 2;

    max-width: 390px;

    margin: 24px 0 0;

    font-size: 15px;
    line-height: 1.72;

    color: #655f59;
}


/* =========================================
   LÍNEA DINÁMICA
========================================= */

.holistico-rhythm__line {
    position: relative;

    display: block;

    width: 54px;
    height: 1px;

    margin-top: 34px;

    background: rgba(23, 23, 23, .32);

    transition:
        width .45s ease,
        background .35s ease;
}


.holistico-rhythm__line::after {
    content: "";

    position: absolute;

    right: -4px;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #171717;

    transform: translateY(-50%);

    transition: transform .4s ease;
}


.holistico-rhythm__moment:hover
.holistico-rhythm__line {
    width: 100%;

    background: rgba(23, 23, 23, .5);
}


.holistico-rhythm__moment:hover
.holistico-rhythm__line::after {
    transform:
        translateY(-50%)
        scale(1.15);
}


/* =========================================
   CIERRE
========================================= */

.holistico-rhythm__closing {
    margin-top: 66px;

    display: grid;
    grid-template-columns: minmax(100px, 1fr) auto;

    gap: 34px;

    align-items: center;
}


.holistico-rhythm__closing span {
    width: 100%;
    height: 1px;

    background: rgba(23, 23, 23, .16);
}


.holistico-rhythm__closing p {
    max-width: 560px;

    margin: 0;

    font-size: 15px;
    line-height: 1.68;

    color: #655f59;
}


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

@media (min-width: 768px) and (max-width: 1024px) {

    .holistico-rhythm {
        padding:
            106px 6vw
            92px;
    }


    .holistico-rhythm__header {
        grid-template-columns: 210px 1fr;

        gap: 5vw;

        margin-bottom: 70px;
    }


    .holistico-rhythm__number,
    .holistico-rhythm__eyebrow {
        font-size: 9px;
    }


    .holistico-rhythm__intro h2 {
        font-size: clamp(46px, 6vw, 72px);
    }


    .holistico-rhythm__intro p {
        margin-top: 26px;

        font-size: 16px;
    }


    .holistico-rhythm__moments {
        gap: 22px;
    }


    .holistico-rhythm__moment {
        min-height: 420px;

        padding: 30px 22px 28px;
    }


    .holistico-rhythm__big-number {
        top: 52px;

        font-size: 130px;
    }


    .holistico-rhythm__moment h3 {
        font-size: clamp(34px, 4vw, 48px);
    }


    .holistico-rhythm__moment p {
        font-size: 14px;
    }


    .holistico-rhythm__ghost {
        bottom: -16px;

        font-size: 150px;
    }

}


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

@media (max-width: 767px) {

    .holistico-rhythm {
        padding:
            84px 24px
            72px;
    }


    .holistico-rhythm__ghost {
        left: -8px;
        bottom: -5px;

        font-size: 82px;

        color: rgba(23, 23, 23, .03);
    }


    .holistico-rhythm__header {
        display: block;

        margin-bottom: 58px;
    }


    .holistico-rhythm__meta {
        gap: 16px;

        margin-bottom: 32px;

        padding-top: 0;
    }


    .holistico-rhythm__number,
    .holistico-rhythm__eyebrow {
        font-size: 9px;
        letter-spacing: .16em;
    }


    .holistico-rhythm__intro h2 {
        max-width: 100%;

        font-size: clamp(42px, 12vw, 62px);
        line-height: .98;
    }


    .holistico-rhythm__intro p {
        max-width: 100%;

        margin-top: 24px;

        font-size: 16px;
        line-height: 1.68;
    }


    .holistico-rhythm__moments {
        display: block;
    }


    .holistico-rhythm__moment {
        min-height: 340px;

        padding:
            28px 4px
            30px;

        border-bottom: 1px solid rgba(23, 23, 23, .17);
    }


    .holistico-rhythm__moment + .holistico-rhythm__moment {
        border-top: 0;
    }


    .holistico-rhythm__big-number {
        right: 0;
        top: 54px;

        font-size: 120px;
    }


    .holistico-rhythm__moment h3 {
        max-width: 85%;

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


    .holistico-rhythm__moment p {
        max-width: 90%;

        font-size: 15px;
        line-height: 1.68;
    }


    .holistico-rhythm__moment:hover {
        transform: none;

        background: transparent;
    }


    .holistico-rhythm__moment:hover h3 {
        transform: none;
    }


    .holistico-rhythm__moment:hover
    .holistico-rhythm__moment-label {
        transform: none;
    }


    .holistico-rhythm__moment:hover
    .holistico-rhythm__line {
        width: 54px;
    }


    .holistico-rhythm__closing {
        margin-top: 48px;

        display: block;
    }


    .holistico-rhythm__closing span {
        display: block;

        margin-bottom: 24px;
    }


    .holistico-rhythm__closing p {
        max-width: 100%;

        font-size: 14px;
    }

}


/* =========================================
   MOBILE PEQUEÑO
========================================= */

@media (max-width: 420px) {

    .holistico-rhythm {
        padding:
            76px 20px
            64px;
    }


    .holistico-rhythm__intro h2 {
        font-size: clamp(38px, 11.5vw, 54px);
    }


    .holistico-rhythm__intro p {
        font-size: 15px;
    }


    .holistico-rhythm__moment {
        min-height: 320px;

        padding:
            26px 2px
            28px;
    }


    .holistico-rhythm__big-number {
        font-size: 105px;
    }


    .holistico-rhythm__moment h3 {
        font-size: clamp(34px, 9vw, 46px);
    }


    .holistico-rhythm__moment p {
        font-size: 14px;
    }


    .holistico-rhythm__ghost {
        font-size: 70px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31db932 *//* =========================================
   HOLÍSTICO — SECCIÓN 06
   CTA FINAL
========================================= */

.holistico-final {
    position: relative;

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

    padding: 92px 6vw 72px;

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

    background: #171717;

    color: #f4f0ea;

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================
   INNER
========================================= */

.holistico-final__inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


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

.holistico-final__meta {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 24px;

    margin-bottom: 56px;
}


.holistico-final__number,
.holistico-final__eyebrow {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .18em;
}


.holistico-final__number {
    color: #fff;
}


.holistico-final__eyebrow {
    color: #9b8f88;
}


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

.holistico-final__title {
    width: 100%;

    margin: 0;

    display: flex;
    flex-direction: column;
    align-items: center;

    font-weight: 400;
}


/* PRINCIPAL */

.holistico-final__title-main {
    display: block;

    font-size: clamp(72px, 7.6vw, 128px);
    font-weight: 300;
    line-height: .92;
    letter-spacing: -.055em;

    color: #f4f0ea;
}


/* CURSIVA */

.holistico-final__title-script {
    display: block;

    max-width: 1000px;

    margin-top: -2px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(72px, 7.2vw, 124px);
    font-style: italic;
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.055em;

    color: #b8aaa0;
}


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

.holistico-final__text {
    max-width: 760px;

    margin: 54px auto 0;

    font-size: 18px;
    line-height: 1.75;

    color: #c5b8af;
}


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

.holistico-final__cta {
    margin-top: 52px;

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

    gap: 24px;

    padding: 14px 15px 14px 28px;

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

    color: #fff !important;
    text-decoration: none !important;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;

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


.holistico-final__cta:hover {
    background: rgba(255, 255, 255, .06);

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

    transform: translateY(-2px);
}


/* =========================================
   ICONO VERDE
========================================= */

.holistico-final__cta-icon {
    position: relative;

    width: 36px;
    height: 36px;

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

    flex-shrink: 0;

    border-radius: 50%;

    background: #25D366;

    transition: transform .25s ease;
}


.holistico-final__cta-icon::before {
    content: "";

    width: 7px;
    height: 7px;

    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;

    transform: translate(-1px, 1px);
}


.holistico-final__cta-icon::after {
    content: "";

    position: absolute;

    width: 9px;
    height: 1.5px;

    background: #fff;

    transform: rotate(-45deg);
}


.holistico-final__cta:hover
.holistico-final__cta-icon {
    transform: translate(2px, -2px);
}


/* =========================================
   GHOST
========================================= */

.holistico-final__ghost {
    position: absolute;

    left: 50%;
    bottom: -62px;

    transform: translateX(-50%);

    font-size: clamp(150px, 17vw, 330px);
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.065em;

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

    white-space: nowrap;

    pointer-events: none;
    user-select: none;

    z-index: 0;
}


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

@media (min-width: 768px) and (max-width: 1024px) {

    .holistico-final {
        min-height: 650px;

        padding:
            82px 6vw
            66px;
    }


    .holistico-final__meta {
        margin-bottom: 48px;
    }


    .holistico-final__title-main {
        font-size: clamp(62px, 8vw, 88px);
    }


    .holistico-final__title-script {
        font-size: clamp(60px, 8vw, 86px);
    }


    .holistico-final__text {
        max-width: 680px;

        margin-top: 44px;

        font-size: 17px;
    }


    .holistico-final__cta {
        margin-top: 44px;
    }


    .holistico-final__ghost {
        bottom: -38px;

        font-size: 180px;
    }

}


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

@media (max-width: 767px) {

    .holistico-final {
        min-height: 0;

        padding:
            78px 24px
            72px;
    }


    .holistico-final__meta {
        gap: 16px;

        margin-bottom: 44px;
    }


    .holistico-final__number,
    .holistico-final__eyebrow {
        font-size: 9px;
        letter-spacing: .16em;
    }


    .holistico-final__title-main {
        font-size: clamp(50px, 14vw, 72px);
        line-height: .96;
    }


    .holistico-final__title-script {
        margin-top: 8px;

        font-size: clamp(48px, 13vw, 68px);
        line-height: .95;
    }


    .holistico-final__text {
        max-width: 520px;

        margin-top: 38px;

        font-size: 16px;
        line-height: 1.7;
    }


    .holistico-final__cta {
        margin-top: 40px;

        gap: 18px;

        padding:
            13px 14px
            13px 22px;
    }


    .holistico-final__cta-icon {
        width: 32px;
        height: 32px;
    }


    .holistico-final__ghost {
        bottom: -14px;

        font-size: 96px;

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

}


/* =========================================
   MOBILE PEQUEÑO
========================================= */

@media (max-width: 420px) {

    .holistico-final {
        padding:
            70px 20px
            64px;
    }


    .holistico-final__meta {
        margin-bottom: 38px;
    }


    .holistico-final__title-main {
        font-size: clamp(46px, 13.5vw, 60px);
    }


    .holistico-final__title-script {
        font-size: clamp(44px, 12.5vw, 58px);
    }


    .holistico-final__text {
        margin-top: 34px;

        font-size: 15px;
    }


    .holistico-final__cta {
        margin-top: 36px;
    }


    .holistico-final__ghost {
        font-size: 78px;
    }

}/* End custom CSS */