.elementor-270 .elementor-element.elementor-element-4188d12{--display:flex;--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-270 .elementor-element.elementor-element-00dbace{--display:flex;}.elementor-270 .elementor-element.elementor-element-89cacdb{--display:flex;}.elementor-270 .elementor-element.elementor-element-cdcbfba{--display:flex;}.elementor-270 .elementor-element.elementor-element-0c86912{--display:flex;}.elementor-270 .elementor-element.elementor-element-3620f28{--display:flex;}.elementor-270 .elementor-element.elementor-element-f9a4522{--display:flex;}.elementor-270 .elementor-element.elementor-element-9f6115e{--display:flex;}.elementor-270 .elementor-element.elementor-element-10afc91{--display:flex;}.elementor-270 .elementor-element.elementor-element-db31c89{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-270 .elementor-element.elementor-element-4188d12{--width:100%;}.elementor-270 .elementor-element.elementor-element-00dbace{--width:100%;}.elementor-270 .elementor-element.elementor-element-89cacdb{--width:100%;}.elementor-270 .elementor-element.elementor-element-cdcbfba{--width:100%;}.elementor-270 .elementor-element.elementor-element-0c86912{--width:100%;}.elementor-270 .elementor-element.elementor-element-3620f28{--width:100%;}.elementor-270 .elementor-element.elementor-element-f9a4522{--width:100%;}.elementor-270 .elementor-element.elementor-element-9f6115e{--width:100%;}.elementor-270 .elementor-element.elementor-element-10afc91{--width:100%;}.elementor-270 .elementor-element.elementor-element-db31c89{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-d4317da *//* ==========================================================
   NOSOTROS — SECCIÓN 02
   LA IDEA DETRÁS DE CONECTADOS
========================================================== */

.c-about-story,
.c-about-story * {
    box-sizing: border-box;
}

.c-about-story {
    --story-bg: #171717;
    --story-paper: #f4f0ea;
    --story-taupe: #a68d7e;
    --story-line: rgba(244, 240, 234, .18);

    position: relative;

    width: 100%;

    background: var(--story-bg);
    color: var(--story-paper);

    overflow: hidden;
}


/* ==========================================================
   LAYOUT
========================================================== */

.c-about-story__inner {
    width: 100%;

    min-height: 100vh;

    display: grid;

    grid-template-columns:
        minmax(360px, .88fr)
        minmax(520px, 1.12fr);

    gap: clamp(55px, 7vw, 140px);

    padding:
        clamp(70px, 8vw, 145px)
        clamp(30px, 6vw, 115px);
}


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

.c-about-story__visual {
    align-self: center;

    width: 100%;
}


.c-about-story__image-wrap {
    position: relative;

    width: 100%;

    height: clamp(580px, 69vh, 820px);

    overflow: hidden;

    border-radius:
        180px
        24px
        180px
        24px;

    background: #d8cec5;
}


.c-about-story__image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transform: scale(1.035);

    transition:
        transform 1.6s cubic-bezier(.2,.7,.2,1);
}


.c-about-story__visual.is-visible
.c-about-story__image {
    transform: scale(1);
}


/* WORD OVER IMAGE */

.c-about-story__image-word {
    position: absolute;

    right: clamp(20px, 3vw, 45px);
    bottom: clamp(20px, 3vw, 42px);

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size: clamp(50px, 5vw, 90px);

    font-style: italic;

    line-height: .8;

    letter-spacing: -.05em;

    color: #fff;

    transform: rotate(-4deg);
}


/* IMAGE META */

.c-about-story__image-meta {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    margin-top: 18px;

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

    font-size: 9px;

    letter-spacing: .22em;

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


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

.c-about-story__content {
    align-self: center;

    width: 100%;

    max-width: 900px;
}


/* EYEBROW */

.c-about-story__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom:
        clamp(45px, 6vw, 90px);

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

    font-size: 10px;

    letter-spacing: .32em;

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


.c-about-story__line {
    width: clamp(60px, 7vw, 130px);

    height: 1px;

    background: rgba(244,240,234,.5);
}


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

.c-about-story__title {
    margin: 0;

    max-width: 900px;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(72px, 7.2vw, 142px);

    font-weight: 400;

    line-height: .82;

    letter-spacing: -.055em;

    color: var(--story-paper);
}


.c-about-story__title span {
    display: block;

    margin-left:
        clamp(60px, 8vw, 160px);

    color: var(--story-taupe);

    font-style: italic;

    font-weight: 400;
}


/* ==========================================================
   STATEMENT
========================================================== */

.c-about-story__statement {
    max-width: 620px;

    margin:
        clamp(55px, 7vw, 105px)
        0
        clamp(45px, 5vw, 75px)
        auto;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(30px, 2.6vw, 48px);

    line-height: 1.08;

    letter-spacing: -.025em;

    color: var(--story-paper);
}


/* ==========================================================
   COPY
========================================================== */

.c-about-story__copy {
    display: grid;

    grid-template-columns: 45px 1fr;

    gap: clamp(18px, 2vw, 35px);

    max-width: 650px;

    margin-left: auto;

    padding:
        clamp(22px, 2.5vw, 34px)
        0;

    border-top:
        1px solid var(--story-line);
}


.c-about-story__copy-number {
    padding-top: 5px;

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

    font-size: 9px;

    letter-spacing: .18em;

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


.c-about-story__copy p {
    margin: 0;

    max-width: 560px;

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

    font-size:
        clamp(14px, 1.05vw, 17px);

    font-weight: 400;

    line-height: 1.8;

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


/* ==========================================================
   CATEGORIES
========================================================== */

.c-about-story__categories {
    max-width: 650px;

    margin:
        clamp(30px, 4vw, 55px)
        0
        0
        auto;

    padding-top: 20px;

    border-top:
        1px solid var(--story-line);

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

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

    font-size: 9px;

    letter-spacing: .25em;

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


.c-about-story__categories i {
    width: 4px;
    height: 4px;

    flex: 0 0 4px;

    border-radius: 50%;

    background: var(--story-taupe);
}


/* ==========================================================
   REVEAL
========================================================== */

.c-about-story-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity .85s ease var(--story-delay, 0ms),
        transform .85s cubic-bezier(.2,.7,.2,1)
        var(--story-delay, 0ms);
}


.c-about-story-reveal.is-visible {
    opacity: 1;

    transform: translateY(0);
}


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

@media (max-width: 1024px) {

    .c-about-story__inner {
        min-height: auto;

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

        gap: 45px;

        padding:
            75px
            40px;
    }


    .c-about-story__image-wrap {
        height: 620px;

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


    .c-about-story__title {
        font-size:
            clamp(65px, 8vw, 92px);
    }


    .c-about-story__statement {
        font-size:
            clamp(28px, 3.6vw, 38px);
    }

}


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

@media (max-width: 767px) {

    .c-about-story__inner {
        display: flex;

        flex-direction: column;

        gap: 0;

        padding:
            64px
            20px
            70px;
    }


    /*
     En móvil ponemos primero el texto
     y después la fotografía.
    */

    .c-about-story__content {
        display: contents;
    }


    .c-about-story__eyebrow {
        order: 1;

        width: 100%;

        margin-bottom: 42px;
    }


    .c-about-story__title {
        order: 2;

        width: 100%;

        font-size:
            clamp(55px, 17vw, 78px);

        line-height: .86;
    }


    .c-about-story__title span {
        margin-left: 13vw;
    }


    .c-about-story__statement {
        order: 3;

        width: 88%;

        margin:
            45px
            0
            48px
            auto;

        font-size:
            clamp(27px, 8vw, 36px);
    }


    .c-about-story__visual {
        order: 4;

        margin-bottom: 48px;
    }


    .c-about-story__image-wrap {
        height: min(120vw, 560px);

        border-radius:
            100px
            16px
            100px
            16px;
    }


    .c-about-story__image-word {
        right: 20px;
        bottom: 26px;

        font-size:
            clamp(48px, 16vw, 72px);
    }


    .c-about-story__image-meta {
        font-size: 7px;

        letter-spacing: .16em;
    }


    .c-about-story__copy {
        order: 5;

        width: 100%;

        grid-template-columns:
            32px
            1fr;

        gap: 12px;

        margin-left: 0;

        padding: 24px 0;
    }


    .c-about-story__copy + .c-about-story__copy {
        order: 6;
    }


    .c-about-story__copy p {
        font-size: 14px;

        line-height: 1.7;
    }


    .c-about-story__categories {
        order: 7;

        width: 100%;

        margin:
            28px
            0
            0;

        font-size: 7px;

        letter-spacing: .17em;
    }

}


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

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

    .c-about-story-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }


    .c-about-story__image {
        transform: none;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00dbace *//* =========================================================
   NOSOTROS — SECCIÓN 02
   AJUSTE FINAL TARJETA VISUAL
   META DENTRO DEL BLOQUE GRIS
========================================================= */


/* =========================================================
   01. CONTENEDOR VISUAL
========================================================= */

.c-about-story__visual {
    position: relative;
}


/* =========================================================
   02. TARJETA / IMAGEN
========================================================= */

.c-about-story__image-wrap {
    position: relative;
    overflow: hidden;
}


/* =========================================================
   03. META EDITORIAL DENTRO DE LA TARJETA
========================================================= */

.c-about-story__image-meta {
    position: absolute;

    left: clamp(28px, 3vw, 48px);
    right: clamp(28px, 3vw, 48px);

    /*
       La colocamos dentro de la mitad inferior
       de la tarjeta, sobre el bloque gris.
    */
    bottom: clamp(145px, 14vw, 205px);

    z-index: 5;

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

    gap: 24px;

    margin: 0;
    padding: 0;

    pointer-events: none;

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

    font-size: 8px;
    font-weight: 500;

    letter-spacing: .18em;

    text-transform: uppercase;

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


/* =========================================================
   04. PALABRA CONECTA
========================================================= */

.c-about-story__image-word {
    /*
       Conservamos el elemento protagonista,
       pero con un poco más de aire respecto
       a la esquina inferior.
    */

    right: clamp(26px, 3vw, 48px) !important;

    bottom: clamp(34px, 4vw, 58px) !important;

    z-index: 4;
}


/* =========================================================
   05. TABLET
========================================================= */

@media (max-width: 1180px) {

    .c-about-story__image-meta {
        left: 28px;
        right: 28px;

        bottom: 125px;

        font-size: 7px;

        letter-spacing: .15em;
    }


    .c-about-story__image-word {
        right: 28px !important;
        bottom: 32px !important;
    }

}


/* =========================================================
   06. MOBILE
========================================================= */

@media (max-width: 767px) {

    /*
       En móvil no necesitamos forzar tanto
       contenido dentro de la tarjeta.
       Recuperamos el comportamiento natural.
    */

    .c-about-story__image-meta {
        position: static;

        display: flex;

        justify-content: space-between;

        margin-top: 13px;

        padding: 0 3px;

        font-size: 7px;

        letter-spacing: .14em;

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

        pointer-events: auto;
    }


    .c-about-story__image-word {
        right: 24px !important;
        bottom: 28px !important;
    }

}




/* =========================================================
   NOSOTROS — SECCIÓN 02
   AJUSTE DE PROPORCIÓN DEL BLOQUE VISUAL
========================================================= */

@media (min-width: 1190px) {

    .c-about-story__image-wrap {
        height: 570px !important;
    }

    .c-about-story__image {
        height: 275px !important;
        object-fit: cover;
        object-position: center;
    }

    .c-about-story__image-meta {
        bottom: 235px !important;
    }

    .c-about-story__image-word {
        bottom: 42px !important;
    }

}




/* =========================================================
   NOSOTROS — SECCIÓN 02
   AJUSTE MOBILE FINAL
========================================================= */

@media (max-width: 767px) {

    .c-about-story__image-wrap {
        height: 470px !important;
    }

    .c-about-story__image {
        height: 210px !important;
        object-fit: cover;
        object-position: center;
    }

    .c-about-story__image-meta {
        position: absolute !important;

        left: 24px;
        right: 24px;

        bottom: 175px !important;

        margin: 0 !important;
        padding: 0 !important;

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

        font-size: 6.5px;
        letter-spacing: .14em;

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

        pointer-events: none;
        z-index: 5;
    }

    .c-about-story__image-word {
        right: 22px !important;
        bottom: 34px !important;

        font-size: clamp(54px, 16vw, 72px) !important;
        line-height: .9 !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5f2abb *//* ==========================================================
   NOSOTROS — SECCIÓN 03
   LO QUE NOS CONECTA
========================================================== */

.c-about-values,
.c-about-values * {
    box-sizing: border-box;
}

.c-about-values {
    --values-bg: #f4f0ea;
    --values-black: #171717;
    --values-taupe: #a68d7e;
    --values-line: rgba(23, 23, 23, .18);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--values-bg);

    color: var(--values-black);
}


.c-about-values__inner {
    width: 100%;

    padding:
        clamp(75px, 9vw, 155px)
        clamp(30px, 6vw, 115px)
        clamp(70px, 8vw, 135px);
}


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

.c-about-values__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-values__eyebrow-line {
    width: clamp(60px, 7vw, 130px);

    height: 1px;

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


/* ==========================================================
   HEADLINE
========================================================== */

.c-about-values__headline {
    display: flex;

    justify-content: center;

    padding:
        clamp(70px, 8vw, 135px)
        0
        clamp(85px, 10vw, 170px);
}


.c-about-values__headline h2 {
    width: min(1200px, 86%);

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(70px, 7.4vw, 145px);

    font-weight: 400;

    line-height: .86;

    letter-spacing: -.055em;

    color: var(--values-black);
}


.c-about-values__headline h2 span {
    display: block;

    margin-left: 12%;

    color: var(--values-taupe);

    font-style: italic;

    font-weight: 400;
}


/* ==========================================================
   THREE PRINCIPLES
========================================================== */

.c-about-values__grid {
    display: grid;

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

    border-top:
        1px solid var(--values-line);

    border-bottom:
        1px solid var(--values-line);
}


.c-about-value {
    position: relative;

    min-height: 530px;

    padding:
        clamp(28px, 3vw, 50px);

    overflow: hidden;
}


.c-about-value + .c-about-value {
    border-left:
        1px solid var(--values-line);
}


/* TOP META */

.c-about-value__top {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    margin-bottom:
        clamp(65px, 7vw, 110px);

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

    font-size: 9px;

    letter-spacing: .25em;

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


/* VALUE TITLE */

.c-about-value h3 {
    position: relative;

    z-index: 2;

    max-width: 430px;

    margin:
        0
        0
        30px;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(38px, 3.5vw, 66px);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.04em;

    color: var(--values-black);
}


/* VALUE COPY */

.c-about-value p {
    position: relative;

    z-index: 2;

    max-width: 390px;

    margin: 0;

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

    font-size:
        clamp(13px, 1vw, 16px);

    line-height: 1.75;

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


/* LARGE BACKGROUND WORD */

.c-about-value__word {
    position: absolute;

    right: 22px;
    bottom: 28px;

    z-index: 1;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(72px, 6.2vw, 118px);

    font-style: italic;

    line-height: .85;

    letter-spacing: -.055em;

    color: rgba(166,141,126,.16);

    pointer-events: none;
}


/* ==========================================================
   CLOSING
========================================================== */

.c-about-values__closing {
    display: grid;

    grid-template-columns:
        minmax(140px, .4fr)
        minmax(500px, 1fr);

    gap: 50px;

    align-items: end;

    padding-top:
        clamp(80px, 9vw, 150px);
}


.c-about-values__closing > span {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .25em;

    text-transform: uppercase;

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


.c-about-values__closing p {
    max-width: 1050px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(55px, 6vw, 115px);

    line-height: .86;

    letter-spacing: -.05em;

    color: var(--values-black);
}


.c-about-values__closing em {
    color: var(--values-taupe);

    font-weight: 400;
}


/* ==========================================================
   REVEAL
========================================================== */

.c-values-reveal {
    opacity: 0;

    transform: translateY(32px);

    transition:
        opacity .8s ease var(--values-delay, 0ms),
        transform .8s cubic-bezier(.2,.7,.2,1)
        var(--values-delay, 0ms);
}


.c-values-reveal.is-visible {
    opacity: 1;

    transform: translateY(0);
}


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

@media (max-width: 1024px) {

    .c-about-values__inner {
        padding:
            80px
            40px
            90px;
    }


    .c-about-values__headline h2 {
        width: 94%;

        font-size:
            clamp(65px, 8.5vw, 92px);
    }


    .c-about-value {
        min-height: 470px;

        padding: 28px 24px;
    }


    .c-about-value__top {
        margin-bottom: 65px;
    }


    .c-about-value h3 {
        font-size:
            clamp(35px, 4.5vw, 48px);
    }

}


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

@media (max-width: 767px) {

    .c-about-values__inner {
        padding:
            65px
            20px
            75px;
    }


    .c-about-values__headline {
        justify-content: flex-start;

        padding:
            65px
            0
            80px;
    }


    .c-about-values__headline h2 {
        width: 100%;

        font-size:
            clamp(54px, 16vw, 76px);

        line-height: .88;
    }


    .c-about-values__headline h2 span {
        margin-left: 8%;
    }


    /* vertical editorial timeline */

    .c-about-values__grid {
        display: block;
    }


    .c-about-value {
        min-height: 420px;

        padding:
            28px
            5px
            45px;
    }


    .c-about-value + .c-about-value {
        border-left: 0;

        border-top:
            1px solid var(--values-line);
    }


    .c-about-value__top {
        margin-bottom: 65px;
    }


    .c-about-value h3 {
        width: 90%;

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


    .c-about-value p {
        width: 82%;

        font-size: 14px;
    }


    .c-about-value__word {
        right: 0;

        bottom: 10px;

        font-size:
            clamp(90px, 28vw, 125px);
    }


    /* CLOSING */

    .c-about-values__closing {
        display: block;

        padding-top: 75px;
    }


    .c-about-values__closing > span {
        display: block;

        margin-bottom: 35px;
    }


    .c-about-values__closing p {
        font-size:
            clamp(54px, 15vw, 74px);
    }

}


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

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

    .c-values-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-befa9fe *//* ==========================================================
   NOSOTROS — SECCIÓN 04
   MÁS QUE UN SERVICIO
   CSS COMPLETO / DESKTOP + TABLET + MOBILE
========================================================== */


/* ==========================================================
   01. BASE
========================================================== */

.c-about-feeling,
.c-about-feeling * {
    box-sizing: border-box;
}


.c-about-feeling {
    --feeling-bg: #bba293;
    --feeling-paper: #f4f0ea;
    --feeling-black: #171717;
    --feeling-line: rgba(23, 23, 23, .22);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--feeling-bg);

    color: var(--feeling-black);
}


/* ==========================================================
   02. INNER
========================================================== */

.c-about-feeling__inner {
    width: 100%;

    padding:
        clamp(75px, 8vw, 145px)
        clamp(30px, 5vw, 95px)
        clamp(90px, 10vw, 175px);
}


/* ==========================================================
   03. EYEBROW
========================================================== */

.c-about-feeling__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-feeling__line {
    width: clamp(60px, 7vw, 130px);

    height: 1px;

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


/* ==========================================================
   04. HEADLINE
========================================================== */

.c-about-feeling__headline {
    position: relative;

    z-index: 10;

    padding:
        clamp(65px, 7vw, 120px)
        0
        clamp(55px, 5vw, 90px);
}


.c-about-feeling__headline h2 {
    width: min(1350px, 92%);

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(75px, 8vw, 155px);

    font-weight: 400;

    line-height: .82;

    letter-spacing: -.055em;

    color: var(--feeling-black);
}


.c-about-feeling__headline h2 span {
    display: block;

    margin-left:
        clamp(80px, 14vw, 280px);

    color: var(--feeling-paper);

    font-style: italic;

    font-weight: 400;
}


/* ==========================================================
   05. COLLAGE — DESKTOP BASE
========================================================== */

.c-about-feeling__collage {
    position: relative;

    display: block;

    width: 100%;

    min-height:
        clamp(1050px, 78vw, 1450px);

    margin-top:
        clamp(20px, 3vw, 55px);
}


/* ==========================================================
   06. PHOTOS — BASE
========================================================== */

.c-about-feeling__photo {
    position: absolute;

    margin: 0;

    overflow: visible;

    transform:
        translateY(var(--photo-y, 0px));

    transition:
        transform .15s linear;
}


.c-about-feeling__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ==========================================================
   07. PHOTO 01
   GRANDE / IZQUIERDA
========================================================== */

.c-about-feeling__photo--one {
    top: 0;
    left: 0;

    width: 42%;

    height:
        clamp(500px, 39vw, 720px);

    z-index: 1;
}


.c-about-feeling__photo--one img {
    border-radius:
        210px
        22px
        22px
        22px;
}


/* ==========================================================
   08. PHOTO 02
   DERECHA / MÁS PEQUEÑA
========================================================== */

.c-about-feeling__photo--two {
    top: clamp(90px, 8vw, 150px);
    right: 2%;

    width: 28%;

    height:
        clamp(410px, 32vw, 590px);

    z-index: 2;
}


.c-about-feeling__photo--two img {
    border-radius:
        22px
        150px
        22px
        22px;
}


/* ==========================================================
   09. PHOTO 03
   INFERIOR / CENTRAL
========================================================== */

.c-about-feeling__photo--three {
    top:
        clamp(670px, 47vw, 850px);

    left: 34%;

    width: 41%;

    height:
        clamp(470px, 36vw, 660px);

    z-index: 1;
}


.c-about-feeling__photo--three img {
    border-radius:
        22px
        22px
        180px
        22px;
}


/* ==========================================================
   10. PHOTO CAPTIONS
========================================================== */

.c-about-feeling__photo figcaption {
    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    padding-top: 14px;

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

    font-size: 8px;

    letter-spacing: .22em;

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


/* ==========================================================
   11. CENTER MESSAGE
========================================================== */

.c-about-feeling__center {
    position: absolute;

    top:
        clamp(440px, 34vw, 620px);

    left: 48%;

    z-index: 6;

    width:
        min(540px, 34%);

    transform:
        translate(-50%, -50%);
}


.c-about-feeling__center p {
    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(42px, 4vw, 76px);

    font-weight: 400;

    line-height: .94;

    letter-spacing: -.04em;

    color: var(--feeling-black);
}


.c-about-feeling__center em {
    display: block;

    color: var(--feeling-paper);

    font-size: 1.22em;

    font-weight: 400;
}


.c-about-feeling__center > span {
    display: block;

    margin-top: 30px;

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

    font-size: 8px;

    letter-spacing: .27em;

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


/* ==========================================================
   12. CLOSING
========================================================== */

.c-about-feeling__closing {
    display: grid;

    grid-template-columns:
        minmax(100px, .25fr)
        minmax(600px, 1fr);

    gap:
        clamp(40px, 7vw, 130px);

    align-items: end;

    padding-top:
        clamp(70px, 8vw, 140px);

    border-top:
        1px solid var(--feeling-line);
}


.c-about-feeling__closing-number {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-feeling__closing p {
    max-width: 1050px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(52px, 5.4vw, 105px);

    font-weight: 400;

    line-height: .9;

    letter-spacing: -.045em;

    color: var(--feeling-black);
}


.c-about-feeling__closing strong {
    display: block;

    color: var(--feeling-paper);

    font-weight: 400;

    font-style: italic;
}


/* ==========================================================
   13. REVEAL
========================================================== */

.c-feeling-reveal {
    opacity: 0;

    transition:
        opacity .85s ease
        var(--feeling-delay, 0ms);
}


.c-feeling-reveal.is-visible {
    opacity: 1;
}


/* ==========================================================
   TABLET
   768px — 1024px
========================================================== */

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

    /* INNER */

    .c-about-feeling__inner {
        padding:
            75px
            40px
            100px;
    }


    /* HEADLINE */

    .c-about-feeling__headline {
        padding:
            65px
            0
            70px;
    }


    .c-about-feeling__headline h2 {
        width: 100%;

        font-size:
            clamp(68px, 9vw, 100px);
    }


    .c-about-feeling__headline h2 span {
        margin-left: 10%;
    }


    /* COLLAGE */

    .c-about-feeling__collage {
        position: relative;

        display: block;

        min-height: 1050px;

        margin-top: 20px;
    }


    /* PHOTO BASE */

    .c-about-feeling__photo {
        position: absolute;

        margin: 0;
    }


    /* PHOTO 01 */

    .c-about-feeling__photo--one {
        top: 0;
        left: 0;

        width: 48%;

        height: 510px;
    }


    .c-about-feeling__photo--one img {
        border-radius:
            150px
            18px
            18px
            18px;
    }


    /* PHOTO 02 */

    .c-about-feeling__photo--two {
        top: 95px;
        right: 0;

        width: 34%;

        height: 425px;
    }


    .c-about-feeling__photo--two img {
        border-radius:
            18px
            110px
            18px
            18px;
    }


    /* CENTER */

    .c-about-feeling__center {
        top: 455px;
        left: 51%;

        width: 42%;

        transform:
            translate(-50%, -50%);
    }


    .c-about-feeling__center p {
        font-size:
            clamp(40px, 5.2vw, 58px);
    }


    /* PHOTO 03 */

    .c-about-feeling__photo--three {
        top: 610px;
        left: 28%;

        width: 48%;

        height: 470px;
    }


    .c-about-feeling__photo--three img {
        border-radius:
            18px
            18px
            130px
            18px;
    }


    /* CLOSING */

    .c-about-feeling__closing {
        grid-template-columns:
            100px
            1fr;

        gap: 40px;

        padding-top: 90px;
    }


    .c-about-feeling__closing p {
        font-size:
            clamp(52px, 7vw, 76px);
    }

}


/* ==========================================================
   MOBILE
   0px — 767px
========================================================== */

@media (max-width: 767px) {

    /* INNER */

    .c-about-feeling__inner {
        padding:
            65px
            20px
            80px;
    }


    /* EYEBROW */

    .c-about-feeling__eyebrow {
        gap: 13px;

        font-size: 8px;
    }


    .c-about-feeling__line {
        width: 55px;
    }


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

    .c-about-feeling__headline {
        padding:
            60px
            0
            65px;
    }


    .c-about-feeling__headline h2 {
        width: 100%;

        font-size:
            clamp(54px, 16vw, 76px);

        line-height: .86;
    }


    .c-about-feeling__headline h2 span {
        margin-left: 7%;
    }


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

       IMPORTANTE:
       AQUÍ deja de existir el posicionamiento absoluto.
       Las imágenes entran al flujo normal.
    ====================================================== */

    .c-about-feeling__collage {
        position: relative;

        display: flex;

        flex-direction: column;

        width: 100%;

        min-height: 0;

        margin-top: 0;

        gap: 75px;
    }


    /* ======================================================
       PHOTO BASE MOBILE
    ====================================================== */

    .c-about-feeling__photo {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        flex: 0 0 auto;

        margin: 0;

        transform: none !important;

        transition: none;
    }


    /* ======================================================
       PHOTO 01 MOBILE
    ====================================================== */

    .c-about-feeling__photo--one {
        width: 100%;

        height: 115vw;

        max-height: 540px;

        margin:
            0
            auto;
    }


    .c-about-feeling__photo--one img {
        border-radius:
            100px
            14px
            14px
            14px;
    }


    /* ======================================================
       CENTER MESSAGE MOBILE
    ====================================================== */

    .c-about-feeling__center {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        z-index: 3;

        width: 88%;

        margin:
            0
            0
            0
            auto;

        transform: none;
    }


    .c-about-feeling__center p {
        font-size:
            clamp(42px, 12vw, 57px);

        line-height: .94;
    }


    .c-about-feeling__center > span {
        margin-top: 25px;
    }


    /* ======================================================
       PHOTO 02 MOBILE
    ====================================================== */

    .c-about-feeling__photo--two {
        width: 76%;

        height: 95vw;

        max-height: 460px;

        margin:
            0
            0
            0
            auto;
    }


    .c-about-feeling__photo--two img {
        border-radius:
            14px
            90px
            14px
            14px;
    }


    /* ======================================================
       PHOTO 03 MOBILE
    ====================================================== */

    .c-about-feeling__photo--three {
        width: 88%;

        height: 105vw;

        max-height: 500px;

        margin:
            0
            auto
            0
            0;
    }


    .c-about-feeling__photo--three img {
        border-radius:
            14px
            14px
            100px
            14px;
    }


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

    .c-about-feeling__photo figcaption {
        padding-top: 12px;

        font-size: 7px;

        letter-spacing: .18em;
    }


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

    .c-about-feeling__closing {
        display: block;

        margin-top: 80px;

        padding-top: 70px;
    }


    .c-about-feeling__closing-number {
        display: block;

        margin-bottom: 35px;
    }


    .c-about-feeling__closing p {
        font-size:
            clamp(48px, 13vw, 65px);

        line-height: .91;
    }

}


/* ==========================================================
   SMALL MOBILE
   Hasta 430px
========================================================== */

@media (max-width: 430px) {

    .c-about-feeling__inner {
        padding-left: 16px;
        padding-right: 16px;
    }


    .c-about-feeling__headline h2 {
        font-size:
            clamp(50px, 15vw, 66px);
    }


    .c-about-feeling__collage {
        gap: 68px;
    }


    .c-about-feeling__photo--one {
        height: 120vw;
    }


    .c-about-feeling__photo--two {
        width: 80%;

        height: 105vw;
    }


    .c-about-feeling__photo--three {
        width: 90%;

        height: 110vw;
    }

}


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

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

    .c-about-feeling__photo {
        transform: none !important;

        transition: none !important;
    }


    .c-feeling-reveal {
        opacity: 1;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdcbfba *//* =========================================================
   NOSOTROS — SECCIÓN 04
   FRASE CENTRAL / CONTRASTE
========================================================= */

.c-about-feeling__center{
  position: relative;
  z-index: 4;
  max-width: 520px;
  padding: 22px 26px;
  border-radius: 20px;
  background: rgba(24, 18, 18, 0.28);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.10);
}

.c-about-feeling__center p{
  margin: 0;
  color: #fffaf6;
  text-shadow: 0 3px 16px rgba(0,0,0,0.28);
}

.c-about-feeling__center em{
  color: #f5dfd7;
  text-shadow: 0 3px 16px rgba(0,0,0,0.30);
}

.c-about-feeling__center > span{
  display: block;
  margin-top: 14px;
  color: rgba(255,255,255,0.82);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a352d4d *//* ==========================================================
   NOSOTROS — SECCIÓN 05
   NUESTRA FORMA DE ATENDER
========================================================== */

.c-about-care,
.c-about-care * {
    box-sizing: border-box;
}


.c-about-care {
    --care-bg: #171717;
    --care-paper: #f4f0ea;
    --care-taupe: #b9a091;
    --care-line: rgba(244, 240, 234, .16);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--care-bg);

    color: var(--care-paper);
}


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

.c-about-care__inner {
    width: 100%;

    padding:
        clamp(75px, 8vw, 145px)
        clamp(30px, 5vw, 95px)
        clamp(85px, 9vw, 160px);
}


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

.c-about-care__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-care__eyebrow-line {
    width: clamp(60px, 7vw, 130px);

    height: 1px;

    background: rgba(244,240,234,.4);
}


/* ==========================================================
   HEADLINE
========================================================== */

.c-about-care__headline {
    padding:
        clamp(70px, 8vw, 135px)
        0
        clamp(80px, 9vw, 150px);
}


.c-about-care__headline h2 {
    max-width: 1450px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(78px, 8.4vw, 160px);

    font-weight: 400;

    line-height: .83;

    letter-spacing: -.055em;

    color: var(--care-paper);
}


.c-about-care__headline h2 span {
    display: block;

    margin-left:
        clamp(90px, 17vw, 340px);

    color: var(--care-taupe);

    font-style: italic;

    font-weight: 400;
}


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

.c-about-care__intro {
    display: grid;

    grid-template-columns:
        minmax(120px, .35fr)
        minmax(450px, .85fr)
        minmax(100px, .5fr);

    gap: 50px;

    align-items: start;

    padding-bottom:
        clamp(70px, 8vw, 130px);
}


.c-about-care__intro-number {
    padding-top: 13px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-care__intro p {
    grid-column: 2;

    max-width: 750px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(34px, 3vw, 56px);

    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -.035em;

    color: var(--care-paper);
}


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

.c-about-care__steps {
    display: grid;

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

    border-top:
        1px solid var(--care-line);

    border-bottom:
        1px solid var(--care-line);
}


.c-about-care__step {
    position: relative;

    min-height: 530px;

    padding:
        clamp(25px, 2.5vw, 45px);

    overflow: hidden;
}


.c-about-care__step + .c-about-care__step {
    border-left:
        1px solid var(--care-line);
}


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

.c-about-care__step-top {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    margin-bottom:
        clamp(80px, 7vw, 125px);

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

    font-size: 8px;

    letter-spacing: .23em;

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


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

.c-about-care__step h3 {
    position: relative;

    z-index: 2;

    margin:
        0
        0
        28px;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(38px, 3.3vw, 63px);

    font-weight: 400;

    line-height: .95;

    letter-spacing: -.04em;

    color: var(--care-paper);
}


/* ==========================================================
   STEP COPY
========================================================== */

.c-about-care__step p {
    position: relative;

    z-index: 2;

    max-width: 310px;

    margin: 0;

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

    font-size:
        clamp(13px, .95vw, 15px);

    line-height: 1.75;

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


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

.c-about-care__ghost {
    position: absolute;

    right: 15px;
    bottom: 30px;

    z-index: 1;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(55px, 5vw, 95px);

    font-style: italic;

    line-height: .85;

    letter-spacing: -.055em;

    white-space: nowrap;

    color: rgba(185,160,145,.10);

    pointer-events: none;
}


/* ==========================================================
   CLOSING
========================================================== */

.c-about-care__closing {
    display: grid;

    grid-template-columns:
        minmax(150px, .35fr)
        minmax(600px, 1fr);

    gap:
        clamp(40px, 7vw, 130px);

    align-items: end;

    padding-top:
        clamp(90px, 10vw, 170px);
}


.c-about-care__closing-small {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .27em;

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


.c-about-care__closing p {
    max-width: 1100px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(55px, 5.8vw, 110px);

    font-weight: 400;

    line-height: .88;

    letter-spacing: -.05em;

    color: var(--care-paper);
}


.c-about-care__closing em {
    display: block;

    color: var(--care-taupe);

    font-weight: 400;
}


/* ==========================================================
   REVEAL
========================================================== */

.c-care-reveal {
    opacity: 0;

    transform: translateY(28px);

    transition:
        opacity .8s ease var(--care-delay, 0ms),
        transform .8s cubic-bezier(.2,.7,.2,1)
        var(--care-delay, 0ms);
}


.c-care-reveal.is-visible {
    opacity: 1;

    transform: translateY(0);
}


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

@media (max-width: 1024px) {

    .c-about-care__inner {
        padding:
            80px
            40px
            100px;
    }


    .c-about-care__headline h2 {
        font-size:
            clamp(68px, 9vw, 100px);
    }


    /*
       En tablet usamos 2 x 2.
       Mucho más legible que intentar meter 4 columnas.
    */

    .c-about-care__steps {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .c-about-care__step {
        min-height: 460px;
    }


    .c-about-care__step:nth-child(3) {
        border-left: 0;

        border-top:
            1px solid var(--care-line);
    }


    .c-about-care__step:nth-child(4) {
        border-top:
            1px solid var(--care-line);
    }


    .c-about-care__intro {
        grid-template-columns:
            100px
            1fr;
    }


    .c-about-care__intro p {
        grid-column: 2;
    }


    .c-about-care__closing {
        grid-template-columns:
            110px
            1fr;
    }

}


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

@media (max-width: 767px) {

    .c-about-care__inner {
        padding:
            65px
            20px
            80px;
    }


    /* HEADLINE */

    .c-about-care__headline {
        padding:
            65px
            0
            75px;
    }


    .c-about-care__headline h2 {
        font-size:
            clamp(54px, 16vw, 76px);

        line-height: .86;
    }


    .c-about-care__headline h2 span {
        margin-left: 7%;
    }


    /* INTRO */

    .c-about-care__intro {
        display: block;

        padding-bottom: 70px;
    }


    .c-about-care__intro-number {
        display: block;

        margin-bottom: 30px;
    }


    .c-about-care__intro p {
        max-width: 92%;

        font-size:
            clamp(31px, 8vw, 42px);
    }


    /* STEPS */

    .c-about-care__steps {
        display: block;
    }


    .c-about-care__step {
        min-height: 420px;

        padding:
            28px
            5px
            45px;
    }


    .c-about-care__step + .c-about-care__step {
        border-left: 0;

        border-top:
            1px solid var(--care-line);
    }


    .c-about-care__step-top {
        margin-bottom: 75px;
    }


    .c-about-care__step h3 {
        font-size:
            clamp(45px, 13vw, 62px);
    }


    .c-about-care__step p {
        width: 82%;

        max-width: none;

        font-size: 14px;
    }


    .c-about-care__ghost {
        right: 0;

        bottom: 28px;

        font-size:
            clamp(68px, 20vw, 95px);
    }


    /* CLOSING */

    .c-about-care__closing {
        display: block;

        padding-top: 80px;
    }


    .c-about-care__closing-small {
        margin-bottom: 35px;
    }


    .c-about-care__closing p {
        font-size:
            clamp(50px, 14vw, 68px);
    }

}


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

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

    .c-care-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae94a66 *//* ==========================================================
   NOSOTROS — SECCIÓN 06
   EL ESPACIO
========================================================== */

.c-about-space,
.c-about-space * {
    box-sizing: border-box;
}


.c-about-space {
    --space-bg: #f4f0ea;
    --space-black: #171717;
    --space-taupe: #a68d7e;
    --space-line: rgba(23,23,23,.18);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--space-bg);

    color: var(--space-black);
}


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

.c-about-space__inner {
    width: 100%;

    padding:
        clamp(75px, 8vw, 145px)
        clamp(30px, 5vw, 95px)
        clamp(90px, 10vw, 175px);
}


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

.c-about-space__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-space__line {
    width:
        clamp(60px, 7vw, 130px);

    height: 1px;

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


/* ==========================================================
   HEADLINE
========================================================== */

.c-about-space__headline {
    padding:
        clamp(70px, 8vw, 135px)
        0
        clamp(55px, 6vw, 95px);
}


.c-about-space__headline h2 {
    max-width: 1450px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(78px, 8.2vw, 158px);

    font-weight: 400;

    line-height: .83;

    letter-spacing: -.055em;
}


.c-about-space__headline h2 span {
    display: block;

    margin-left:
        clamp(100px, 17vw, 340px);

    color: var(--space-taupe);

    font-style: italic;

    font-weight: 400;
}


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

.c-about-space__intro {
    display: grid;

    grid-template-columns:
        minmax(180px, .35fr)
        minmax(450px, .8fr)
        minmax(100px, .5fr);

    gap: 50px;

    padding-bottom:
        clamp(70px, 8vw, 130px);
}


.c-about-space__intro > span {
    padding-top: 7px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-space__intro p {
    grid-column: 2;

    max-width: 680px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(31px, 2.5vw, 48px);

    line-height: 1.08;

    letter-spacing: -.03em;
}


/* ==========================================================
   GALLERY — DESKTOP
========================================================== */

.c-about-space__gallery {
    position: relative;

    width: 100%;

    min-height:
        clamp(1200px, 85vw, 1600px);
}


/* PHOTO BASE */

.c-about-space__photo {
    position: absolute;

    margin: 0;
}


.c-about-space__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ==========================================================
   PHOTO 01
========================================================== */

.c-about-space__photo--one {
    top: 0;
    left: 0;

    width: 48%;

    height:
        clamp(520px, 42vw, 760px);
}


.c-about-space__photo--one img {
    border-radius:
        210px
        22px
        22px
        22px;
}


/* ==========================================================
   PHOTO 02
========================================================== */

.c-about-space__photo--two {
    top: 7%;

    right: 2%;

    width: 31%;

    height:
        clamp(430px, 34vw, 610px);
}


.c-about-space__photo--two img {
    border-radius:
        22px
        150px
        22px
        22px;
}


/* ==========================================================
   PHOTO 03
========================================================== */

.c-about-space__photo--three {
    left: 9%;

    bottom: 0;

    width: 29%;

    height:
        clamp(430px, 34vw, 610px);
}


.c-about-space__photo--three img {
    border-radius:
        22px
        22px
        120px
        22px;
}


/* ==========================================================
   PHOTO 04
========================================================== */

.c-about-space__photo--four {
    right: 7%;

    bottom: 3%;

    width: 45%;

    height:
        clamp(500px, 40vw, 720px);
}


.c-about-space__photo--four img {
    border-radius:
        22px
        22px
        190px
        22px;
}


/* ==========================================================
   FIGCAPTION
========================================================== */

.c-about-space__photo figcaption {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    padding-top: 13px;

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

    font-size: 8px;

    letter-spacing: .22em;

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


/* ==========================================================
   FLOATING MESSAGE
========================================================== */

.c-about-space__floating {
    position: absolute;

    z-index: 5;

    top: 48%;
    left: 50%;

    width:
        min(540px, 34%);

    transform:
        translate(-50%, -50%);
}


.c-about-space__floating > span {
    display: block;

    margin-bottom: 28px;

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

    font-size: 8px;

    letter-spacing: .26em;

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


.c-about-space__floating p {
    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(42px, 4vw, 76px);

    line-height: .94;

    letter-spacing: -.045em;
}


.c-about-space__floating em {
    display: block;

    color: var(--space-taupe);

    font-weight: 400;
}


/* ==========================================================
   CLOSING
========================================================== */

.c-about-space__closing {
    display: grid;

    grid-template-columns:
        minmax(140px, .3fr)
        minmax(600px, 1fr);

    gap:
        clamp(40px, 7vw, 130px);

    align-items: end;

    margin-top:
        clamp(80px, 9vw, 150px);

    padding-top:
        clamp(70px, 8vw, 130px);

    border-top:
        1px solid var(--space-line);
}


.c-about-space__closing > span {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-space__closing p {
    max-width: 1050px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(55px, 5.8vw, 110px);

    line-height: .88;

    letter-spacing: -.05em;
}


.c-about-space__closing em {
    display: block;

    color: var(--space-taupe);

    font-weight: 400;
}


/* ==========================================================
   REVEAL
========================================================== */

.c-space-reveal {
    opacity: 0;

    transform: translateY(28px);

    transition:
        opacity .8s ease var(--space-delay, 0ms),
        transform .8s cubic-bezier(.2,.7,.2,1)
        var(--space-delay, 0ms);
}


.c-space-reveal.is-visible {
    opacity: 1;

    transform: translateY(0);
}


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

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

    .c-about-space__inner {
        padding:
            80px
            40px
            100px;
    }


    .c-about-space__headline h2 {
        font-size:
            clamp(68px, 9vw, 100px);
    }


    .c-about-space__headline h2 span {
        margin-left: 10%;
    }


    .c-about-space__intro {
        grid-template-columns:
            110px
            1fr;
    }


    .c-about-space__intro p {
        grid-column: 2;
    }


    .c-about-space__gallery {
        min-height: 1080px;
    }


    .c-about-space__photo--one {
        width: 50%;
        height: 510px;
    }


    .c-about-space__photo--two {
        top: 80px;

        width: 34%;
        height: 425px;
    }


    .c-about-space__photo--three {
        width: 32%;
        height: 430px;
    }


    .c-about-space__photo--four {
        width: 48%;
        height: 480px;
    }


    .c-about-space__floating {
        top: 49%;

        width: 42%;
    }


    .c-about-space__floating p {
        font-size:
            clamp(40px, 5.2vw, 58px);
    }


    .c-about-space__closing {
        grid-template-columns:
            110px
            1fr;
    }

}


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

@media (max-width: 767px) {

    .c-about-space__inner {
        padding:
            65px
            20px
            80px;
    }


    /* HEADLINE */

    .c-about-space__headline {
        padding:
            65px
            0
            70px;
    }


    .c-about-space__headline h2 {
        font-size:
            clamp(54px, 16vw, 76px);

        line-height: .86;
    }


    .c-about-space__headline h2 span {
        margin-left: 7%;
    }


    /* INTRO */

    .c-about-space__intro {
        display: block;

        padding-bottom: 70px;
    }


    .c-about-space__intro > span {
        display: block;

        margin-bottom: 30px;
    }


    .c-about-space__intro p {
        max-width: 92%;

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


    /* ======================================================
       GALLERY MOBILE
       SIN POSITION ABSOLUTE
    ====================================================== */

    .c-about-space__gallery {
        display: flex;

        flex-direction: column;

        min-height: 0;

        gap: 70px;
    }


    .c-about-space__photo {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        flex: 0 0 auto;

        margin: 0;
    }


    /* FOTO 01 */

    .c-about-space__photo--one {
        width: 100%;

        height: 115vw;

        max-height: 540px;
    }


    .c-about-space__photo--one img {
        border-radius:
            100px
            14px
            14px
            14px;
    }


    /* FOTO 02 */

    .c-about-space__photo--two {
        width: 78%;

        height: 95vw;

        max-height: 460px;

        margin-left: auto;
    }


    .c-about-space__photo--two img {
        border-radius:
            14px
            90px
            14px
            14px;
    }


    /* TEXTO */

    .c-about-space__floating {
        position: relative;

        top: auto;
        left: auto;

        width: 88%;

        margin-left: auto;

        transform: none;
    }


    .c-about-space__floating p {
        font-size:
            clamp(42px, 12vw, 57px);
    }


    /* FOTO 03 */

    .c-about-space__photo--three {
        width: 72%;

        height: 90vw;

        max-height: 440px;
    }


    /* FOTO 04 */

    .c-about-space__photo--four {
        width: 92%;

        height: 108vw;

        max-height: 520px;

        margin-left: auto;
    }


    .c-about-space__photo--four img {
        border-radius:
            14px
            14px
            100px
            14px;
    }


    /* CLOSING */

    .c-about-space__closing {
        display: block;

        margin-top: 85px;

        padding-top: 70px;
    }


    .c-about-space__closing > span {
        display: block;

        margin-bottom: 35px;
    }


    .c-about-space__closing p {
        font-size:
            clamp(50px, 14vw, 68px);
    }

}


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

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

    .c-space-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3620f28 *//* =========================================================
   NOSOTROS — SECCIÓN 06
   TEXTO FLOTANTE SOBRE IMÁGENES
========================================================= */

.c-about-space__floating{
  position: absolute;
  z-index: 3;
  max-width: 320px;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(26, 18, 18, 0.42);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

.c-about-space__floating span{
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.82);
}

.c-about-space__floating p{
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3.2vw, 54px);
  line-height: 0.95;
  color: #f7efe8;
  text-shadow: 0 4px 18px rgba(0,0,0,0.18);
}

.c-about-space__floating em{
  font-style: italic;
  color: #f3d7dd;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b6c205 *//* ==========================================================
   NOSOTROS — SECCIÓN 07
   PARA TI
========================================================== */

.c-about-for-you,
.c-about-for-you * {
    box-sizing: border-box;
}


.c-about-for-you {
    --for-you-bg: #e7ddd5;
    --for-you-black: #171717;
    --for-you-taupe: #9e8475;
    --for-you-line: rgba(23,23,23,.18);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--for-you-bg);

    color: var(--for-you-black);
}


/* INNER */

.c-about-for-you__inner {
    width: 100%;

    padding:
        clamp(75px, 8vw, 145px)
        clamp(30px, 5vw, 95px)
        clamp(90px, 10vw, 175px);
}


/* EYEBROW */

.c-about-for-you__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-for-you__line {
    width:
        clamp(60px, 7vw, 130px);

    height: 1px;

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


/* HEADLINE */

.c-about-for-you__headline {
    padding:
        clamp(70px, 8vw, 135px)
        0
        clamp(95px, 10vw, 170px);
}


.c-about-for-you__headline h2 {
    max-width: 1400px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(78px, 8.2vw, 158px);

    font-weight: 400;

    line-height: .83;

    letter-spacing: -.055em;
}


.c-about-for-you__headline h2 span {
    display: block;

    margin-left:
        clamp(90px, 17vw, 340px);

    color: var(--for-you-taupe);

    font-style: italic;

    font-weight: 400;
}


/* ==========================================================
   THOUGHTS
========================================================== */

.c-about-for-you__thoughts {
    position: relative;

    min-height:
        clamp(800px, 70vw, 1250px);

    border-top:
        1px solid var(--for-you-line);

    border-bottom:
        1px solid var(--for-you-line);
}


.c-about-for-you__thought {
    position: absolute;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-weight: 400;

    line-height: .92;

    letter-spacing: -.045em;
}


/* 01 */

.c-about-for-you__thought--one {
    top: 8%;
    left: 3%;

    font-size:
        clamp(54px, 5.2vw, 98px);
}


/* 02 */

.c-about-for-you__thought--two {
    top: 27%;
    right: 6%;

    font-size:
        clamp(62px, 6.2vw, 118px);

    color: var(--for-you-taupe);
}


/* 03 */

.c-about-for-you__thought--three {
    top: 47%;
    left: 15%;

    font-size:
        clamp(50px, 5vw, 94px);
}


/* 04 */

.c-about-for-you__thought--four {
    top: 68%;
    right: 14%;

    font-size:
        clamp(66px, 6.5vw, 122px);

    color: var(--for-you-taupe);
}


/* 05 */

.c-about-for-you__thought--five {
    bottom: 6%;
    left: 5%;

    font-size:
        clamp(52px, 5.3vw, 100px);
}


/* ==========================================================
   CLOSING
========================================================== */

.c-about-for-you__closing {
    display: grid;

    grid-template-columns:
        minmax(140px, .3fr)
        minmax(600px, 1fr);

    gap:
        clamp(40px, 7vw, 130px);

    align-items: end;

    padding-top:
        clamp(85px, 9vw, 150px);
}


.c-about-for-you__closing > span {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-for-you__closing p {
    max-width: 1050px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(55px, 5.8vw, 110px);

    line-height: .88;

    letter-spacing: -.05em;
}


.c-about-for-you__closing em {
    display: block;

    color: var(--for-you-taupe);

    font-weight: 400;
}


/* REVEAL */

.c-for-you-reveal {
    opacity: 0;

    transform: translateY(28px);

    transition:
        opacity .8s ease var(--for-you-delay, 0ms),
        transform .8s cubic-bezier(.2,.7,.2,1)
        var(--for-you-delay, 0ms);
}


.c-for-you-reveal.is-visible {
    opacity: 1;

    transform: translateY(0);
}


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

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

    .c-about-for-you__inner {
        padding:
            80px
            40px
            100px;
    }


    .c-about-for-you__headline h2 {
        font-size:
            clamp(68px, 9vw, 100px);
    }


    .c-about-for-you__headline h2 span {
        margin-left: 10%;
    }


    .c-about-for-you__thoughts {
        min-height: 850px;
    }


    .c-about-for-you__thought--one {
        left: 0;
    }


    .c-about-for-you__thought--two {
        right: 2%;
    }


    .c-about-for-you__thought--three {
        left: 8%;
    }


    .c-about-for-you__thought--four {
        right: 7%;
    }


    .c-about-for-you__closing {
        grid-template-columns:
            110px
            1fr;
    }

}


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

@media (max-width: 767px) {

    .c-about-for-you__inner {
        padding:
            65px
            20px
            80px;
    }


    .c-about-for-you__headline {
        padding:
            65px
            0
            75px;
    }


    .c-about-for-you__headline h2 {
        font-size:
            clamp(54px, 16vw, 76px);

        line-height: .86;
    }


    .c-about-for-you__headline h2 span {
        margin-left: 7%;
    }


    /*
       MOBILE:
       Las frases dejan de ser absolutas.
    */

    .c-about-for-you__thoughts {
        display: flex;

        flex-direction: column;

        min-height: 0;

        padding:
            55px
            0;

        gap: 75px;
    }


    .c-about-for-you__thought {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 92%;

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


    .c-about-for-you__thought--two,
    .c-about-for-you__thought--four {
        width: 88%;

        margin-left: auto;
    }


    .c-about-for-you__thought--three {
        margin-left: 6%;
    }


    .c-about-for-you__thought--five {
        width: 90%;
    }


    /* CLOSING */

    .c-about-for-you__closing {
        display: block;

        padding-top: 75px;
    }


    .c-about-for-you__closing > span {
        display: block;

        margin-bottom: 35px;
    }


    .c-about-for-you__closing p {
        font-size:
            clamp(50px, 14vw, 68px);
    }

}


/* REDUCED MOTION */

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

    .c-for-you-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42e2863 *//* ==========================================================
   NOSOTROS — SECCIÓN 08
   MUCHAS FORMAS DE CUIDARTE
========================================================== */

.c-about-services,
.c-about-services * {
    box-sizing: border-box;
}


.c-about-services {
    --services-bg: #171717;
    --services-paper: #f4f0ea;
    --services-taupe: #b9a091;
    --services-line: rgba(244,240,234,.16);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--services-bg);

    color: var(--services-paper);
}


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

.c-about-services__inner {
    position: relative;

    width: 100%;

    padding:
        clamp(75px, 8vw, 145px)
        clamp(30px, 5vw, 95px)
        clamp(90px, 10vw, 175px);
}


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

.c-about-services__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-services__line {
    width:
        clamp(60px, 7vw, 130px);

    height: 1px;

    background:
        rgba(244,240,234,.4);
}


/* ==========================================================
   HEADLINE
========================================================== */

.c-about-services__headline {
    padding:
        clamp(70px, 8vw, 135px)
        0
        clamp(85px, 9vw, 150px);
}


.c-about-services__headline h2 {
    max-width: 1350px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(78px, 8.2vw, 158px);

    font-weight: 400;

    line-height: .83;

    letter-spacing: -.055em;

    color: var(--services-paper);
}


.c-about-services__headline h2 span {
    display: block;

    margin-left:
        clamp(90px, 17vw, 340px);

    color: var(--services-taupe);

    font-style: italic;

    font-weight: 400;
}


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

.c-about-services__list {
    position: relative;

    z-index: 4;

    border-top:
        1px solid var(--services-line);
}


.c-about-service {
    position: relative;

    min-height:
        clamp(115px, 9vw, 160px);

    display: grid;

    grid-template-columns:
        150px
        1fr
        55px;

    align-items: center;

    gap: 30px;

    border-bottom:
        1px solid var(--services-line);

    color: var(--services-paper);

    text-decoration: none;

    transition:
        padding-left .4s cubic-bezier(.2,.7,.2,1),
        color .35s ease;
}


.c-about-service:hover {
    padding-left: 20px;

    color: var(--services-taupe);
}


/* META */

.c-about-service__meta {
    display: flex;

    justify-content: space-between;

    gap: 20px;

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

    font-size: 8px;

    letter-spacing: .22em;

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


/* NAME */

.c-about-service__title {
    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(54px, 5vw, 96px);

    font-weight: 400;

    line-height: .9;

    letter-spacing: -.045em;
}


/* ARROW */

.c-about-service__arrow {
    justify-self: end;

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

    font-size: 20px;

    transition:
        transform .35s ease;
}


.c-about-service:hover
.c-about-service__arrow {
    transform:
        translate(6px,-6px);
}


/* ==========================================================
   MOBILE IMAGE — HIDDEN DESKTOP
========================================================== */

.c-about-service__mobile-image {
    display: none;
}


/* ==========================================================
   FLOATING PREVIEW
========================================================== */

.c-about-services__preview {
    position: absolute;

    z-index: 3;

    left: var(--preview-x, 65%);
    top: var(--preview-y, 55%);

    width:
        clamp(240px, 22vw, 390px);

    aspect-ratio: .82;

    border-radius:
        48% 48% 18px 18px /
        14% 14% 18px 18px;

    overflow: hidden;

    opacity: 0;

    pointer-events: none;

    transform:
        translate(-45%, -50%)
        rotate(-3deg)
        scale(.92);

    transition:
        opacity .25s ease,
        transform .35s cubic-bezier(.2,.7,.2,1);

    box-shadow:
        0 25px 70px rgba(0,0,0,.22);
}


.c-about-services__preview.is-visible {
    opacity: .95;

    transform:
        translate(-45%, -50%)
        rotate(-3deg)
        scale(1);
}


.c-about-services__preview img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ==========================================================
   CLOSING
========================================================== */

.c-about-services__closing {
    position: relative;

    z-index: 5;

    display: grid;

    grid-template-columns:
        minmax(140px, .3fr)
        minmax(600px, 1fr);

    gap:
        clamp(40px, 7vw, 130px);

    align-items: end;

    padding-top:
        clamp(90px, 10vw, 170px);
}


.c-about-services__closing > span {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-services__closing p {
    max-width: 1080px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(55px, 5.8vw, 110px);

    line-height: .88;

    letter-spacing: -.05em;

    color: var(--services-paper);
}


.c-about-services__closing em {
    display: block;

    color: var(--services-taupe);

    font-weight: 400;
}


/* ==========================================================
   REVEAL
========================================================== */

.c-services-reveal {
    opacity: 0;

    transform: translateY(26px);

    transition:
        opacity .8s ease var(--services-delay, 0ms),
        transform .8s cubic-bezier(.2,.7,.2,1)
        var(--services-delay, 0ms);
}


.c-services-reveal.is-visible {
    opacity: 1;

    transform: translateY(0);
}


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

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

    .c-about-services__inner {
        padding:
            80px
            40px
            100px;
    }


    .c-about-services__headline h2 {
        font-size:
            clamp(68px, 9vw, 100px);
    }


    .c-about-services__headline h2 span {
        margin-left: 10%;
    }


    .c-about-service {
        grid-template-columns:
            115px
            1fr
            35px;

        gap: 22px;
    }


    .c-about-service__title {
        font-size:
            clamp(49px, 6vw, 70px);
    }


    .c-about-services__preview {
        width:
            clamp(220px, 28vw, 300px);
    }


    .c-about-services__closing {
        grid-template-columns:
            110px
            1fr;
    }

}


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

@media (max-width: 767px) {

    .c-about-services__inner {
        padding:
            65px
            20px
            80px;
    }


    /* HEADLINE */

    .c-about-services__headline {
        padding:
            65px
            0
            75px;
    }


    .c-about-services__headline h2 {
        font-size:
            clamp(54px, 16vw, 76px);

        line-height: .86;
    }


    .c-about-services__headline h2 span {
        margin-left: 7%;
    }


    /* NO FLOATING PREVIEW */

    .c-about-services__preview {
        display: none;
    }


    /* SERVICES */

    .c-about-service {
        display: grid;

        grid-template-columns:
            1fr
            30px;

        gap:
            18px
            15px;

        min-height: 0;

        padding:
            28px
            0
            38px;
    }


    .c-about-service:hover {
        padding-left: 0;
    }


    .c-about-service__meta {
        grid-column: 1 / -1;

        justify-content: flex-start;

        gap: 18px;

        font-size: 7px;
    }


    .c-about-service__title {
        font-size:
            clamp(47px, 13vw, 62px);
    }


    .c-about-service__arrow {
        align-self: center;

        font-size: 17px;
    }


    /* IMAGE */

    .c-about-service__mobile-image {
        grid-column: 1 / -1;

        display: block;

        width: 88%;

        height:
            min(92vw, 430px);

        margin-top: 10px;

        overflow: hidden;

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


    .c-about-service:nth-child(even)
    .c-about-service__mobile-image {
        margin-left: auto;

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


    .c-about-service__mobile-image img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
    }


    /* CLOSING */

    .c-about-services__closing {
        display: block;

        padding-top: 80px;
    }


    .c-about-services__closing > span {
        display: block;

        margin-bottom: 35px;
    }


    .c-about-services__closing p {
        font-size:
            clamp(50px, 14vw, 68px);
    }

}


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

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

    .c-services-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }


    .c-about-services__preview {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8fb561 *//* ==========================================================
   NOSOTROS — SECCIÓN 09
   POR QUÉ CONECTADOS / CONNECTION MAP
========================================================== */

.c-about-connect,
.c-about-connect * {
    box-sizing: border-box;
}


.c-about-connect {
    --connect-bg: #d8c8bd;
    --connect-paper: #f4f0ea;
    --connect-black: #171717;
    --connect-taupe: #92796c;
    --connect-line: rgba(23,23,23,.20);

    position: relative;

    width: 100%;

    overflow: hidden;

    background: var(--connect-bg);

    color: var(--connect-black);
}


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

.c-about-connect__inner {
    width: 100%;

    padding:
        clamp(75px, 8vw, 145px)
        clamp(30px, 5vw, 95px)
        clamp(90px, 10vw, 175px);
}


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

.c-about-connect__eyebrow {
    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-connect__line {
    width:
        clamp(60px, 7vw, 130px);

    height: 1px;

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


/* ==========================================================
   BIG WORD
========================================================== */

.c-about-connect__word {
    position: relative;

    z-index: 2;

    margin-top:
        clamp(75px, 8vw, 135px);

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(110px, 15vw, 285px);

    line-height: .72;

    letter-spacing: -.07em;

    white-space: nowrap;

    color: var(--connect-black);
}


/* ==========================================================
   MAP
========================================================== */

.c-about-connect__map {
    position: relative;

    z-index: 3;

    display: grid;

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

    gap:
        clamp(35px, 5vw, 95px);

    margin-top:
        clamp(120px, 13vw, 230px);

    padding-top: 52px;
}


/* ==========================================================
   TRACK
========================================================== */

.c-about-connect__track {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 1px;

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


.c-about-connect__track-fill {
    display: block;

    width: 0;
    height: 100%;

    background:
        var(--connect-black);

    transition:
        width .12s linear;
}


/* ==========================================================
   POINT
========================================================== */

.c-about-connect__point {
    position: relative;

    min-width: 0;
}


/* ==========================================================
   NODE
========================================================== */

.c-about-connect__node {
    position: absolute;

    top: -64px;
    left: 0;

    width: 25px;
    height: 25px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    border:
        1px solid var(--connect-black);

    background:
        var(--connect-bg);

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

    font-size: 6px;

    letter-spacing: .08em;
}


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

.c-about-connect__label {
    display: block;

    margin-bottom:
        clamp(42px, 4vw, 65px);

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-connect__content h3 {
    margin:
        0
        0
        28px;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(45px, 4vw, 76px);

    font-weight: 400;

    line-height: .92;

    letter-spacing: -.045em;
}


.c-about-connect__content p {
    max-width: 330px;

    margin: 0;

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

    font-size:
        clamp(13px, .95vw, 15px);

    line-height: 1.75;

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


/* Alternate tone */

.c-about-connect__point--two h3,
.c-about-connect__point--four h3 {
    color: var(--connect-taupe);

    font-style: italic;
}


/* ==========================================================
   CLOSING
========================================================== */

.c-about-connect__closing {
    position: relative;

    z-index: 4;

    display: grid;

    grid-template-columns:
        minmax(140px, .3fr)
        minmax(600px, 1fr);

    gap:
        clamp(40px, 7vw, 130px);

    align-items: end;

    margin-top:
        clamp(120px, 13vw, 220px);

    padding-top:
        clamp(70px, 8vw, 130px);

    border-top:
        1px solid var(--connect-line);
}


.c-about-connect__closing > span {
    padding-bottom: 12px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-connect__closing small {
    display: block;

    margin-bottom: 20px;

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

    font-size: 8px;

    letter-spacing: .25em;

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


.c-about-connect__closing p {
    max-width: 1100px;

    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(58px, 6vw, 115px);

    line-height: .88;

    letter-spacing: -.05em;
}


.c-about-connect__closing em {
    display: block;

    color: var(--connect-taupe);

    font-weight: 400;
}


/* ==========================================================
   REVEAL
========================================================== */

.c-connect-reveal {
    opacity: 0;

    transform:
        translateY(28px);

    transition:
        opacity .85s ease var(--connect-delay, 0ms),
        transform .85s cubic-bezier(.2,.7,.2,1)
        var(--connect-delay, 0ms);
}


.c-connect-reveal.is-visible {
    opacity: 1;

    transform:
        translateY(0);
}


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

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

    .c-about-connect__inner {
        padding:
            80px
            40px
            105px;
    }


    .c-about-connect__word {
        font-size:
            clamp(100px, 14vw, 150px);
    }


    .c-about-connect__map {
        gap: 35px;

        margin-top: 140px;
    }


    .c-about-connect__content h3 {
        font-size:
            clamp(38px, 5vw, 52px);
    }


    .c-about-connect__content p {
        font-size: 13px;
    }


    .c-about-connect__closing {
        grid-template-columns:
            110px
            1fr;
    }

}


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

@media (max-width: 767px) {

    .c-about-connect__inner {
        padding:
            65px
            20px
            85px;
    }


    /* BIG WORD */

    .c-about-connect__word {
        margin-top: 70px;

        font-size:
            clamp(68px, 20vw, 92px);

        white-space: normal;

        line-height: .78;

        overflow-wrap: anywhere;
    }


    /* ======================================================
       MAP VERTICAL
    ====================================================== */

    .c-about-connect__map {
        display: flex;

        flex-direction: column;

        gap: 0;

        margin-top: 90px;

        padding:
            0
            0
            0
            45px;
    }


    /* TRACK */

    .c-about-connect__track {
        left: 12px;
        top: 0;

        width: 1px;
        height: 100%;
    }


    .c-about-connect__track-fill {
        width: 100%;
        height: 0;

        transition:
            height .12s linear;
    }


    /* POINT */

    .c-about-connect__point {
        min-height: 330px;

        padding:
            0
            0
            70px;
    }


    .c-about-connect__point:last-child {
        min-height: 260px;

        padding-bottom: 0;
    }


    /* NODE */

    .c-about-connect__node {
        top: 0;
        left: -45px;

        width: 25px;
        height: 25px;
    }


    /* LABEL */

    .c-about-connect__label {
        margin-bottom: 32px;

        font-size: 7px;
    }


    /* TITLE */

    .c-about-connect__content h3 {
        font-size:
            clamp(48px, 14vw, 65px);
    }


    /* COPY */

    .c-about-connect__content p {
        width: 90%;

        font-size: 14px;
    }


    /* CLOSING */

    .c-about-connect__closing {
        display: block;

        margin-top: 90px;

        padding-top: 70px;
    }


    .c-about-connect__closing > span {
        display: block;

        margin-bottom: 35px;
    }


    .c-about-connect__closing p {
        font-size:
            clamp(52px, 14vw, 70px);
    }

}


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

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

    .c-connect-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }


    .c-about-connect__track-fill {
        width: 100%;

        height: 100%;

        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-570ae35 *//* ==========================================================
   NOSOTROS — SECCIÓN 10
   CTA FINAL
========================================================== */

.c-about-final,
.c-about-final * {
    box-sizing: border-box;
}


.c-about-final {
    --final-bg: #b99f90;
    --final-paper: #f4f0ea;
    --final-black: #171717;
    --final-line: rgba(23,23,23,.20);

    position: relative;

    width: 100%;

    min-height: 100vh;

    overflow: hidden;

    background: var(--final-bg);

    color: var(--final-black);
}


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

.c-about-final__inner {
    position: relative;

    width: 100%;

    min-height: 100vh;

    padding:
        clamp(70px, 8vw, 140px)
        clamp(30px, 5vw, 95px)
        clamp(45px, 5vw, 80px);

    display: flex;

    flex-direction: column;

    isolation: isolate;
}


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

.c-about-final__eyebrow {
    position: relative;

    z-index: 10;

    display: flex;

    align-items: center;

    gap: 18px;

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

    font-size: 9px;

    letter-spacing: .3em;

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


.c-about-final__line {
    width:
        clamp(60px, 7vw, 130px);

    height: 1px;

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


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

.c-about-final__content {
    position: relative;

    z-index: 5;

    width:
        min(100%, 1280px);

    margin: auto;

    padding:
        clamp(80px, 9vh, 140px)
        0
        clamp(60px, 7vh, 110px);

    text-align: center;
}


.c-about-final__small {
    display: block;

    margin-bottom:
        clamp(25px, 3vw, 40px);

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

    font-size: 8px;

    letter-spacing: .27em;

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


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

.c-about-final__content h2 {
    margin: 0;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(76px, 8.5vw, 160px);

    font-weight: 400;

    line-height: .78;

    letter-spacing: -.06em;
}


.c-about-final__content h2 > span {
    display: block;
}


.c-about-final__accent {
    margin-top: .18em;

    color: var(--final-paper);

    font-style: italic;

    font-size: .77em;
}


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

.c-about-final__description {
    max-width: 500px;

    margin:
        clamp(35px, 4vw, 55px)
        auto
        0;

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

    font-size:
        clamp(13px, .95vw, 16px);

    line-height: 1.75;

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


/* ==========================================================
   ACTIONS
========================================================== */

.c-about-final__actions {
    width:
        min(100%, 940px);

    margin:
        clamp(45px, 5vw, 70px)
        auto
        0;

    display: grid;

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

    border-top:
        1px solid var(--final-line);

    border-bottom:
        1px solid var(--final-line);
}


.c-about-final__action {
    min-height: 135px;

    display: grid;

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

    align-items: center;

    gap: 18px;

    padding:
        22px
        28px;

    color: var(--final-black);

    text-decoration: none;

    text-align: left;

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


.c-about-final__action +
.c-about-final__action {
    border-left:
        1px solid var(--final-line);
}


.c-about-final__action:hover {
    background:
        rgba(244,240,234,.30);
}


/* PRIMARY */

.c-about-final__action--primary {
    background:
        var(--final-black);

    color:
        var(--final-paper);
}


.c-about-final__action--primary:hover {
    background:
        #282828;
}


/* NUMBER */

.c-about-final__action-number {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 8px;

    letter-spacing: .17em;

    opacity: .5;
}


/* SMALL */

.c-about-final__action small {
    display: block;

    margin-bottom: 8px;

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

    font-size: 7px;

    letter-spacing: .19em;

    opacity: .5;
}


/* STRONG */

.c-about-final__action strong {
    display: block;

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(25px, 2.3vw, 39px);

    font-weight: 400;

    line-height: 1;
}


/* ARROW */

.c-about-final__arrow {
    justify-self: end;

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

    font-size: 18px;

    transition:
        transform .35s ease;
}


.c-about-final__action:hover
.c-about-final__arrow {
    transform:
        translate(5px,-5px);
}


/* ==========================================================
   BOT PREVIEW
========================================================== */

.c-about-final__bot {
    width:
        fit-content;

    margin:
        clamp(35px, 4vw, 55px)
        auto
        0;

    display: flex;

    align-items: center;

    gap: 13px;

    padding:
        13px
        20px;

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

    border-radius: 100px;

    background:
        rgba(244,240,234,.24);

    color: var(--final-black);

    cursor: pointer;
}


.c-about-final__bot-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        var(--final-black);
}


.c-about-final__bot > span:nth-child(2) {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 7px;

    letter-spacing: .18em;

    opacity: .55;
}


.c-about-final__bot strong {
    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size: 17px;

    font-weight: 400;
}


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

.c-about-final__bottom {
    position: relative;

    z-index: 5;

    display: flex;

    justify-content: space-between;

    gap: 30px;

    padding-top: 20px;

    border-top:
        1px solid var(--final-line);

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

    font-size: 7px;

    letter-spacing: .22em;

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


/* ==========================================================
   BACKGROUND WORD
========================================================== */

.c-about-final__background-word {
    position: absolute;

    z-index: -1;

    left: 50%;
    bottom: -2%;

    transform:
        translateX(-50%);

    font-family:
        "Times New Roman",
        Georgia,
        serif;

    font-size:
        clamp(190px, 29vw, 560px);

    line-height: .63;

    letter-spacing: -.08em;

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

    white-space: nowrap;

    pointer-events: none;
}


/* ==========================================================
   DECORATIVE CIRCLES
========================================================== */

.c-about-final__circle {
    position: absolute;

    z-index: 0;

    border-radius: 50%;

    pointer-events: none;
}


.c-about-final__circle--one {
    width:
        clamp(250px, 27vw, 520px);

    aspect-ratio: 1;

    left: -8%;
    top: 25%;

    border:
        1px solid rgba(244,240,234,.18);
}


.c-about-final__circle--two {
    width:
        clamp(180px, 19vw, 360px);

    aspect-ratio: 1;

    right: -4%;
    bottom: 22%;

    background:
        rgba(244,240,234,.12);

    filter:
        blur(18px);
}


/* ==========================================================
   REVEAL
========================================================== */

.c-final-about-reveal {
    opacity: 0;

    transform:
        translateY(28px);

    transition:
        opacity .85s ease
        var(--about-final-delay, 0ms),
        transform .85s
        cubic-bezier(.2,.7,.2,1)
        var(--about-final-delay, 0ms);
}


.c-final-about-reveal.is-visible {
    opacity: 1;

    transform:
        translateY(0);
}


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

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

    .c-about-final__inner {
        padding:
            70px
            40px
            45px;
    }


    .c-about-final__content h2 {
        font-size:
            clamp(68px, 9vw, 108px);
    }


    .c-about-final__actions {
        width: 100%;
    }


    .c-about-final__action {
        padding:
            20px
            22px;
    }

}


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

@media (max-width: 767px) {

    .c-about-final {
        min-height: auto;
    }


    .c-about-final__inner {
        min-height: auto;

        padding:
            65px
            20px
            38px;
    }


    .c-about-final__content {
        padding:
            90px
            0
            110px;
    }


    .c-about-final__small {
        font-size: 7px;
    }


    .c-about-final__content h2 {
        font-size:
            clamp(54px, 16vw, 75px);

        line-height: .82;
    }


    .c-about-final__accent {
        font-size: .78em;
    }


    .c-about-final__description {
        max-width: 310px;

        font-size: 12px;
    }


    /* ACTIONS */

    .c-about-final__actions {
        display: block;

        width: 100%;

        margin-top: 45px;
    }


    .c-about-final__action {
        min-height: 105px;

        grid-template-columns:
            28px
            1fr
            22px;

        padding:
            18px
            15px;
    }


    .c-about-final__action +
    .c-about-final__action {
        border-left: 0;

        border-top:
            1px solid var(--final-line);
    }


    .c-about-final__action strong {
        font-size:
            clamp(24px, 7vw, 31px);
    }


    /* BOT */

    .c-about-final__bot {
        width: 100%;

        justify-content: center;

        flex-wrap: wrap;

        border-radius: 25px;

        padding:
            15px;
    }


    .c-about-final__bot strong {
        font-size: 16px;
    }


    /* BOTTOM */

    .c-about-final__bottom {
        font-size: 6px;
    }


    .c-about-final__background-word {
        font-size: 48vw;

        bottom: 1%;
    }


    .c-about-final__circle--two {
        display: none;
    }

}


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

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

    .c-final-about-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }

}/* End custom CSS */