/* Start custom CSS *//*======================================
=         HERO · SOBRE MIRLA           =
======================================*/

.hero-sobre-mirla {
    width: 100%;
    background: #f7f6f3;
    color: #111;
    padding: clamp(80px, 9vw, 130px) 6vw 42px !important;
}

.hero-sobre-mirla__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;

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

    gap: clamp(40px, 6vw, 90px) !important;
}


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

.hero-sobre-mirla__content {
    flex: 1 1 52%;
    width: 100%;
    max-width: 680px;
    min-width: 0;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
}

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

.hero-sobre-mirla__label,
.hero-sobre-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.hero-sobre-mirla__label {
    margin-bottom: clamp(30px, 2.6vw, 40px) !important;
}


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

.hero-sobre-mirla__title,
.hero-sobre-mirla__title .elementor-heading-title {
    width: 100%;
    margin: 0;

    max-width: 760px;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(48px, 5vw, 72px); /* CORREGIDO: H1 unificado */
    font-weight: 500;
    line-height: .98;

    letter-spacing: -.025em;

    color: #111;

    text-wrap: pretty;
}


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

.hero-sobre-mirla__intro {
    width: 100%;
    max-width: 550px;

    margin-top: clamp(44px, 3.8vw, 58px) !important;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 19px);
    font-weight: 400;
    line-height: 1.7;

    color: #444;
}

.hero-sobre-mirla__intro p {
    width: 100%;
    margin: 0;
}


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

.hero-sobre-mirla__visual {
    flex: 0 1 42%;
    max-width: 510px;
    min-width: 0;
}

.hero-sobre-mirla__image {
    width: 100%;
    overflow: hidden;
}

.hero-sobre-mirla__image img {
    display: block;

    width: 100%;
    height: auto;

    aspect-ratio: 4 / 5;

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

    border-radius: 0;
}


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

.hero-sobre-mirla__meta {
    flex: 1 0 100%;

    width: 100%;

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

    gap: 20px;

    margin-top: clamp(42px, 5vw, 70px) !important;
    padding-top: 18px !important;

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

.hero-sobre-mirla__role,
.hero-sobre-mirla__index {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .16em;
    text-transform: uppercase;

    color: #555;
}


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

@media (max-width: 1024px) {

    .hero-sobre-mirla {
        padding:
            clamp(70px, 9vw, 100px)
            5vw
            38px !important;
    }

    .hero-sobre-mirla__inner {
        gap: clamp(30px, 4vw, 50px);
    }

    .hero-sobre-mirla__content {
        flex-basis: 52%;
        min-width: 0;
    }

    .hero-sobre-mirla__visual {
        flex-basis: 42%;
    }

    .hero-sobre-mirla__label {
        margin-bottom: 26px !important;
    }

    .hero-sobre-mirla__title,
    .hero-sobre-mirla__title .elementor-heading-title {
        font-size: clamp(42px, 6vw, 60px); /* CORREGIDO */
    }

    .hero-sobre-mirla__intro {
        max-width: 520px;
        margin-top: 38px !important;
        font-size: 16px;
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .hero-sobre-mirla {
        padding:
            54px
            20px
            28px !important;
    }

    .hero-sobre-mirla__inner {
        width: 100%;
        max-width: none;

        flex-direction: column;
        align-items: stretch;

        gap: 0;
    }

    .hero-sobre-mirla__content {
        flex: none;

        width: 100%;
        max-width: none;
        min-width: 0;

        align-items: stretch;
    }

    .hero-sobre-mirla__label,
    .hero-sobre-mirla__title,
    .hero-sobre-mirla__intro {
        width: 100%;
        max-width: none;
        min-width: 0;
        align-self: stretch;
    }

    .hero-sobre-mirla__label {
        margin-bottom: 24px !important;
    }

    .hero-sobre-mirla__title,
    .hero-sobre-mirla__title .elementor-heading-title {
        width: 100%;
        max-width: none;

        font-size: clamp(36px, 10vw, 48px); /* CORREGIDO */
        line-height: 1.02;

        letter-spacing: -.02em;

        text-wrap: pretty;
    }

    .hero-sobre-mirla__intro {
        width: 100%;
        max-width: none;

        margin-top: 26px !important;

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

    .hero-sobre-mirla__intro p {
        width: 100%;
        max-width: none;
    }

    .hero-sobre-mirla__visual {
        flex: none;

        width: 100%;
        max-width: none;

        margin-top: 40px !important;
    }

    .hero-sobre-mirla__image,
    .hero-sobre-mirla__image img {
        width: 100%;
        max-width: none;
    }

    .hero-sobre-mirla__image img {
        aspect-ratio: 4 / 5;
    }

    .hero-sobre-mirla__meta {
        width: 100%;

        flex-direction: row;
        flex-wrap: wrap;

        margin-top: 30px !important;
        padding-top: 15px !important;

        gap: 10px 20px;
    }

    .hero-sobre-mirla__role,
    .hero-sobre-mirla__index {
        font-size: 9px;
        letter-spacing: .14em;
    }
}

/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .hero-sobre-mirla {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .hero-sobre-mirla__title,
    .hero-sobre-mirla__title .elementor-heading-title {
        font-size: clamp(32px, 10vw, 42px); /* CORREGIDO */
    }

    .hero-sobre-mirla__role {
        max-width: 230px;
    }
}

/*======================================
=            02 · EL INICIO            =
======================================*/

.inicio-mirla {
    width: 100%;
    padding: clamp(110px, 10vw, 160px) 6vw !important;

    background: #fff;
    color: #111;
}

.inicio-mirla__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}


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

.inicio-mirla__label,
.inicio-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.inicio-mirla__label {
    margin-bottom: clamp(55px, 6vw, 85px) !important;
}


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

.inicio-mirla__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, .75fr);

    grid-template-areas:
        "statement story"
        "marker    story";

    column-gap: clamp(80px, 10vw, 150px) !important;
    row-gap: clamp(90px, 9vw, 135px) !important;

    align-items: start;
}

.inicio-mirla__statement {
    grid-area: statement;
    min-width: 0;
}

.inicio-mirla__story {
    grid-area: story;
    min-width: 0;
}

.inicio-mirla__marker {
    grid-area: marker;
}


/*======================================
=                  H2                  =
======================================*/

.inicio-mirla__title,
.inicio-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 650px;
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #111;

    text-wrap: pretty;
}


/*======================================
=                 STORY                =
======================================*/

.inicio-mirla__text {
    width: 100%;
    max-width: 500px;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.3vw, 19px);
    font-weight: 400;
    line-height: 1.75;

    color: #333;
}

.inicio-mirla__text p,
.inicio-mirla__reflection p {
    margin: 0;
}

.inicio-mirla__divider {
    width: 100%;
    height: 1px;

    margin: clamp(38px, 4vw, 52px) 0 !important;

    background: rgba(17,17,17,.20) !important;
}

.inicio-mirla__reflection {
    width: 100%;
    max-width: 470px;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;

    color: #666;
}


/*======================================
=                MARKER                =
======================================*/

.inicio-mirla__marker {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 28px !important;
}

.inicio-mirla__number {
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(78px, 8vw, 120px);
    font-weight: 400;
    line-height: .8;

    color: rgba(17,17,17,.12);
}

.inicio-mirla__concept {
    max-width: 180px;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: #555;
}

@media (min-width: 1025px) {

    .inicio-mirla__story {
        padding-top: 18px !important;
    }
    .inicio-mirla__marker {
        padding-top: 42px !important;
    }
}

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

@media (max-width: 1024px) {

    .inicio-mirla {
        padding: 100px 5vw !important;
    }

    .inicio-mirla__label {
        margin-bottom: 60px !important;
    }

    .inicio-mirla__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(280px, .8fr);

        column-gap: 60px;
        row-gap: 70px;
    }

    .inicio-mirla__title,
    .inicio-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .inicio-mirla__text {
        font-size: 16px;
    }

    .inicio-mirla__number {
        font-size: 82px;
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .inicio-mirla {
        width: 100%;
        max-width: 100%;

        padding: 76px 20px 84px !important;

        overflow: hidden;
    }

    .inicio-mirla__inner {
        width: 100%;
        max-width: 100%;

        margin: 0;
    }
    
    .inicio-mirla__statement {
        margin-bottom: 0 !important;
    }

    .inicio-mirla__marker {
        margin-top: 44px !important;
        gap: 26px !important;
    }

    .inicio-mirla__story {
        margin-top: 54px !important;
    }

    .inicio-mirla__number {
        font-size: 72px !important;
    }

    .inicio-mirla__concept {
        max-width: 170px !important;
    }


    /*--------------------------------------
    =                LABEL                 =
    --------------------------------------*/

    .inicio-mirla__label {
        width: 100%;
        max-width: 100%;

        margin: 0 0 36px !important;
    }


    /*--------------------------------------
    =        DESTROY DESKTOP GRID          =
    --------------------------------------*/

    .inicio-mirla__grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        display: flex;
        flex-direction: column;

        align-items: stretch;
        justify-content: flex-start;

        gap: 0;

        grid-template-columns: none;
        grid-template-rows: none;
        grid-template-areas: none;

        column-gap: 0;
        row-gap: 0;
    }


    /*--------------------------------------
    =          ATOMIC CHILDREN             =
    --------------------------------------*/

    .inicio-mirla__statement,
    .inicio-mirla__story,
    .inicio-mirla__marker {
        position: static;

        flex: 0 0 auto;

        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-left: 0;
        margin-right: 0;

        grid-area: auto;
        grid-column: auto;
        grid-row: auto;
    }


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

    .inicio-mirla__statement {
        order: 1;
    }

    .inicio-mirla__title,
    .inicio-mirla__title .elementor-heading-title {
        width: 100%;
        max-width: 100%;

        margin: 0;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;
        letter-spacing: -.02em;

        text-wrap: pretty;
    }


    /*--------------------------------------
    =                STORY                 =
    --------------------------------------*/

    .inicio-mirla__story {
        order: 2;

        margin-top: 38px !important;
    }

    .inicio-mirla__text,
    .inicio-mirla__reflection {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .inicio-mirla__text {
        font-size: 15px;
        line-height: 1.75;
    }

    .inicio-mirla__reflection {
        font-size: 14px;
        line-height: 1.75;
    }

    .inicio-mirla__text p,
    .inicio-mirla__reflection p {
        width: 100%;
        max-width: 100%;

        margin: 0;
    }

    .inicio-mirla__divider {
        width: 100%;
        max-width: 100%;

        margin: 30px 0;
    }


    /*--------------------------------------
    =                MARKER                =
    --------------------------------------*/

    .inicio-mirla__marker {
        order: 3;

        margin-top: 52px !important;

        display: flex;
        flex-direction: row;

        align-items: flex-end;
        justify-content: flex-start;

        gap: 22px;
    }

    .inicio-mirla__number {
        flex: 0 0 auto;

        margin: 0;

        font-size: 70px;
        line-height: .75;
    }

    .inicio-mirla__concept {
        width: auto;
        max-width: 170px;

        margin: 0 0 2px !important;

        font-size: 9px;
        line-height: 1.5;
    }
}

/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .inicio-mirla {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .inicio-mirla__title,
    .inicio-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .inicio-mirla__number {
        font-size: 66px;
    }
}

/*======================================
=       03 · EXPERIENCIA CORPORATIVA   =
======================================*/

.experiencia-corporativa {
    width: 100%;

    padding: clamp(110px, 10vw, 160px) 6vw !important;

    background: #0b0b0b;
    color: #fff;
}

.experiencia-corporativa__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.experiencia-corporativa__label,
.experiencia-corporativa__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #858585;
}

.experiencia-corporativa__label {
    margin-bottom: clamp(55px, 6vw, 85px) !important;
}


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

.experiencia-corporativa__grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, .82fr)
        minmax(0, 1.18fr);

    gap: clamp(70px, 9vw, 130px);

    align-items: center;
}


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

.experiencia-corporativa__visual {
    width: 100%;
    min-width: 0;
}

.experiencia-corporativa__image {
    width: 100%;
}

.experiencia-corporativa__image img {
    display: block;

    width: 100%;
    height: auto;

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

    border-radius: 0;
}


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

.experiencia-corporativa__content {
    width: 100%;
    min-width: 0;
}

.experiencia-corporativa__title,
.experiencia-corporativa__title .elementor-heading-title {
    width: 100%;
    max-width: 650px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #fff;

    text-wrap: pretty;
}

.experiencia-corporativa__text {
    width: 100%;
    max-width: 570px;

    margin-top: clamp(46px, 4.5vw, 64px) !important;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 18px) !important;
    font-weight: 400;
    line-height: 1.75;

    color: #b8b8b8;
}

.experiencia-corporativa__text p {
    margin: 0;
}

.experiencia-corporativa__text p + p {
    margin-top: 22px !important;
}


/*======================================
=                REGION                =
======================================*/

.experiencia-corporativa__region {
    width: 100%;

    margin-top: clamp(52px, 5vw, 68px) !important;
}

.experiencia-corporativa__region-label {
    margin: 0 0 18px !important;

    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #757575;
}

.experiencia-corporativa__region-list {
    width: 100%;
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    gap: 24px;

    margin: 0;
    padding: 18px 0 !important;

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

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .13em;
    text-transform: uppercase;

    color: #d0d0d0;
}

.experiencia-corporativa__region-list p {
    display: flex;
    justify-content: space-between;

    gap: 20px;

    margin: 0;
}

.experiencia-corporativa__region-item {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 9px !important;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .13em;
    text-transform: uppercase;

    color: #d0d0d0;
}


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

.experiencia-corporativa__statement {
    width: 100%;

    margin-top: clamp(60px, 6vw, 85px) !important;
    padding-top: clamp(34px, 3.5vw, 46px) !important;

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

.experiencia-corporativa__statement-text,
.experiencia-corporativa__statement-text .elementor-heading-title {
    width: 100%;
    max-width: 720px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(36px, 4vw, 52px) !important; /* CORREGIDO: Reducido para no romper jerarquía de H2 */
    font-weight: 500;
    line-height: 1;

    letter-spacing: -.025em;

    color: #fff;

    text-wrap: pretty;
}


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

@media (max-width: 1024px) {

    .experiencia-corporativa {
        padding: 100px 5vw !important;
    }

    .experiencia-corporativa__label {
        margin-bottom: 60px !important;
    }

    .experiencia-corporativa__grid {
        grid-template-columns:
            minmax(0, .9fr)
            minmax(0, 1.1fr);

        gap: 55px;
    }

    .experiencia-corporativa__title,
    .experiencia-corporativa__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .experiencia-corporativa__text {
        font-size: 16px;
        margin-top: 40px !important;
    }

    .experiencia-corporativa__statement {
        margin-top: 85px !important;
        padding-top: 48px !important;
    }

    .experiencia-corporativa__statement-text,
    .experiencia-corporativa__statement-text .elementor-heading-title {
        font-size: clamp(32px, 5vw, 46px) !important; /* CORREGIDO: Solucionado el bug de tamaño gigante en tablet */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .experiencia-corporativa {
        padding: 82px 20px 90px !important;
    }

    .experiencia-corporativa__inner,
    .experiencia-corporativa__grid,
    .experiencia-corporativa__visual,
    .experiencia-corporativa__content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .experiencia-corporativa__label {
        margin-bottom: 38px !important;
    }

    .experiencia-corporativa__grid {
        display: flex;
        flex-direction: column;

        gap: 0;
    }

    .experiencia-corporativa__visual {
        order: 2;

        margin-top: 44px !important;
    }

    .experiencia-corporativa__content {
        order: 1;
    }

    .experiencia-corporativa__title,
    .experiencia-corporativa__title .elementor-heading-title {
        width: 100%;
        max-width: none;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }

    .experiencia-corporativa__text {
        width: 100%;
        max-width: none;

        margin-top: 32px !important;

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

    .experiencia-corporativa__region {
        margin-top: 38px !important;
    }

    .experiencia-corporativa__region-list p {
        flex-direction: column;

        gap: 12px;
    }

    .experiencia-corporativa__image img {
        width: 100%;
        height: auto;
    }

    .experiencia-corporativa__statement {
        margin-top: 64px !important;
        padding-top: 36px !important;
    }

    .experiencia-corporativa__statement-text,
    .experiencia-corporativa__statement-text .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(28px, 8vw, 38px) !important; /* CORREGIDO */
        line-height: 1 !important;
        
        letter-spacing: -.02em;

        text-wrap: pretty;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .experiencia-corporativa {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .experiencia-corporativa__title,
    .experiencia-corporativa__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .experiencia-corporativa__statement-text,
    .experiencia-corporativa__statement-text .elementor-heading-title {
        font-size: clamp(26px, 8vw, 32px) !important; /* CORREGIDO */
    }
    
    
}


/*======================================
=        04 · DOS PERSPECTIVAS         =
======================================*/

.dos-perspectivas {
    width: 100%;

    padding: clamp(115px, 10vw, 160px) 6vw !important;

    background: #f4f2ee;
    color: #111;
}

.dos-perspectivas__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.dos-perspectivas__label,
.dos-perspectivas__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.dos-perspectivas__label {
    margin-bottom: clamp(34px, 3vw, 44px) !important;
}


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

.dos-perspectivas__title,
.dos-perspectivas__title .elementor-heading-title {
    width: 100%;
    max-width: 780px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #111;

    text-wrap: pretty;
}


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

.dos-perspectivas__grid {
    width: 100%;

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

    margin-top: clamp(72px, 7vw, 100px) !important;

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


/*======================================
=                 ITEM                 =
======================================*/

.dos-perspectivas__item {
    position: relative;

    width: 100%;
    min-width: 0;

    padding:
        clamp(46px, 5vw, 68px)
        clamp(45px, 5vw, 72px)
        clamp(54px, 6vw, 78px) !important;
}

.dos-perspectivas__item:first-child {
    padding-left: 0;
}

.dos-perspectivas__item:last-child {
    padding-right: 0;
}

.dos-perspectivas__item + .dos-perspectivas__item {
    border-left: 1px solid rgba(17,17,17,.18);
}


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

.dos-perspectivas__number {
    margin: 0 0 clamp(38px, 4vw, 52px) !important;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(58px, 6vw, 84px);
    font-weight: 400;
    line-height: .8;

    color: rgba(17,17,17,.13);
}


/*======================================
=              ITEM LABEL              =
======================================*/

.dos-perspectivas__item-label {
    margin: 0 0 18px!important;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: #666;
}


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

.dos-perspectivas__item-title,
.dos-perspectivas__item-title .elementor-heading-title {
    width: 100%;
    max-width: 480px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.03;

    letter-spacing: -.015em;

    color: #111;

    text-wrap: pretty;
}


/*======================================
=               ITEM TEXT              =
======================================*/

.dos-perspectivas__item-text {
    width: 100%;
    max-width: 470px;

    margin-top: 28px !important;

    font-family: "Manrope", sans-serif;
    font-size: clamp(15px, 1.2vw, 17px);
    font-weight: 400;
    line-height: 1.75;

    color: #4b4b4b;
}

.dos-perspectivas__item-text p {
    margin: 0;
}


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

.dos-perspectivas__closing {
    width: 100%;

    display: flex;
    justify-content: flex-end;

    margin-top: clamp(72px, 8vw, 110px) !important;
}

.dos-perspectivas__closing-text {
    width: 100%;
    max-width: 760px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3.4vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.08;

    letter-spacing: -.015em;

    color: #222;

    text-wrap: pretty;
}


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

@media (max-width: 1024px) {

    .dos-perspectivas {
        padding: 100px 5vw;
    }

    .dos-perspectivas__label {
        margin-bottom: 30px !important;
    }

    .dos-perspectivas__title,
    .dos-perspectivas__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .dos-perspectivas__grid {
        margin-top: 70px !important;
    }

    .dos-perspectivas__item {
        padding:
            48px
            38px
            58px !important;
    }

    .dos-perspectivas__item:first-child {
        padding-left: 0;
    }

    .dos-perspectivas__item:last-child {
        padding-right: 0;
    }

    .dos-perspectivas__number {
        font-size: 70px;
    }

    .dos-perspectivas__item-title,
    .dos-perspectivas__item-title .elementor-heading-title {
        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }

    .dos-perspectivas__item-text {
        font-size: 15px;
    }

    .dos-perspectivas__closing-text {
        max-width: 650px;

        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .dos-perspectivas {
        padding: 82px 20px 88px !important;
    }

    .dos-perspectivas__inner,
    .dos-perspectivas__grid,
    .dos-perspectivas__item,
    .dos-perspectivas__closing {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .dos-perspectivas__label {
        margin-bottom: 26px !important;
    }

    .dos-perspectivas__title,
    .dos-perspectivas__title .elementor-heading-title {
        width: 100%;
        max-width: none;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }

    .dos-perspectivas__grid {
        display: flex;
        flex-direction: column;

        margin-top: 52px !important;

        border-top: 1px solid rgba(17,17,17,.22);
        border-bottom: 0;
    }

    .dos-perspectivas__item,
    .dos-perspectivas__item:first-child,
    .dos-perspectivas__item:last-child {
        width: 100%;

        padding: 42px 0 48px !important;
    }

    .dos-perspectivas__item + .dos-perspectivas__item {
        border-left: 0;
        border-top: 1px solid rgba(17,17,17,.18);
    }

    .dos-perspectivas__number {
        margin-bottom: 30px !important;

        font-size: 64px;
    }

    .dos-perspectivas__item-label {
        margin-bottom: 14px !important;

        font-size: 9px;
    }

    .dos-perspectivas__item-title,
    .dos-perspectivas__item-title .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(26px, 8.5vw, 32px); /* CORREGIDO */
    }

    .dos-perspectivas__item-text {
        max-width: 100%;

        margin-top: 22px !important;

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

    .dos-perspectivas__closing {
        justify-content: flex-start;

        margin-top: 54px !important;
        padding-top: 38px !important;

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

    .dos-perspectivas__closing-text {
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
        line-height: 1.08;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .dos-perspectivas {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .dos-perspectivas__title,
    .dos-perspectivas__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .dos-perspectivas__item-title,
    .dos-perspectivas__item-title .elementor-heading-title {
        font-size: 28px; /* CORREGIDO */
    }

    .dos-perspectivas__closing-text {
        font-size: 26px; /* CORREGIDO */
    }
}

/*======================================
=          05 · CONSULTORÍA            =
======================================*/

.consultoria-mirla {
    width: 100%;

    padding: clamp(115px, 10vw, 160px) 6vw !important;

    background: #fff;
    color: #111;
}

.consultoria-mirla__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.consultoria-mirla__label,
.consultoria-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.consultoria-mirla__label {
    margin-bottom: clamp(48px, 5vw, 70px) !important;
}


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

.consultoria-mirla__intro-grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(320px, .78fr);

    gap: clamp(80px, 10vw, 150px);

    align-items: start;
}

.consultoria-mirla__heading,
.consultoria-mirla__story {
    width: 100%;
    min-width: 0;
}


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

.consultoria-mirla__title,
.consultoria-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 720px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #111;

    text-wrap: pretty;
}


/*======================================
=                STORY                 =
======================================*/

.consultoria-mirla__story {
    padding-top: 16px !important;
}

.consultoria-mirla__text,
.consultoria-mirla__text-secondary {
    width: 100%;
    max-width: 500px;

    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 1.75;

    color: #3f3f3f;
}

.consultoria-mirla__text p,
.consultoria-mirla__text-secondary p {
    margin: 0;
}

.consultoria-mirla__text-secondary {
    margin-top: clamp(34px, 3.5vw, 46px) !important;

    padding-top: clamp(32px, 3vw, 42px) !important;

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

    color: #666;
}


/*======================================
=             EVOLUTION                =
======================================*/

.consultoria-mirla__evolution {
    position: relative !important;
    /*width: 100%;*/

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);
        
    column-gap: clamp(110px, 11vw, 170px) !important;

    align-items: stretch;

    /*margin-top: clamp(95px, 9vw, 135px);*/

    /*border-top: 1px solid rgba(17,17,17,.22);*/
    /*border-bottom: 1px solid rgba(17,17,17,.22);*/
}


/*======================================
=                PHASE                 =
======================================*/

.consultoria-mirla__phase {
    width: 100%;
    min-width: 0;

    padding:
        clamp(46px, 5vw, 66px)
        clamp(35px, 4vw, 55px)
        clamp(55px, 6vw, 78px) !important;
}

.consultoria-mirla__phase:first-child {
    /*padding-left: 0;*/
    padding-right: clamp(70px, 8vw, 110px) !important;
}

.consultoria-mirla__phase:last-child {
    /*padding-right: 0;*/
    padding-left: clamp(70px, 8vw, 110px) !important;
}

.consultoria-mirla__number {
    margin: 0 0 clamp(34px, 3.5vw, 46px) !important;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(64px, 6.5vw, 92px);
    font-weight: 400;
    line-height: .8;

    color: rgba(17,17,17,.12);
}

.consultoria-mirla__phase-label {
    margin: 0 0 18px !important;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: #666;
}

.consultoria-mirla__phase-title,
.consultoria-mirla__phase-title .elementor-heading-title {
    width: 100%;
    max-width: 440px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.04;

    letter-spacing: -.015em;

    color: #111;

    text-wrap: pretty;
}

.consultoria-mirla__phase-text {
    width: 100%;
    max-width: 460px;

    margin-top: 30px !important;

    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;

    color: #555;
}

.consultoria-mirla__phase-text p {
    margin: 0;
}


/*======================================
=             TRANSITION               =
======================================*/

.consultoria-mirla__transition {
    position: absolute;

    top: 54%;
    left: 50%;

    width: clamp(60px, 6vw, 90px);
    height: 20px;

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

    pointer-events: none;
}

.consultoria-mirla__transition::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 0;
    right: 0;

    height: 1px;

    background: rgba(17,17,17,.22);
}

.consultoria-mirla__transition::after {
    content: "";

    position: absolute;

    top: calc(50% - 3px);
    right: 0;

    width: 6px;
    height: 6px;

    border-top: 1px solid rgba(17,17,17,.35);
    border-right: 1px solid rgba(17,17,17,.35);

    transform: rotate(45deg);
}


/*======================================
=                SCOPE                 =
======================================*/

.consultoria-mirla__scope {
    width: 100%;

    display: flex;
    flex-direction: column;

    margin-top: 32px !important;

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

.consultoria-mirla__scope-item {
    width: 100%;

    margin: 0;
    padding: 14px 0 !important;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .13em;
    text-transform: uppercase;

    color: #555;
}

.consultoria-mirla__scope-item + .consultoria-mirla__scope-item {
    border-top: 1px solid rgba(17,17,17,.10);
}


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

.consultoria-mirla__closing {
    width: 100%;

    display: flex;
    justify-content: flex-end;

    margin-top: clamp(75px, 8vw, 110px) !important;
}

.consultoria-mirla__closing-text {
    width: 100%;
    max-width: 700px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.1;

    letter-spacing: -.015em;

    color: #222;

    text-wrap: pretty;
}


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

@media (max-width: 1024px) {

    .consultoria-mirla {
        padding: 100px 5vw !important;
    }

    .consultoria-mirla__label {
        margin-bottom: 50px !important;
    }

    .consultoria-mirla__intro-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(280px, .78fr);

        gap: 60px;
    }

    .consultoria-mirla__title,
    .consultoria-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .consultoria-mirla__text,
    .consultoria-mirla__text-secondary {
        font-size: 16px;
    }

    .consultoria-mirla__evolution {
        margin-top: 85px !important;

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

    .consultoria-mirla__phase {
        padding:
            48px
            30px
            58px !important;
    }

    .consultoria-mirla__phase:first-child {
        padding-left: 0;
    }

    .consultoria-mirla__phase:last-child {
        padding-right: 0;
    }

    .consultoria-mirla__number {
        font-size: 74px;
    }

    .consultoria-mirla__phase-title,
    .consultoria-mirla__phase-title .elementor-heading-title {
        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }

    .consultoria-mirla__closing-text {
        max-width: 620px;

        font-size: clamp(26px, 4vw, 36px); /* CORREGIDO */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .consultoria-mirla {
        padding: 82px 20px 88px !important;
    }

    .consultoria-mirla__inner,
    .consultoria-mirla__intro-grid,
    .consultoria-mirla__heading,
    .consultoria-mirla__story,
    .consultoria-mirla__evolution,
    .consultoria-mirla__phase,
    .consultoria-mirla__closing {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .consultoria-mirla__label {
        margin-bottom: 34px !important;
    }

    .consultoria-mirla__intro-grid {
        display: flex;
        flex-direction: column;

        gap: 0;
    }

    .consultoria-mirla__title,
    .consultoria-mirla__title .elementor-heading-title {
        width: 100%;
        max-width: none;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }

    .consultoria-mirla__story {
        padding-top: 0;

        margin-top: 38px !important;
    }

    .consultoria-mirla__text,
    .consultoria-mirla__text-secondary {
        max-width: 100%;

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

    .consultoria-mirla__text-secondary {
        margin-top: 30px;
        padding-top: 28px;
    }
    
    .consultoria-mirla__transition {
        display: none !important;
    }
    
    .consultoria-mirla__phase + .consultoria-mirla__phase {
        border-top: 1px solid rgba(17,17,17,.16) !important;
    }
    
    .consultoria-mirla__phase:last-child {
        padding-top: 46px !important;
    }
    
    .consultoria-mirla__scope-item {
        padding: 11px 0 !important;
    }


    /*--------------------------------------
    =             EVOLUTION                =
    --------------------------------------*/

    .consultoria-mirla__evolution {
        display: flex;
        flex-direction: column;

        margin-top: 62px;

        border-bottom: 0;
    }

    .consultoria-mirla__phase,
    .consultoria-mirla__phase:first-child,
    .consultoria-mirla__phase:last-child {
        width: 100%;

        padding: 42px 0 48px;
    }

    .consultoria-mirla__number {
        margin-bottom: 30px;

        font-size: 64px;
    }

    .consultoria-mirla__phase-label {
        margin-bottom: 16px;

        font-size: 9px;
    }

    .consultoria-mirla__phase-title,
    .consultoria-mirla__phase-title .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
    }

    .consultoria-mirla__phase-text {
        max-width: 100%;

        margin-top: 24px;

        font-size: 15px;
    }


    /* El conector se convierte en divisor vertical */
    .consultoria-mirla__transition {
        width: 100%;
        height: 52px;
    }

    .consultoria-mirla__transition::before {
        top: 0;
        bottom: 0;
        left: 20px;
        right: auto;

        width: 1px;
        height: auto;

        background: rgba(17,17,17,.22);
    }

    .consultoria-mirla__transition::after {
        top: auto;
        bottom: 4px;
        left: 17px;
        right: auto;

        transform: rotate(135deg);
    }


    /*--------------------------------------
    =                SCOPE                 =
    --------------------------------------*/

    .consultoria-mirla__scope {
        margin-top: 30px;
    }

    .consultoria-mirla__scope-item {
        padding: 13px 0;

        font-size: 9px;
    }


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

    .consultoria-mirla__closing {
        justify-content: flex-start;

        margin-top: 54px;
        padding-top: 36px;

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

    .consultoria-mirla__closing-text {
        max-width: 100%;

        font-size: clamp(24px, 8vw, 30px); /* CORREGIDO */
        line-height: 1.09;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .consultoria-mirla {
        padding-left: 18px;
        padding-right: 18px;
    }

    .consultoria-mirla__title,
    .consultoria-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .consultoria-mirla__phase-title,
    .consultoria-mirla__phase-title .elementor-heading-title {
        font-size: 26px; /* CORREGIDO */
    }

    .consultoria-mirla__closing-text {
        font-size: 24px; /* CORREGIDO */
    }
}

/*======================================
=         06 · FORMA DE TRABAJAR       =
======================================*/

.filosofia-mirla {
    width: 100%;

    padding: clamp(100px, 10vw, 160px) 6vw !important;

    background: #0b0b0b;
    color: #fff;
}

.filosofia-mirla__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.filosofia-mirla__label,
.filosofia-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #858585;
}

.filosofia-mirla__label {
    margin-bottom: clamp(34px, 3vw, 44px) !important;
}


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

.filosofia-mirla__title,
.filosofia-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 820px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #fff;

    text-wrap: pretty;
}


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

.filosofia-mirla__grid {
    width: 100%;

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

    margin-top: clamp(78px, 8vw, 110px) !important;

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


/*======================================
=                 ITEM                 =
======================================*/

.filosofia-mirla__item {
    width: 100%;
    min-width: 0;

    padding:
        clamp(48px, 4.5vw, 64px)
        clamp(28px, 3.5vw, 48px)
        clamp(58px, 5vw, 76px) !important;
}

.filosofia-mirla__item:first-child {
    padding-left: 0 !important;
}

.filosofia-mirla__item:last-child {
    padding-right: 0 !important;
}

.filosofia-mirla__item + .filosofia-mirla__item {
    border-left: 1px solid rgba(255,255,255,.08) !important;
}


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

.filosofia-mirla__number {
    margin: 0 0 34px !important;
    margin-bottom: 28px !important;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(54px, 5vw, 72px);
    font-weight: 400;
    line-height: .8;

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


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

.filosofia-mirla__item-title,
.filosofia-mirla__item-title .elementor-heading-title {
    width: 100%;
    max-width: 230px;

    margin: 0 !important;
    

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: #fff;
}


/*======================================
=               ITEM TEXT              =
======================================*/

.filosofia-mirla__item-text {
    width: 100%;
    max-width: 250px;

    margin-top: 24px !important;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;

    color: #a9a9a9;
}

.filosofia-mirla__item-text p {
    margin: 0 !important;
}


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

.filosofia-mirla__closing {
    width: 100%;

    display: flex;
    justify-content: flex-end;

    margin-top: clamp(90px, 9vw, 130px) !important;
    margin-bottom: 0 !important;
}

.filosofia-mirla__closing-text {
    width: 100%;
    max-width: 760px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3.4vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.08;

    letter-spacing: -.015em;

    color: #fff;

    text-wrap: pretty;
}


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

@media (max-width: 1024px) {

    .filosofia-mirla {
        padding: 100px 5vw !important;
    }

    .filosofia-mirla__title,
    .filosofia-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .filosofia-mirla__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filosofia-mirla__item {
        padding: 46px 34px 56px !important;
    }

    .filosofia-mirla__item:nth-child(odd) {
        padding-left: 0 !important;
    }

    .filosofia-mirla__item:nth-child(even) {
        padding-right: 0 !important;
    }

    .filosofia-mirla__item:nth-child(3),
    .filosofia-mirla__item:nth-child(4) {
        border-top: 1px solid rgba(255,255,255,.14) !important;
    }

    .filosofia-mirla__item:nth-child(3) {
        border-left: 0;
    }

    .filosofia-mirla__closing-text {
        max-width: 650px;

        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .filosofia-mirla {
        padding: 82px 20px 90px !important;
        
        
    }

    .filosofia-mirla__inner,
    .filosofia-mirla__grid,
    .filosofia-mirla__item,
    .filosofia-mirla__closing {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .filosofia-mirla__label {
        margin-bottom: 26px !important;
    }

    .filosofia-mirla__title,
    .filosofia-mirla__title .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }


    /* GRID */

    .filosofia-mirla__grid {
        display: flex;
        flex-direction: column;

        margin-top: 54px !important;

        border-bottom: 0;
    }


    /* ITEMS */

    .filosofia-mirla__item,
    .filosofia-mirla__item:first-child,
    .filosofia-mirla__item:last-child {
        width: 100%;

        padding: 38px 0 42px;
    }
    
    .filosofia-mirla__item {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .filosofia-mirla__item + .filosofia-mirla__item {
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
    }

    .filosofia-mirla__number {
        margin: 0 0 24px !important;

        font-size: 58px;
    }

    .filosofia-mirla__item-title,
    .filosofia-mirla__item-title .elementor-heading-title {
        max-width: 100%;

        margin: 0;

        font-size: 10px;
    }

    .filosofia-mirla__item-text {
        max-width: 100%;

        margin-top: 20px !important;

        font-size: 14px;
        line-height: 1.75;
    }


    /* CLOSING */

    .filosofia-mirla__closing {
        justify-content: flex-start;

        margin-top: 68px !important;
        margin-bottom: 0 !important;

        padding-top: 38px !important;

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

    .filosofia-mirla__closing-text {
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
        line-height: 1.09;
    }
}

/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .filosofia-mirla {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .filosofia-mirla__title,
    .filosofia-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .filosofia-mirla__closing-text {
        font-size: 24px; /* CORREGIDO */
    }
}


/*======================================
=            07 · FORMACIÓN            =
======================================*/

.formacion-mirla {
    width: 100%;

    padding: clamp(115px, 10vw, 160px) 6vw !important;

    background: #f7f6f3;
    color: #111;
}

.formacion-mirla__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.formacion-mirla__label,
.formacion-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.formacion-mirla__label {
    margin-bottom: clamp(48px, 5vw, 68px)!important;
}


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

.formacion-mirla__intro {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, .78fr);

    gap: clamp(80px, 10vw, 150px);

    align-items: start;
}

.formacion-mirla__heading,
.formacion-mirla__origin {
    width: 100%;
    min-width: 0;
}


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

.formacion-mirla__title,
.formacion-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 700px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #111;

    text-wrap: pretty;
}


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

.formacion-mirla__origin {
    padding-top: 16px !important;
}

.formacion-mirla__intro-text {
    width: 100%;
    max-width: 500px;

    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 1.75;

    color: #444;
}

.formacion-mirla__intro-text p {
    margin: 0;
}


/*======================================
=                DEGREE                =
======================================*/

.formacion-mirla__degree {
    width: 100%;
    max-width: 500px;

    margin-top: 36px !important;
    padding-top: 26px !important;

    border-top: 1px solid rgba(17,17,17,.18)!important;
}

.formacion-mirla__degree-label {
    margin: 14px !important;

    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #777;
}

.formacion-mirla__university,
.formacion-mirla__university .elementor-heading-title {
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(26px, 2.6vw, 36px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.08;

    letter-spacing: -.01em;

    color: #111;
}

.formacion-mirla__degree-name {
    margin-top: 8px !important;

    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;

    letter-spacing: .05em;

    color: #555;
}


/*======================================
=          POSTGRADUATE BLOCK          =
======================================*/

.formacion-mirla__postgraduate {
    width: 100%;

    margin-top: clamp(70px, 6vw, 90px)!important;
}

.formacion-mirla__postgraduate-label {
    margin: 0 0 28px;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}


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

.formacion-mirla__list {
    width: 100%;

    border-top: 1px solid rgba(17,17,17,.22) !important;
}

.formacion-mirla__item {
    width: 100%;
    min-width: 0;

    display: grid;

    grid-template-columns:
        minmax(62px, .10fr)
        minmax(0, 1fr);

    align-items: center;

    gap: clamp(24px, 3vw, 46px);

    padding: clamp(20px, 2.2vw, 30px) 0 !important;

    border-bottom: 1px solid rgba(17,17,17,.16) !important;
}


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

.formacion-mirla__number {
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(34px, 3.2vw, 46px);
    font-weight: 400;
    line-height: .8;

    color: rgba(17,17,17,.13);
}


/*======================================
=                 AREA                 =
======================================*/

.formacion-mirla__area,
.formacion-mirla__area .elementor-heading-title {
    width: 100%;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(13px, 1.15vw, 16px);
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .09em;

    color: #292929;

    text-wrap: pretty;
}


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

.formacion-mirla__closing {
    width: 100%;

    display: flex;
    justify-content: flex-end;

    margin-top: clamp(80px, 8vw, 115px)!important;
}

.formacion-mirla__closing-text {
    width: 100%;
    max-width: 700px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3.2vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.1;

    letter-spacing: -.015em;

    color: #222;

    text-wrap: pretty;
}


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

@media (max-width: 1024px) {

    .formacion-mirla {
        padding: 100px 5vw !important;
    }

    .formacion-mirla__label {
        margin-bottom: 48px;
    }

    .formacion-mirla__intro {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(280px, .8fr);

        gap: 60px;
    }

    .formacion-mirla__title,
    .formacion-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .formacion-mirla__intro-text {
        font-size: 16px;
    }

    .formacion-mirla__postgraduate {
        margin-top: 85px !important;
    }

    .formacion-mirla__area,
    .formacion-mirla__area .elementor-heading-title {
        font-size: clamp(26px, 3.5vw, 34px);
    }

    .formacion-mirla__closing-text {
        max-width: 620px;

        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .formacion-mirla {
        padding: 82px 20px 90px !important;
    }

    .formacion-mirla__inner,
    .formacion-mirla__intro,
    .formacion-mirla__heading,
    .formacion-mirla__origin,
    .formacion-mirla__postgraduate,
    .formacion-mirla__list,
    .formacion-mirla__item,
    .formacion-mirla__closing {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .formacion-mirla__label {
        margin-bottom: 30px !important;
    }


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

    .formacion-mirla__intro {
        display: flex;
        flex-direction: column;

        gap: 0;
    }

    .formacion-mirla__title,
    .formacion-mirla__title .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }

    .formacion-mirla__origin {
        padding-top: 0;

        margin-top: 38px;
    }

    .formacion-mirla__intro-text {
        max-width: 100%;

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


    /*--------------------------------------
    =                DEGREE                =
    --------------------------------------*/

    .formacion-mirla__degree {
        max-width: 100%;

        margin-top: 34px !important;
        padding-top: 28px !important;
    }

    .formacion-mirla__degree-label {
        margin-bottom: 16px !important;
    }

    .formacion-mirla__university,
    .formacion-mirla__university .elementor-heading-title {
        font-size: 26px; /* CORREGIDO */
    }

    .formacion-mirla__degree-name {
        margin-top: 10px !important;

        font-size: 12px !important;
    }


    /*--------------------------------------
    =             POSTGRADUATE             =
    --------------------------------------*/

    .formacion-mirla__postgraduate {
        margin-top: 68px !important;
    }

    .formacion-mirla__postgraduate-label {
        margin-bottom: 24px !important;

        font-size: 9px;
    }


    /*--------------------------------------
    =                 LIST                 =
    --------------------------------------*/

    .formacion-mirla__item {
        grid-template-columns:
            38px
            minmax(0, 1fr);

        gap: 16px;

        padding: 19px 0 !important;
    }

    .formacion-mirla__number {
        font-size: 32px;
    }

    .formacion-mirla__area,
    .formacion-mirla__area .elementor-heading-title {
        font-family: "Manrope", sans-serif;

        font-size: 12px;
        /*font-weight: 600;*/
        line-height: 1.55;

        letter-spacing: .07em;
        text-transform: uppercase;

        color: #292929;
    }


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

    .formacion-mirla__closing {
        justify-content: flex-start;

        margin-top: 58px !important;
        padding-top: 36px !important;

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

    .formacion-mirla__closing-text {
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
        line-height: 1.09;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .formacion-mirla {
        padding-left: 18px;
        padding-right: 18px;
    }

    .formacion-mirla__title,
    .formacion-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }
    
    .formacion-mirla__item {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap: 14px;
    }

    .formacion-mirla__number {
        font-size: 30px;
    }

    .formacion-mirla__area,
    .formacion-mirla__area .elementor-heading-title {
        font-size: 11px;
        letter-spacing: .065em;
    }

    .formacion-mirla__closing-text {
        font-size: 24px; /* CORREGIDO */
    }
}


/*======================================
=        08 · RECONOCIMIENTOS          =
======================================*/

.reconocimientos-mirla {
    width: 100%;

    padding: clamp(115px, 10vw, 160px) 6vw !important;

    background: #fff;
    color: #111;
}

.reconocimientos-mirla__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.reconocimientos-mirla__label,
.reconocimientos-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.reconocimientos-mirla__label {
    margin-bottom: clamp(34px, 3vw, 44px) !important;
}


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

.reconocimientos-mirla__intro {
    width: 100%;
    max-width: 850px;
}

.reconocimientos-mirla__title,
.reconocimientos-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 780px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #111;

    text-wrap: pretty;
}

.reconocimientos-mirla__intro-text {
    width: 100%;
    max-width: 620px;

    margin-top: clamp(34px, 3.5vw, 48px) !important;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 1.75;

    color: #555;
}

.reconocimientos-mirla__intro-text p {
    margin: 0;
}


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

.reconocimientos-mirla__body {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(260px, .55fr)
        minmax(0, 1.45fr);

    gap: clamp(70px, 9vw, 130px);

    align-items: start;

    margin-top: clamp(90px, 9vw, 130px) !important;
}


/*======================================
=                 YEAR                 =
======================================*/

.reconocimientos-mirla__year {
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(100px, 12vw, 180px);
    font-weight: 400;
    line-height: .75;

    letter-spacing: -.04em;

    color: rgba(17,17,17,.10);
}


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

.reconocimientos-mirla__list {
    width: 100%;

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

.reconocimientos-mirla__item {
    width: 100%;
    min-width: 0;

    padding: clamp(38px, 4vw, 56px) 0 !important;

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


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

.reconocimientos-mirla__number {
    margin: 0 0 24px !important;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(38px, 3.8vw, 52px);
    font-weight: 400;
    line-height: .8;

    color: rgba(17,17,17,.16);
}


/*======================================
=             ORGANIZATION             =
======================================*/

.reconocimientos-mirla__organization {
    width: 100%;
    margin: 0 0 18px !important;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: #666;
}


/*======================================
=                AWARD                 =
======================================*/

.reconocimientos-mirla__award,
.reconocimientos-mirla__award .elementor-heading-title {
    width: 100%;
    max-width: 620px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.05;

    letter-spacing: -.015em;

    color: #111;

    text-wrap: pretty;
}


/*======================================
=                DETAIL                =
======================================*/

.reconocimientos-mirla__detail {
    width: 100%;
    max-width: 600px;

    margin-top: 18px !important;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;

    letter-spacing: .11em;
    text-transform: uppercase;

    color: #555;
}

.reconocimientos-mirla__note {
    margin-top: 14px !important;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;

    letter-spacing: .08em;
    text-transform: uppercase;

    color: #888;
}


/*======================================
=              TESTIMONIAL             =
======================================*/

.reconocimientos-mirla__testimonial {
    position: relative;

    width: 100%;

    margin-top: clamp(100px, 10vw, 145px) !important;

    padding:
        clamp(70px, 7vw, 100px)
        clamp(55px, 7vw, 100px) !important;

    background: #0b0b0b;
    color: #fff;
}

.reconocimientos-mirla__quote-mark {
    position: absolute;

    top: 24px;
    left: clamp(28px, 4vw, 55px);

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(80px, 9vw, 130px);
    font-weight: 400;
    line-height: 1;

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

.reconocimientos-mirla__quote {
    position: relative;
    z-index: 1;

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

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3.5vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.12;

    letter-spacing: -.015em;

    color: #fff;

    text-wrap: pretty;
}

.reconocimientos-mirla__quote p {
    margin: 0;
}

.reconocimientos-mirla__source {
    margin-top: clamp(34px, 4vw, 48px) !important;

    font-family: "Manrope", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .18em;
    text-transform: uppercase;

    color: #888;
}


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

@media (max-width: 1024px) {

    .reconocimientos-mirla {
        padding: 100px 5vw !important;
    }

    .reconocimientos-mirla__title,
    .reconocimientos-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .reconocimientos-mirla__body {
        grid-template-columns:
            minmax(200px, .45fr)
            minmax(0, 1.35fr);

        gap: 60px;

        margin-top: 80px !important;
    }

    .reconocimientos-mirla__year {
        font-size: clamp(90px, 13vw, 140px);
    }

    .reconocimientos-mirla__award,
    .reconocimientos-mirla__award .elementor-heading-title {
        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }

    .reconocimientos-mirla__testimonial {
        margin-top: 90px !important;
    }

    .reconocimientos-mirla__quote {
        font-size: clamp(28px, 4.5vw, 38px); /* CORREGIDO */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .reconocimientos-mirla {
        padding: 82px 20px 90px !important;
    }

    .reconocimientos-mirla__inner,
    .reconocimientos-mirla__intro,
    .reconocimientos-mirla__body,
    .reconocimientos-mirla__list,
    .reconocimientos-mirla__item,
    .reconocimientos-mirla__testimonial {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .reconocimientos-mirla__label {
        margin-bottom: 26px !important;
    }

    .reconocimientos-mirla__title,
    .reconocimientos-mirla__title .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;
    }

    .reconocimientos-mirla__intro-text {
        max-width: 100%;

        margin-top: 28px !important;

        font-size: 15px;
    }


    /* BODY */

    .reconocimientos-mirla__body {
        display: flex;
        flex-direction: column;

        gap: 0;

        margin-top: 58px !important;
    }

    .reconocimientos-mirla__year {
        margin-bottom: 42px !important;

        font-size: 86px;
        line-height: .75;
    }


    /* ITEMS */

    .reconocimientos-mirla__item {
        padding: 34px 0 !important;
    }

    .reconocimientos-mirla__number {
        margin-bottom: 20px !important;

        font-size: 38px;
    }

    .reconocimientos-mirla__organization {
        margin-bottom: 14px !important;

        font-size: 9px;
    }

    .reconocimientos-mirla__award,
    .reconocimientos-mirla__award .elementor-heading-title {
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
        line-height: 1.05;
    }

    .reconocimientos-mirla__detail {
        margin-top: 16px !important;

        font-size: 10px;
    }


    /* TESTIMONIAL */

    .reconocimientos-mirla__testimonial {
        margin-top: 68px !important;

        padding:
            62px
            24px
            48px !important;
    }

    .reconocimientos-mirla__quote-mark {
        top: 16px;
        left: 20px;

        font-size: 76px;
    }

    .reconocimientos-mirla__quote {
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
        line-height: 1.1;
    }

    .reconocimientos-mirla__source {
        margin-top: 30px !important;

        font-size: 9px;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .reconocimientos-mirla {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .reconocimientos-mirla__title,
    .reconocimientos-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .reconocimientos-mirla__year {
        font-size: 78px;
    }

    .reconocimientos-mirla__award,
    .reconocimientos-mirla__award .elementor-heading-title {
        font-size: 26px; /* CORREGIDO */
    }

    .reconocimientos-mirla__quote {
        font-size: 26px; /* CORREGIDO */
    }
}

/*======================================
=        09 · CIERRE PERSONAL          =
======================================*/

.cierre-mirla {
    width: 100%;

    padding: clamp(115px, 10vw, 160px) 6vw !important;

    background: #f4f2ee;
    color: #111;
}

.cierre-mirla__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.cierre-mirla__label,
.cierre-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #707070;
}

.cierre-mirla__label {
    margin-bottom: clamp(48px, 5vw, 68px) !important;
}


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

.cierre-mirla__grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(320px, .85fr);

    gap: clamp(80px, 10vw, 150px);

    align-items: center;
}

.cierre-mirla__content,
.cierre-mirla__media {
    width: 100%;
    min-width: 0;
}


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

.cierre-mirla__title,
.cierre-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 720px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.02;

    letter-spacing: -.02em;

    color: #111;

    text-wrap: pretty;
}


/*======================================
=                 TEXT                 =
======================================*/

.cierre-mirla__text {
    width: 100%;
    max-width: 590px;

    margin-top: clamp(40px, 4vw, 56px) !important;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 1.78;

    color: #444;
}

.cierre-mirla__text p {
    margin: 0;
}

.cierre-mirla__text p + p {
    margin-top: 26px !important;
}


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

.cierre-mirla__media {
    width: 100%;
    max-width: 500px;

    justify-self: end;
}

.cierre-mirla__image {
    width: 100%;
}

.cierre-mirla__image img {
    display: block;

    width: 100%;
    height: auto;

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

    border-radius: 0;
}


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

.cierre-mirla__statement {
    width: 100%;

    display: flex;
    justify-content: flex-end;

    margin-top: clamp(90px, 9vw, 130px) !important;
    padding-top: clamp(44px, 4.5vw, 62px) !important;

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

.cierre-mirla__statement-text,
.cierre-mirla__statement-text .elementor-heading-title {
    width: 100%;
    max-width: 760px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(30px, 3.4vw, 42px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.08;

    letter-spacing: -.015em;

    color: #222;

    text-wrap: pretty;
}


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

@media (max-width: 1024px) {

    .cierre-mirla {
        padding: 100px 5vw !important;
    }

    .cierre-mirla__label {
        margin-bottom: 48px !important;
    }

    .cierre-mirla__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(280px, .82fr);

        gap: 60px;
    }

    .cierre-mirla__title,
    .cierre-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .cierre-mirla__text {
        font-size: 16px;
    }

    .cierre-mirla__media {
        max-width: 440px;
    }

    .cierre-mirla__statement {
        margin-top: 80px !important;
        padding-top: 48px !important;
    }

    .cierre-mirla__statement-text,
    .cierre-mirla__statement-text .elementor-heading-title {
        max-width: 650px;

        font-size: clamp(28px, 4vw, 36px); /* CORREGIDO */
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .cierre-mirla {
        padding: 82px 20px 90px !important;
    }

    .cierre-mirla__inner,
    .cierre-mirla__grid,
    .cierre-mirla__content,
    .cierre-mirla__media,
    .cierre-mirla__statement {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .cierre-mirla__label {
        margin-bottom: 30px !important;
    }


    /*--------------------------------------
    =                GRID                  =
    --------------------------------------*/

    .cierre-mirla__grid {
        display: flex;
        flex-direction: column;

        gap: 0;
    }


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

    .cierre-mirla__title,
    .cierre-mirla__title .elementor-heading-title {
        width: 100%;
        max-width: none;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }


    /*--------------------------------------
    =                TEXT                  =
    --------------------------------------*/

    .cierre-mirla__text {
        width: 100%;
        max-width: none;

        margin-top: 30px !important;

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

    .cierre-mirla__text p + p {
        margin-top: 22px !important;
    }


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

    .cierre-mirla__media {
        margin-top: 42px !important;

        max-width: none;
    }

    .cierre-mirla__image,
    .cierre-mirla__image img {
        width: 100%;
        max-width: none;
    }


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

    .cierre-mirla__statement {
        justify-content: flex-start;

        margin-top: 58px !important;
        padding-top: 36px !important;

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

    .cierre-mirla__statement-text,
    .cierre-mirla__statement-text .elementor-heading-title {
        width: 100%;
        max-width: 100%;

        font-size: clamp(26px, 8vw, 32px); /* CORREGIDO */
        line-height: 1.09;

        text-wrap: pretty;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .cierre-mirla {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .cierre-mirla__title,
    .cierre-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .cierre-mirla__statement-text,
    .cierre-mirla__statement-text .elementor-heading-title {
        font-size: 26px; /* CORREGIDO */
    }
}


/*======================================
=            CTA FINAL · MIRLA         =
======================================*/

.cta-mirla {
    width: 100%;

    padding: clamp(100px, 9vw, 140px) 6vw 48px !important;

    background: #0b0b0b;
    color: #fff;
}

.cta-mirla__inner {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


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

.cta-mirla__label,
.cta-mirla__label .elementor-heading-title {
    width: 100%;
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .20em;
    text-transform: uppercase;

    color: #858585;
}

.cta-mirla__label {
    margin-bottom: clamp(42px, 4vw, 58px) !important;
}


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

.cta-mirla__grid {
    width: 100%;

    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(260px, .75fr);

    gap: clamp(70px, 10vw, 150px) !important;

    align-items: end;
}

.cta-mirla__content,
.cta-mirla__action {
    width: 100%;
    min-width: 0;
}


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

.cta-mirla__title,
.cta-mirla__title .elementor-heading-title {
    width: 100%;
    max-width: 820px;

    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(40px, 4.5vw, 60px); /* CORREGIDO */
    font-weight: 500;
    line-height: 1.01;

    letter-spacing: -.025em;

    color: #fff;

    text-wrap: pretty;
}


/*======================================
=                 TEXT                 =
======================================*/

.cta-mirla__text {
    width: 100%;
    max-width: 620px;

    margin-top: clamp(34px, 3.5vw, 46px) !important;

    font-family: "Manrope", sans-serif;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 400;
    line-height: 1.75;

    color: #aaa;
}

.cta-mirla__text p {
    margin: 0;
}


/*======================================
=                ACTION                =
======================================*/

.cta-mirla__action {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}


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

.cta-mirla__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 230px;

    padding: 18px 30px !important;

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

    background: transparent;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;

    letter-spacing: .16em;
    text-transform: uppercase;
    text-decoration: none;

    color: #fff;

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

.cta-mirla__button:hover,
.cta-mirla__button:focus-visible {
    background: #fff;
    color: #111;

    border-color: #fff;
}


/* Elementor Button compatibility */

.cta-mirla__button .elementor-button {
    width: 100%;

    padding: 18px 30px !important;

    border: 1px solid rgba(255,255,255,.55);
    border-radius: 0;

    background: transparent;

    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;

    letter-spacing: .16em;
    text-transform: uppercase;

    color: #fff;

    box-shadow: none;
}

.cta-mirla__button .elementor-button:hover {
    background: #fff;
    color: #111;

    border-color: #fff;
}


/*======================================
=              FOOT LINE               =
======================================*/

.cta-mirla__footer {
    width: 100%;

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

    gap: 30px;

    margin-top: clamp(76px, 8vw, 110px) !important;
    padding-top: 22px !important;

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


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

.cta-mirla__meta {
    margin: 0;

    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: .17em;
    text-transform: uppercase;

    color: #777;
}

.cta-mirla__arrow {
    margin: 0;

    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;

    color: #777;
}


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

@media (max-width: 1024px) {

    .cta-mirla {
        padding: 95px 5vw 42px !important;
    }

    .cta-mirla__label {
        margin-bottom: 40px !important;
    }

    .cta-mirla__grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(220px, .55fr);

        gap: 55px;
    }

    .cta-mirla__title,
    .cta-mirla__title .elementor-heading-title {
        font-size: clamp(36px, 5vw, 52px); /* CORREGIDO */
    }

    .cta-mirla__text {
        font-size: 16px;
    }

    .cta-mirla__button,
    .cta-mirla__button .elementor-button {
        min-width: 210px;
    }
}


/*======================================
=             SMARTPHONE               =
======================================*/

@media (max-width: 767px) {

    .cta-mirla {
        padding: 78px 20px 34px !important;
    }

    .cta-mirla__inner,
    .cta-mirla__grid,
    .cta-mirla__content,
    .cta-mirla__action,
    .cta-mirla__footer {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .cta-mirla__label {
        margin-bottom: 28px !important;
    }


    /*--------------------------------------
    =                 GRID                 =
    --------------------------------------*/

    .cta-mirla__grid {
        display: flex;
        flex-direction: column;

        gap: 0;
    }


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

    .cta-mirla__title,
    .cta-mirla__title .elementor-heading-title {
        width: 100%;
        max-width: none;

        font-size: clamp(32px, 9vw, 44px); /* CORREGIDO */
        line-height: 1.03;

        text-wrap: pretty;
    }


    /*--------------------------------------
    =                 TEXT                 =
    --------------------------------------*/

    .cta-mirla__text {
        width: 100%;
        max-width: none;

        margin-top: 28px !important;

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


    /*--------------------------------------
    =                ACTION                =
    --------------------------------------*/

    .cta-mirla__action {
        justify-content: flex-start;

        margin-top: 38px !important;
    }


    /*--------------------------------------
    =                BUTTON                =
    --------------------------------------*/

    .cta-mirla__button,
    .cta-mirla__button .elementor-button {
        width: 100%;
        min-width: 0;
    }


    /*--------------------------------------
    =                FOOTER                =
    --------------------------------------*/

    .cta-mirla__footer {
        flex-direction: column;
        align-items: flex-start;

        margin-top: 62px !important;
        padding-top: 18px !important;

        gap: 16px;
    }

    .cta-mirla__meta {
        max-width: 260px;

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

    .cta-mirla__arrow {
        font-size: 26px;
    }
}


/*======================================
=         SMALL SMARTPHONE            =
======================================*/

@media (max-width: 390px) {

    .cta-mirla {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .cta-mirla__title,
    .cta-mirla__title .elementor-heading-title {
        font-size: clamp(28px, 9vw, 36px); /* CORREGIDO */
    }

    .cta-mirla__text {
        font-size: 14px;
    }
}/* End custom CSS */