/* Start custom CSS *//* ==================================================
   SERVICIOS — HERO
================================================== */

.servicios-hero{
    width:100%;
    margin:0;
    padding:0;
    background:#f6f3ee;
}

.servicios-hero__inner{
    width:100%;
    max-width:1440px;
    margin:0 auto;

    padding:
        clamp(72px, 8vw, 120px)
        6vw
        clamp(64px, 7vw, 110px) !important;

    box-sizing:border-box;
}


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

.servicios-hero__header{
    display:flex;
    align-items:center;
    gap:24px;

    width:100%;
    margin:0 0 clamp(54px, 6vw, 88px) !important;
}

.servicios-hero__label{
    margin:0;

    font-family:"Manrope",sans-serif;
    font-size:12px;
    font-weight:500;
    line-height:1;
    letter-spacing:.22em;
    text-transform:uppercase;

    color:#7b7b76;

    white-space:nowrap;
}

.servicios-hero__rule{
    flex:1 1 auto;
    min-width:0;
    height:1px;

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


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

.servicios-hero__content{
    display:grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, .62fr);

    column-gap:clamp(56px, 8vw, 120px);
    row-gap:0;

    align-items:end;
    width:100%;
}


/* ==================================================
   H1
================================================== */

.servicios-hero__title{
    grid-column:1;
    margin:0;

    max-width:820px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(58px, 5.8vw, 92px);
    font-weight:400;
    line-height:.94;
    letter-spacing:-.035em;

    color:#171715;
}


/* ==================================================
   ASIDE
================================================== */

.servicios-hero__aside{
    grid-column:2;

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

    gap:26px;

    width:100%;
    max-width:470px;
    padding-bottom:8px !important;
}

.servicios-hero__intro{
    margin:0;

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

    color:#555550;
}


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

.servicios-hero__link{
    display:inline-flex;
    align-items:center;

    width:fit-content;
    margin-top:18px !important;
    padding:0 0 7px !important;

    border-bottom:1px solid rgba(20,20,18,.65);

    font-family:"Manrope",sans-serif;
    font-size:11px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:.15em;
    text-transform:uppercase;

    color:#171715;
    text-decoration:none;

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

.servicios-hero__link:hover{
    opacity:.65;
    border-color:rgba(20,20,18,.35);
}


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

.servicios-hero__footer{
    display:flex;
    flex-direction:column;

    width:100%;
    gap:16px;

    margin-top:clamp(70px, 8vw, 120px) !important;
}

.servicios-hero__number{
    align-self:flex-end;

    margin:0;

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

    color:rgba(20,20,18,.075);
}

.servicios-hero__bottom-rule{
    width:100%;
    height:1px;

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

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

@media (max-width:1024px){

    .servicios-hero__inner{
        padding:
            clamp(64px, 8vw, 88px)
            5vw
            clamp(60px, 7vw, 84px) !important;
    }

    .servicios-hero__header{
        gap:20px;
        margin-bottom:clamp(46px, 6vw, 68px) !important;
    }

    .servicios-hero__title{
        max-width:760px;

        font-size:clamp(54px, 7.4vw, 76px);
        line-height:.96;
    }

    .servicios-hero__content{
        grid-template-columns:
            minmax(0, 1fr)
            minmax(250px, .55fr);

        column-gap:clamp(38px, 5vw, 64px);
    }

    .servicios-hero__aside{
        max-width:390px;
        gap:22px;
        padding-bottom:4px !important;
    }

    .servicios-hero__intro{
        font-size:15px;
        line-height:1.7;
    }
    
    .servicios-hero__link{
        margin-top:16px !important;
    }

    .servicios-hero__footer{
        margin-top:clamp(60px, 8vw, 92px) !important;
    }

    .servicios-hero__number{
        font-size:clamp(60px, 8vw, 88px);
    }

}

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

@media (max-width:767px){

    .servicios-hero__inner{
        padding:
            56px
            20px
            56px !important;
    }

    .servicios-hero__header{
        gap:14px;
        margin-bottom:42px !important;
    }

    .servicios-hero__label{
        font-size:10px;
        letter-spacing:.20em;
    }

    .servicios-hero__content{
        display:flex;
        flex-direction:column;

        gap:34px;
    }

    .servicios-hero__title{
        width:100%;
        max-width:620px;

        font-size:clamp(46px, 13vw, 64px);
        line-height:.96;
        letter-spacing:-.03em;
    }

    .servicios-hero__aside{
        width:100%;
        max-width:520px;

        gap:22px;
        padding:0;
    }

    .servicios-hero__intro{
        max-width:440px;

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

    .servicios-hero__link{
        font-size:10px;
        letter-spacing:.14em;
        margin-top:14px !important;
    }

    .servicios-hero__footer{
        gap:14px;
        margin-top:58px !important;
    }

    .servicios-hero__number{
        font-size:72px;
    }

}

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

@media (max-width:390px){

    .servicios-hero__inner{
        padding:
            48px
            18px
            48px !important;
    }

    .servicios-hero__header{
        margin-bottom:38px !important;
    }

    .servicios-hero__title{
        font-size:clamp(42px, 12.7vw, 50px);
        line-height:.98;
    }

    .servicios-hero__content{
        gap:30px;
    }

    .servicios-hero__intro{
        font-size:14.5px;
        line-height:1.68;
    }

    .servicios-hero__footer{
        margin-top:50px !important;
    }

    .servicios-hero__number{
        font-size:64px;
    }

}

/* ==================================================
   SERVICIOS — CONTEXTO / SECCIÓN 02
================================================== */

.servicios-contexto{
    width:100%;
    margin:0;
    padding:0;

    background:#11110f;
    color:#f3f0ea;
}

.servicios-contexto__inner{
    width:100%;
    max-width:1440px;
    margin:0 auto;

    padding:
        clamp(100px, 10vw, 150px)
        6vw
        clamp(88px, 9vw, 132px) !important;

    box-sizing:border-box;
}


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

.servicios-contexto__main{
    display:grid;

    grid-template-columns:
        minmax(190px, .42fr)
        minmax(0, 1fr);

    column-gap:clamp(72px, 10vw, 150px);

    width:100%;

    align-items:stretch;
}


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

.servicios-contexto__meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;

    min-height:100%;
}

.servicios-contexto__label{
    max-width:180px;

    margin:0;

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

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

    color:rgba(243,240,234,.52);
}

.servicios-contexto__number{
    margin:clamp(80px, 10vw, 150px) 0 0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(90px, 9vw, 138px);
    font-weight:400;
    line-height:.72;

    letter-spacing:-.04em;

    color:rgba(243,240,234,.09);
}


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

.servicios-contexto__content{
    display:flex;
    flex-direction:column;

    align-items:flex-start;

    width:100%;
}

.servicios-contexto__title{
    width:100%;
    max-width:840px;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px, 4.75vw, 72px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.028em;

    color:#f3f0ea;
}

.servicios-contexto__text{
    width:100%;
    max-width:520px;

    margin:
        clamp(48px, 5vw, 72px)
        0
        0
        auto !important;

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

    line-height:1.75;

    color:rgba(243,240,234,.67);
}


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

.servicios-contexto__principles{
    display:grid;

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

    width:100%;

    margin-top:clamp(88px, 9vw, 132px) !important;
    padding-top:28px !important;

    border-top:1px solid rgba(243,240,234,.18);
}

.servicios-contexto__principle{
    display:flex;
    align-items:center;

    min-width:0;
}

.servicios-contexto__principle:not(:first-child){
    padding-left:clamp(20px, 3vw, 42px) !important;

    border-left:1px solid rgba(243,240,234,.12);
}

.servicios-contexto__principle-text{
    margin:0;

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

    line-height:1.4;
    letter-spacing:.17em;

    text-transform:uppercase;

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


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

@media (max-width:1024px){

    .servicios-contexto__inner{
        padding:
            clamp(82px, 9vw, 110px)
            5vw
            clamp(76px, 8vw, 104px) !important;
    }

    .servicios-contexto__main{
        grid-template-columns:
            minmax(150px, .34fr)
            minmax(0,1fr);

        column-gap:clamp(46px, 6vw, 74px);
    }

    .servicios-contexto__label{
        max-width:150px;

        font-size:10px;
        letter-spacing:.19em;
    }

    .servicios-contexto__number{
        margin-top:clamp(64px, 9vw, 100px) !important;

        font-size:clamp(76px, 10vw, 104px);
    }

    .servicios-contexto__title{
        max-width:680px;

        font-size:clamp(46px, 6.1vw, 64px);
        line-height:.98;
    }

    .servicios-contexto__text{
        max-width:460px;

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

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

    .servicios-contexto__principles{
        margin-top:clamp(70px, 8vw, 96px) !important;

        padding-top:24px !important;
    }

    .servicios-contexto__principle:not(:first-child){
        padding-left:18px !important;
    }

    .servicios-contexto__principle-text{
        font-size:10px;
        letter-spacing:.14em;
    }

}


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

@media (max-width:767px){

    .servicios-contexto__inner{
        padding:
            72px
            20px
            70px !important;
    }

    .servicios-contexto__main{
        display:flex;
        flex-direction:column;

        gap:0;
    }

    .servicios-contexto__meta{
        width:100%;

        display:flex;
        flex-direction:column;

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

    .servicios-contexto__label{
        max-width:none;

        font-size:10px;
        line-height:1.4;
        letter-spacing:.18em;
    }

    .servicios-contexto__number{
        margin-top:34px !important;

        font-size:74px;
        line-height:.78;
    }

    .servicios-contexto__content{
        margin-top:46px !important;
    }

    .servicios-contexto__title{
        max-width:620px;

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

        line-height:.98;
        letter-spacing:-.025em;
    }

    .servicios-contexto__text{
        max-width:480px;

        margin:
            36px
            0
            0 !important;

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

    .servicios-contexto__principles{
        display:flex;
        flex-wrap:wrap;

        width:100%;

        margin-top:64px !important;
        padding-top:0 !important;

        border-top:1px solid rgba(243,240,234,.18);
    }

    .servicios-contexto__principle,
    .servicios-contexto__principle:not(:first-child){
        width:50%;
        flex:0 0 50%;

        min-width:0;
        min-height:64px;

        display:flex;
        align-items:center;

        padding:20px 0;

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

        box-sizing:border-box;
    }

    .servicios-contexto__principle:nth-child(even){
        padding-left:20px !important;

        border-left:1px solid rgba(243,240,234,.12);
    }

    .servicios-contexto__principle:nth-child(odd){
        padding-right:20px !important;
    }

    .servicios-contexto__principle-text{
        margin:0;

        font-size:10px;
        line-height:1.4;
        letter-spacing:.12em;

        white-space:nowrap;
    }

}


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

@media (max-width:390px){

    .servicios-contexto__inner{
        padding:
            64px
            18px
            62px !important;
    }

    .servicios-contexto__number{
        margin-top:30px !important;

        font-size:66px !important;
    }

    .servicios-contexto__content{
        margin-top:40px !important;
    }

    .servicios-contexto__title{
        font-size:clamp(40px, 11.2vw, 46px);

        line-height:1;
    }

    .servicios-contexto__text{
        margin-top:30px !important;

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

    .servicios-contexto__principles{
        margin-top:56px !important;
    }

    .servicios-contexto__principle,
    .servicios-contexto__principle:not(:first-child){
        width: 50%;
        min-height:58px;

        padding-top:17px !important;
        padding-bottom:17px !important;
    }

    .servicios-contexto__principle:nth-child(even){
        padding-left:12px !important;
    }

    .servicios-contexto__principle:nth-child(odd){
        padding-right:12px !important;
    }

    .servicios-contexto__principle-text{
        font-size:8.5px;
        letter-spacing:.08em;
        white-space:nowrap;
    }

}

/* ==================================================
   SERVICIOS — ÁREAS DE PRÁCTICA / SECCIÓN 03
================================================== */

.servicios-areas{
    width:100%;
    margin:0;
    padding:0;

    background:#f6f3ee;
    color:#171715;
}

.servicios-areas__inner{
    width:100%;
    max-width:1440px;
    margin:0 auto;

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

    box-sizing:border-box;
}


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

.servicios-areas__intro{
    width:100%;

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

.servicios-areas__label{
    margin:0;

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

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

    color:#7a7974;
}

.servicios-areas__title{
    width:100%;
    max-width:900px;

    margin:
        clamp(36px, 4vw, 54px)
        0
        0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px, 4.8vw, 72px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.028em;

    color:#171715;
}


/* ==================================================
   LIST — GRID EDITORIAL
================================================== */

.servicios-areas__list{
    display:grid;

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

    width:100%;

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

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


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

.servicios-areas__item{
    position:relative;

    display:grid;

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

    grid-template-areas:
        "number arrow"
        "name   name"
        "text   text";

    align-content:start;

    width:100%;
    min-width:0;

    padding:
        clamp(42px, 5vw, 68px)
        clamp(34px, 4vw, 58px)
        clamp(44px, 5vw, 68px) !important;

    box-sizing:border-box;

    color:inherit;
    text-decoration:none;
}


/* Columna izquierda */

.servicios-areas__item:nth-child(odd){
    padding-left:0 !important;

    border-right:1px solid rgba(23,23,21,.14) !important;
}


/* Columna derecha */

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


/* Primera fila */

.servicios-areas__item:nth-child(-n+2){
    border-bottom:1px solid rgba(23,23,21,.14) !important;
}


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

.servicios-areas__number{
    grid-area:number;

    margin:0 !important;

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

    color:rgba(23,23,21,.14);

    transition:color .25s ease;
}


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

.servicios-areas__name{
    grid-area:name;

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

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

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(35px, 3.4vw, 50px);
    font-weight:400;

    line-height:1;
    letter-spacing:-.022em;

    color:#171715;

    transition:transform .25s ease;
}


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

.servicios-areas__description{
    grid-area:text;

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

    margin:
        clamp(22px, 2.5vw, 32px)
        0
        0 !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px, 1.05vw, 16px);
    font-weight:400;

    line-height:1.65;

    color:#686761;
}


/* ==================================================
   ARROW
================================================== */

.servicios-areas__arrow{
    grid-area:arrow;

    align-self:start;
    justify-self:end;

    margin:0 !important;

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

    color:#77766f;

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


/* ==================================================
   HOVER
================================================== */

@media (hover:hover){

    .servicios-areas__item:hover
    .servicios-areas__number{
        color:rgba(23,23,21,.32);
    }

    .servicios-areas__item:hover
    .servicios-areas__name{
        transform:translateX(6px);
    }

    .servicios-areas__item:hover
    .servicios-areas__arrow{
        transform:translateY(5px);
        color:#171715;
    }

}


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

@media (max-width:1024px){

    .servicios-areas__inner{
        padding:
            clamp(82px, 9vw, 112px)
            5vw
            clamp(84px, 9vw, 114px) !important;
    }

    .servicios-areas__label{
        font-size:10px;
        letter-spacing:.19em;
    }

    .servicios-areas__title{
        max-width:760px;

        margin-top:34px !important;

        font-size:clamp(46px, 6vw, 62px);
    }

    .servicios-areas__list{
        grid-template-columns:
            repeat(2, minmax(0,1fr));
            
        margin-top:clamp(64px, 7vw, 88px) !important;
    }

    .servicios-areas__item{
        grid-template-columns:
            minmax(58px, .12fr)
            minmax(230px, .78fr)
            minmax(220px, .62fr)
            auto;

        column-gap:clamp(20px, 3vw, 34px);

         padding:
            clamp(34px, 5vw, 48px)
            clamp(26px, 3.5vw, 38px)
            clamp(38px, 5vw, 50px) !important;
    }
    
    .servicios-areas__item:nth-child(odd){
        padding-left:0;
    }

    .servicios-areas__item:nth-child(even){
        padding-right:0;
    }

    .servicios-areas__number{
        font-size:clamp(46px, 6vw, 58px);
    }

    .servicios-areas__name{
        margin-top:30px !important;

        font-size:clamp(31px, 4.3vw, 40px);
        line-height:1.02;
    }

    .servicios-areas__description{
        max-width:310px;

        margin-top:20px !important;

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

    .servicios-areas__arrow{
        font-size:17px;
    }

}


/* ==================================================
   SMARTPHONE — ÁREAS
================================================== */

@media (max-width:767px){

    .servicios-areas__inner{
        padding:
            72px
            20px
            76px;
    }

    .servicios-areas__label{
        font-size:10px;
        letter-spacing:.18em;
    }

    .servicios-areas__title{
        max-width:620px;

        margin-top:30px;

        font-size:clamp(43px, 11.4vw, 57px);
        line-height:.99;
    }

    .servicios-areas__list{
        display:block;

        margin-top:58px;

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

    .servicios-areas__item,
    .servicios-areas__item:nth-child(odd),
    .servicios-areas__item:nth-child(even),
    .servicios-areas__item:nth-child(-n+2){
        display:grid;

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

        grid-template-areas:
            "number arrow"
            "name   name"
            "text   text";

        width:100%;

        padding:
            30px
            0
            32px;

        border-right:none;
        border-bottom:1px solid rgba(23,23,21,.18);
    }

    .servicios-areas__number{
        grid-area:number;

        justify-self:start;

        font-size:46px;
    }

    .servicios-areas__arrow{
        grid-area:arrow;

        justify-self:end;
        align-self:start;

        font-size:17px;
    }

    .servicios-areas__name{
        grid-area:name;

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

        margin-top:28px;

        font-size:clamp(32px, 9.5vw, 44px);
        line-height:1;
    }

    .servicios-areas__description{
        grid-area:text;

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

        margin-top:18px;

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

}


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

@media (max-width:390px){

    .servicios-areas__inner{
        padding:
            64px
            18px
            68px;
    }

    .servicios-areas__title{
        margin-top:28px;

        font-size:clamp(40px, 11vw, 46px);
        line-height:1;
    }

    .servicios-areas__list{
        margin-top:50px;
    }

    .servicios-areas__item,
    .servicios-areas__item:nth-child(odd),
    .servicios-areas__item:nth-child(even),
    .servicios-areas__item:nth-child(-n+2){
        padding:
            27px
            0
            29px;
    }

    .servicios-areas__number{
        font-size:42px;
    }

    .servicios-areas__name{
        margin-top:24px;

        font-size:clamp(30px, 8.8vw, 36px);
    }

    .servicios-areas__description{
        margin-top:17px;

        max-width:310px;

        font-size:13.5px;
        line-height:1.62;
    }

    .servicios-areas__arrow{
        font-size:16px;
    }

}

/* ==================================================
   SERVICIOS — DERECHO CORPORATIVO / SECCIÓN 04
================================================== */

.servicios-corporativo{
    width:100%;
    margin:0;
    padding:0;

    background:#11110f;
    color:#f3f0ea;
}

.servicios-corporativo__inner{
    width:100%;
    max-width:1440px;

    margin:0 auto;

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

    box-sizing:border-box;
}


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

.servicios-corporativo__intro{
    display:grid;

    grid-template-columns:
        minmax(180px,.42fr)
        minmax(0,1fr);

    column-gap:clamp(72px, 10vw, 150px);

    width:100%;
}


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

.servicios-corporativo__meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    width:100%;
}

.servicios-corporativo__number{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(94px, 9vw, 140px);
    font-weight:400;

    line-height:.75;
    letter-spacing:-.04em;

    color:rgba(243,240,234,.09);
}

.servicios-corporativo__label{
    max-width:220px;

    margin:
        clamp(46px, 5vw, 66px)
        0
        0 !important;

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

    line-height:1.55;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:rgba(243,240,234,.52);
}


/* ==================================================
   LEAD
================================================== */

.servicios-corporativo__lead{
    width:100%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-corporativo__title{
    width:100%;
    max-width:830px;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px, 4.8vw, 72px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.028em;

    color:#f3f0ea;
}

.servicios-corporativo__intro-text{
    width:100%;
    max-width:520px;

    margin:
        clamp(46px, 5vw, 68px)
        0
        0
        auto !important;

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

    line-height:1.75;

    color:rgba(243,240,234,.67);
}


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

.servicios-corporativo__scope{
    width:100%;

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

.servicios-corporativo__scope-label{
    margin:0 0 30px !important;

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

    line-height:1.4;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:rgba(243,240,234,.48);
}


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

.servicios-corporativo__scope-list{
    width:100%;

    border-top:1px solid rgba(243,240,234,.18);
}

.servicios-corporativo__scope-item{
    display:grid;

    grid-template-columns:
        minmax(60px,.14fr)
        minmax(230px,.65fr)
        minmax(0,1fr);

    column-gap:clamp(28px, 5vw, 74px);

    align-items:start;

    width:100%;

    padding:
        clamp(34px, 4vw, 52px)
        0 !important;

    border-bottom:1px solid rgba(243,240,234,.15);

    box-sizing:border-box;
}


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

.servicios-corporativo__scope-number{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(42px,4vw,58px);
    font-weight:400;

    line-height:.85;

    color:rgba(243,240,234,.13);
}


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

.servicios-corporativo__scope-name{
    margin:0;

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

    line-height:1.55;
    letter-spacing:.16em;

    text-transform:uppercase;

    color:rgba(243,240,234,.82);
}


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

.servicios-corporativo__scope-text{
    width:100%;
    max-width:570px;

    margin:0;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.05vw,16px);
    font-weight:400;

    line-height:1.7;

    color:rgba(243,240,234,.61);
}


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

.servicios-corporativo__closing{
    width:100%;
    max-width:720px;

    margin:
        clamp(110px, 11vw, 165px)
        0
        0
        auto !important;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-corporativo__closing-title{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(42px,4.3vw,64px);
    font-weight:400;

    line-height:1;
    letter-spacing:-.025em;

    color:#f3f0ea;
}

.servicios-corporativo__link{
    display:inline-flex;

    width:fit-content;

    margin-top:clamp(38px,4vw,54px) !important;
    padding-bottom:7px !important;

    border-bottom:1px solid rgba(243,240,234,.6);

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

    line-height:1.4;
    letter-spacing:.14em;

    text-transform:uppercase;

    color:#f3f0ea;
    text-decoration:none;

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

.servicios-corporativo__link:hover{
    opacity:.65;
    border-color:rgba(243,240,234,.35);
}

/* ==================================================
   TABLET — CORPORATIVO
================================================== */

@media (max-width:1024px){

    .servicios-corporativo__inner{
        padding:
            clamp(88px,9vw,118px)
            5vw
            clamp(90px,9vw,120px) !important;
    }

    .servicios-corporativo__intro{
        grid-template-columns:
            minmax(150px,.34fr)
            minmax(0,1fr);

        column-gap:clamp(46px,6vw,76px);
    }

    .servicios-corporativo__number{
        font-size:clamp(78px,10vw,106px);
    }

    .servicios-corporativo__label{
        max-width:170px;

        margin-top:42px !important;

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

    .servicios-corporativo__title{
        max-width:670px;

        font-size:clamp(46px,6vw,62px);
    }

    .servicios-corporativo__intro-text{
        max-width:450px;

        margin-top:42px !important;

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

    .servicios-corporativo__scope{
        margin-top:clamp(80px,9vw,108px) !important;
    }

    .servicios-corporativo__scope-label{
        font-size:10px;
        letter-spacing:.18em;
    }

    .servicios-corporativo__scope-item{
        grid-template-columns:
            54px
            minmax(190px,.6fr)
            minmax(0,1fr);

        column-gap:clamp(22px,3vw,38px);

        padding:
            32px
            0 !important;
    }

    .servicios-corporativo__scope-number{
        font-size:42px;
    }

    .servicios-corporativo__scope-name{
        font-size:10px;
        letter-spacing:.14em;
    }

    .servicios-corporativo__scope-text{
        max-width:430px;

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

    .servicios-corporativo__closing{
        max-width:610px;

        margin-top:clamp(90px,10vw,125px) !important;
    }

    .servicios-corporativo__closing-title{
        font-size:clamp(40px,5.5vw,56px);
    }

}

/* ==================================================
   SMARTPHONE — CORPORATIVO
================================================== */

@media (max-width:767px){

    .servicios-corporativo__inner{
        padding:
            76px
            20px
            78px !important;
    }

    .servicios-corporativo__intro{
        display:flex;
        flex-direction:column;

        width:100%;
    }

    .servicios-corporativo__meta{
        width:100%;
    }

    .servicios-corporativo__number{
        font-size:74px;
        line-height:.78;
    }

    .servicios-corporativo__label{
        max-width:250px;

        margin-top:30px !important;

        font-size:10px;
        line-height:1.45;
        letter-spacing:.17em;
    }

    .servicios-corporativo__lead{
        width:100%;

        margin-top:50px !important;
    }

    .servicios-corporativo__title{
        max-width:620px;

        font-size:clamp(43px,11.4vw,57px);
        line-height:.99;
    }

    .servicios-corporativo__intro-text{
        max-width:480px;

        margin:
            34px
            0
            0 !important;

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


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

    .servicios-corporativo__scope{
        margin-top:72px !important;
    }

    .servicios-corporativo__scope-label{
        margin-bottom:24px !important;

        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-corporativo__scope-item{
        display:flex;
        flex-direction:column;

        align-items:flex-start;

        padding:
            30px
            0
            32px !important;
    }

    .servicios-corporativo__scope-number{
        font-size:44px;
    }

    .servicios-corporativo__scope-name{
        margin-top:26px !important;

        font-size:10px;
        line-height:1.5;
        letter-spacing:.15em;
    }

    .servicios-corporativo__scope-text{
        max-width:430px;

        margin-top:18px !important;

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


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

    .servicios-corporativo__closing{
        width:100%;
        max-width:520px;

        margin:
            78px
            0
            0 !important;
    }

    .servicios-corporativo__closing-title{
        font-size:clamp(40px,10.5vw,52px);
        line-height:1;
    }

    .servicios-corporativo__link{
        margin-top:34px !important;

        font-size:10px;
        letter-spacing:.13em !important;
    }

}

/* ==================================================
   SMALL SMARTPHONE — CORPORATIVO
================================================== */

@media (max-width:390px){

    .servicios-corporativo__inner{
        padding:
            66px
            18px
            68px !important;
    }

    .servicios-corporativo__number{
        font-size:66px;
    }

    .servicios-corporativo__label{
        margin-top:26px !important;

        font-size:9px;
        letter-spacing:.15em;
    }

    .servicios-corporativo__lead{
        margin-top:42px !important;
    }

    .servicios-corporativo__title{
        font-size:clamp(40px,11vw,46px);
        line-height:1;
    }

    .servicios-corporativo__intro-text{
        margin-top:30px !important;

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

    .servicios-corporativo__scope{
        margin-top:62px !important;
    }

    .servicios-corporativo__scope-item{
        padding:
            27px
            0
            29px !important;
    }

    .servicios-corporativo__scope-number{
        font-size:40px;
    }

    .servicios-corporativo__scope-name{
        margin-top:22px !important;

        font-size:9px;
        letter-spacing:.13em;
    }

    .servicios-corporativo__scope-text{
        margin-top:16px !important;

        font-size:13.5px;
        line-height:1.62;
    }

    .servicios-corporativo__closing{
        margin-top:66px !important;
    }

    .servicios-corporativo__closing-title{
        font-size:clamp(37px,10.3vw,43px);
    }

    .servicios-corporativo__link{
        margin-top:30px !important;

        font-size:9px;
        letter-spacing:.11em;
    }

}

/* ==================================================
   SERVICIOS — PROPIEDAD INTELECTUAL / SECCIÓN 05
================================================== */

.servicios-pi{
    width:100%;
    margin:0;
    padding:0;

    background:#f6f3ee;
    color:#171715;
}

.servicios-pi__inner{
    width:100%;
    max-width:1440px;

    margin:0 auto !important;

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

    box-sizing:border-box;
}


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

.servicios-pi__intro{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

    align-items:flex-start;
    justify-content:space-between;

    width:100%;
}


/* ==================================================
   LEAD
================================================== */

.servicios-pi__lead{
    flex:0 1 62%;
    width:62%;

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

.servicios-pi__title{
    width:100%;
    max-width:820px;

    margin:0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px,4.8vw,72px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.028em;

    color:#171715;
}

.servicios-pi__intro-text{
    width:100%;
    max-width:510px;

    margin:
        clamp(48px,5vw,70px)
        0
        0
        auto !important;

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

    line-height:1.75;

    color:#66655f;
}


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

.servicios-pi__meta{
    flex:0 0 26%;
    width:26%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-pi__number{
    margin:0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(96px,10vw,148px);
    font-weight:400;

    line-height:.72;
    letter-spacing:-.045em;

    color:rgba(23,23,21,.075);
}

.servicios-pi__label{
    max-width:190px;

    margin:
        clamp(48px,5vw,68px)
        0
        0 !important;

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

    line-height:1.55;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:#797872;
}


/* ==================================================
   PROCESS
================================================== */

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

    width:100%;

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

    padding:
        27px
        0 !important;

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

.servicios-pi__process-item{
    margin:0 !important;

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

    line-height:1.4;
    letter-spacing:.17em;

    text-transform:uppercase;

    color:#77766f;
}

.servicios-pi__process-item:not(:first-child){
    padding-left:clamp(20px,3vw,42px) !important;

    border-left:1px solid rgba(23,23,21,.12);
}


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

.servicios-pi__scope{
    width:100%;

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

.servicios-pi__scope-label{
    margin:0 0 clamp(48px,5vw,70px) !important;

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

    line-height:1.4;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:#797872;
}


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

.servicios-pi__scope-list{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;

    align-items:stretch;

    width:100%;
}


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

.servicios-pi__scope-item{
    flex:0 0 50%;
    width:50%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;

    box-sizing:border-box;
}


/* Izquierda */

.servicios-pi__scope-item:nth-child(odd){
    padding:
        clamp(36px,4vw,54px)
        clamp(56px,7vw,104px)
        clamp(52px,6vw,80px)
        0 !important;
}


/* Derecha */

.servicios-pi__scope-item:nth-child(even){
    padding:
        clamp(90px,10vw,150px)
        0
        clamp(52px,6vw,80px)
        clamp(56px,7vw,104px) !important;

    border-left:1px solid rgba(23,23,21,.13);
}


/* Separación entre filas */

.servicios-pi__scope-item:nth-child(-n+2){
    border-bottom:1px solid rgba(23,23,21,.14);
}


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

.servicios-pi__scope-number{
    margin:0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(54px,5.2vw,76px);
    font-weight:400;

    line-height:.8;

    color:rgba(23,23,21,.12);
}


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

.servicios-pi__scope-name{
    max-width:390px;

    margin:
        clamp(32px,3.5vw,46px)
        0
        0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(32px,3vw,44px);
    font-weight:400;

    line-height:1.02;
    letter-spacing:-.02em;

    color:#171715;
}


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

.servicios-pi__scope-text{
    width:100%;
    max-width:390px;

    margin:
        clamp(20px,2.5vw,30px)
        0
        0 !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.05vw,16px);
    font-weight:400;

    line-height:1.7;

    color:#686761;
}


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

.servicios-pi__closing{
    display:flex;
    flex-direction:row;

    align-items:flex-start;
    justify-content:space-between;

    width:100%;

    margin-top:clamp(120px,12vw,180px) !important;
}

.servicios-pi__closing-word{
    flex:0 0 38%;

    margin:0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(76px,9vw,136px);
    font-weight:400;

    line-height:.75;
    letter-spacing:-.04em;

    color:rgba(23,23,21,.055);
}

.servicios-pi__closing-content{
    flex:0 1 56%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-pi__closing-title{
    max-width:700px;

    margin:0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(42px,4.3vw,64px);
    font-weight:400;

    line-height:1;
    letter-spacing:-.025em;

    color:#171715;
}

.servicios-pi__link{
    display:inline-flex;

    width:fit-content;

    margin-top:clamp(38px,4vw,54px) !important;
    padding-bottom:7px !important;

    border-bottom:1px solid rgba(23,23,21,.65);

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

    line-height:1.4;
    letter-spacing:.14em;

    text-transform:uppercase;

    color:#171715;
    text-decoration:none;

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

.servicios-pi__link:hover{
    opacity:.62;
    border-color:rgba(23,23,21,.32);
}

/* ==================================================
   TABLET — PROPIEDAD INTELECTUAL
================================================== */

@media (max-width:1024px){

    .servicios-pi__inner{
        padding:
            clamp(88px,9vw,118px)
            5vw
            clamp(90px,9vw,120px) !important;
    }

    .servicios-pi__lead{
        flex-basis:64%;
        width:64%;
    }

    .servicios-pi__meta{
        flex-basis:25%;
        width:25%;
    }

    .servicios-pi__title{
        max-width:650px;

        font-size:clamp(46px,6vw,62px);
    }

    .servicios-pi__intro-text{
        max-width:440px;

        margin-top:42px !important;

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

    .servicios-pi__number{
        font-size:clamp(78px,10vw,106px);
    }

    .servicios-pi__label{
        max-width:160px;

        margin-top:40px !important;

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

    .servicios-pi__process{
        margin-top:clamp(78px,9vw,108px) !important;

        padding:
            23px
            0 !important;
    }

    .servicios-pi__process-item{
        font-size:10px;
        letter-spacing:.13em;
    }

    .servicios-pi__process-item:not(:first-child){
        padding-left:18px !important;
    }

    .servicios-pi__scope{
        margin-top:clamp(82px,9vw,110px) !important;
    }

    .servicios-pi__scope-label{
        margin-bottom:46px !important;

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

    .servicios-pi__scope-item:nth-child(odd){
        padding:
            34px
            clamp(32px,5vw,54px)
            48px
            0 !important;
    }

    .servicios-pi__scope-item:nth-child(even){
        padding:
            clamp(68px,8vw,96px)
            0
            48px
            clamp(32px,5vw,54px) !important;
    }

    .servicios-pi__scope-number{
        font-size:clamp(46px,6vw,58px);
    }

    .servicios-pi__scope-name{
        margin-top:28px !important;

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

    .servicios-pi__scope-text{
        max-width:320px;

        margin-top:18px !important;

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

    .servicios-pi__closing{
        margin-top:clamp(94px,11vw,132px) !important;
    }

    .servicios-pi__closing-word{
        flex-basis:34%;

        font-size:clamp(64px,9vw,92px);
    }

    .servicios-pi__closing-content{
        flex-basis:61%;
    }

    .servicios-pi__closing-title{
        max-width:580px;

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

}

/* ==================================================
   SMARTPHONE — PROPIEDAD INTELECTUAL
================================================== */

@media (max-width:767px){

    .servicios-pi__inner{
        padding:
            76px
            20px
            78px !important;
    }


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

    .servicios-pi__intro{
        flex-direction:column;
    }

    .servicios-pi__meta{
        order:1;

        width:100%;
        flex:none;
    }

    .servicios-pi__lead{
        order:2;

        width:100%;
        flex:none;

        margin-top:48px !important;
    }

    .servicios-pi__number{
        font-size:74px !important;
        line-height:.78;
    }

    .servicios-pi__label{
        max-width:250px;

        margin-top:28px !important;

        font-size:10px !important;
        letter-spacing:.17em;
    }

    .servicios-pi__title{
        max-width:620px;

        font-size:clamp(43px,11.4vw,57px) !important;
        line-height:.99;
    }

    .servicios-pi__intro-text{
        max-width:480px;

        margin:
            34px
            0
            0 !important;

        font-size:15px !important;
        line-height:1.72;
    }


    /* ----------------------------------------------
       PROCESS
    ---------------------------------------------- */

    .servicios-pi__process{
        display:grid;

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

        margin-top:68px !important;

        padding:0 !important;

        border-bottom:none;
    }

    .servicios-pi__process-item{
        min-height:60px;

        display:flex;
        align-items:center;

        padding:
            18px
            0 !important;

        border-bottom:1px solid rgba(23,23,21,.13);

        font-size:9px !important;
        letter-spacing:.12em;
    }

    .servicios-pi__process-item:not(:first-child){
        padding-left:0 !important;
        border-left:none;
    }

    .servicios-pi__process-item:nth-child(even){
        padding-left:18px !important;

        border-left:1px solid rgba(23,23,21,.12);
    }

    .servicios-pi__process-item:nth-child(odd){
        padding-right:18px !important;
    }


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

    .servicios-pi__scope{
        margin-top:72px !important;
    }

    .servicios-pi__scope-label{
        margin-bottom:24px !important;

        font-size:10px !important;
        letter-spacing:.17em;
    }

    .servicios-pi__scope-list{
        display:flex;
        flex-direction:column;
        flex-wrap:nowrap;

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

    .servicios-pi__scope-item,
    .servicios-pi__scope-item:nth-child(odd),
    .servicios-pi__scope-item:nth-child(even),
    .servicios-pi__scope-item:nth-child(-n+2){
        width:100%;
        flex:0 0 100%;

        padding:
            30px
            0
            32px !important;

        border-left:none;
        border-bottom:1px solid rgba(23,23,21,.16);
    }

    .servicios-pi__scope-number{
        font-size:46px !important;
    }

    .servicios-pi__scope-name{
        max-width:360px;

        margin-top:26px !important;

        font-size:clamp(31px,9vw,42px) !important;
        line-height:1;
    }

    .servicios-pi__scope-text{
        max-width:360px;

        margin-top:18px !important;

        font-size:14px !important;
        line-height:1.64;
    }


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

    .servicios-pi__closing{
        flex-direction:column;

        width:100%;

        margin-top:82px !important;
    }

    .servicios-pi__closing-word{
        width:100%;
        flex:none;

        font-size:clamp(62px,17vw,88px) !important;
        line-height:.78;
    }

    .servicios-pi__closing-content{
        width:100%;
        flex:none;

        margin-top:48px !important;
    }

    .servicios-pi__closing-title{
        max-width:520px;

        font-size:clamp(40px,10.5vw,52px) !important;
        line-height:1;
    }

    .servicios-pi__link{
        margin-top:34px !important;

        font-size:10px !important;
        letter-spacing:.13em;
    }

}

/* ==================================================
   SMALL SMARTPHONE — PROPIEDAD INTELECTUAL
================================================== */

@media (max-width:390px){

    .servicios-pi__inner{
        padding:
            66px
            18px
            68px !important;
    }

    .servicios-pi__number{
        font-size:66px;
    }

    .servicios-pi__label{
        margin-top:25px !important;

        font-size:9px;
        letter-spacing:.15em;
    }

    .servicios-pi__lead{
        margin-top:42px !important;
    }

    .servicios-pi__title{
        font-size:clamp(40px,11vw,46px);
        line-height:1;
    }

    .servicios-pi__intro-text{
        margin-top:30px !important;

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

    .servicios-pi__process{
        margin-top:60px !important;
    }

    .servicios-pi__process-item{
        min-height:56px;

        padding-top:16px !important;
        padding-bottom:16px !important;

        font-size:8.5px;
        letter-spacing:.08em;
    }

    .servicios-pi__process-item:nth-child(even){
        padding-left:12px !important;
    }

    .servicios-pi__process-item:nth-child(odd){
        padding-right:12px !important;
    }

    .servicios-pi__scope{
        margin-top:62px !important;
    }

    .servicios-pi__scope-item,
    .servicios-pi__scope-item:nth-child(odd),
    .servicios-pi__scope-item:nth-child(even),
    .servicios-pi__scope-item:nth-child(-n+2){
        padding:
            27px
            0
            29px !important;
    }

    .servicios-pi__scope-number{
        font-size:42px;
    }

    .servicios-pi__scope-name{
        margin-top:23px !important;

        font-size:clamp(29px,8.8vw,35px);
    }

    .servicios-pi__scope-text{
        margin-top:16px !important;

        max-width:310px;

        font-size:13.5px;
        line-height:1.62;
    }

    .servicios-pi__closing{
        margin-top:68px !important;
    }

    .servicios-pi__closing-word{
        font-size:clamp(56px,16vw,68px);
    }

    .servicios-pi__closing-content{
        margin-top:40px !important;
    }

    .servicios-pi__closing-title{
        font-size:clamp(37px,10.3vw,43px);
    }

    .servicios-pi__link{
        margin-top:30px !important;

        font-size:9px;
        letter-spacing:.11em;
    }

}


/* ==================================================
   SERVICIOS — DERECHO LABORAL / SECCIÓN 06
================================================== */

.servicios-laboral{
    width:100%;
    margin:0;
    padding:0;

    background:#11110f;
    color:#f3efe8;
}

.servicios-laboral__inner{
    width:100%;
    max-width:1440px;

    margin:0 auto !important;

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

    box-sizing:border-box;
}


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

.servicios-laboral__intro{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

    align-items:flex-start;
    justify-content:space-between;

    width:100%;
}


/* META */

.servicios-laboral__meta{
    flex:0 0 28%;
    width:28%;

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

.servicios-laboral__number{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(96px,10vw,148px);
    font-weight:400;

    line-height:.72;
    letter-spacing:-.045em;

    color:rgba(243,239,232,.075);
}

.servicios-laboral__label{
    max-width:190px;

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

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

    line-height:1.55;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:rgba(243,239,232,.50);
}


/* LEAD */

.servicios-laboral__lead{
    flex:0 1 56%;
    width:56%;

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

.servicios-laboral__title{
    width:100%;
    max-width:760px;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px,4.8vw,72px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.028em;

    color:#f3efe8;
}

.servicios-laboral__intro-text{
    width:100%;
    max-width:520px;

    margin:
        clamp(46px,5vw,68px)
        0
        0
        auto !important;

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

    line-height:1.75;

    color:rgba(243,239,232,.62);
}


/* ==================================================
   EMPRESA — RELACIÓN LABORAL — PERSONAS
================================================== */

.servicios-laboral__relation{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

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

    width:100%;

    margin-top:clamp(110px,11vw,168px) !important;

    padding:32px 0 !important;

    border-top:1px solid rgba(243,239,232,.14);
    border-bottom:1px solid rgba(243,239,232,.14);
}

/* ==================================================
   EXTREMOS
================================================== */

.servicios-laboral__relation-company,
.servicios-laboral__relation-people,
.servicios-laboral__relation-label{
    margin:0;

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

    line-height:1.4;
    letter-spacing:.18em;

    text-transform:uppercase;

    white-space:nowrap;
}

.servicios-laboral__relation-company,
.servicios-laboral__relation-people{
    flex:0 0 auto;

    color:rgba(243,239,232,.66);
}

/* ==================================================
   CENTRO
================================================== */

.servicios-laboral__relation-center{
    flex:1 1 auto;
    min-width:0;

    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

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

    gap:0;

    margin:
        0
        clamp(34px,5vw,74px) !important;
}


.servicios-laboral__relation-center::before,
.servicios-laboral__relation-center::after{
    content:none;
    display:none;
}

/* ==================================================
   LÍNEAS REALES
================================================== */

.servicios-laboral__relation-line{
    flex:1 1 0;
    min-width:0;

    width:auto;
    height:1px;

    margin:0;
    padding:0 !important;

    background:rgba(243,239,232,.16);
}


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

.servicios-laboral__relation-label{
    flex:0 0 auto;

    margin:0;

    padding:
        0
        clamp(20px,3vw,38px) !important;

    color:rgba(243,239,232,.38);

    white-space:nowrap;
}


/* ==================================================
   PERSPECTIVA
================================================== */

.servicios-laboral__perspective{
    display:flex;
    flex-direction:row;

    align-items:flex-start;
    justify-content:space-between;

    width:100%;

    margin-top:clamp(110px,11vw,168px) !important;
}

.servicios-laboral__perspective-label{
    flex:0 0 28%;

    margin:0;

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

    line-height:1.55;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:rgba(243,239,232,.42);
}

.servicios-laboral__perspective-content{
    flex:0 1 56%;

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

.servicios-laboral__perspective-title{
    max-width:720px;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(42px,4.3vw,64px);
    font-weight:400;

    line-height:1;
    letter-spacing:-.025em;

    color:#f3efe8;
}

.servicios-laboral__perspective-text{
    width:100%;
    max-width:510px;

    margin:
        clamp(42px,4.5vw,62px)
        0
        0
        auto !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.1vw,16px);

    line-height:1.75;

    color:rgba(243,239,232,.60);
}


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

.servicios-laboral__scope{
    width:100%;

    margin-top:clamp(120px,12vw,180px) !important;
}

.servicios-laboral__scope-label{
    margin:0 0 clamp(50px,5vw,72px) !important;

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

    line-height:1.4;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:rgba(243,239,232,.42);
}

.servicios-laboral__scope-list{
    display:flex;
    flex-direction:column;

    width:100%;

    border-top:1px solid rgba(243,239,232,.14);
}


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

.servicios-laboral__scope-item{
    display:flex;
    flex-direction:row;

    align-items:flex-start;

    width:100%;

    padding:
        clamp(40px,4vw,58px)
        0 !important;

    border-bottom:1px solid rgba(243,239,232,.14);

    box-sizing:border-box;
}

.servicios-laboral__scope-number{
    flex:0 0 12%;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px,5vw,68px);
    font-weight:400;

    line-height:.8;

    color:rgba(243,239,232,.10);
}

.servicios-laboral__scope-content{
    display:flex;
    flex-direction:row;

    align-items:flex-start;

    width:88%;
}


/* Desplazamientos editoriales */

.servicios-laboral__scope-item:nth-child(1)
.servicios-laboral__scope-content{
    padding-left:0 !important;
}

.servicios-laboral__scope-item:nth-child(2)
.servicios-laboral__scope-content{
    padding-left:8% !important;
}

.servicios-laboral__scope-item:nth-child(3)
.servicios-laboral__scope-content{
    padding-left:16% !important;
}

.servicios-laboral__scope-item:nth-child(4)
.servicios-laboral__scope-content{
    padding-left:24% !important;
}

.servicios-laboral__scope-name{
    flex:0 0 38%;
    max-width:330px;

    margin:0;

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

    line-height:1.5;
    letter-spacing:.12em;

    text-transform:uppercase;

    color:rgba(243,239,232,.82);
}

.servicios-laboral__scope-text{
    flex:1;

    max-width:520px;

    margin:0 0 0 clamp(42px,5vw,76px) !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.05vw,16px);
    font-weight:400;

    line-height:1.7;

    color:rgba(243,239,232,.57);
}


/* ==================================================
   PROCESS
================================================== */

.servicios-laboral__process{
    display:grid;

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

    width:100%;

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

    border-top:1px solid rgba(243,239,232,.14);
    border-bottom:1px solid rgba(243,239,232,.14);
}

.servicios-laboral__process-item{
    display:flex;
    align-items:center;

    min-height:72px;

    margin:0;

    font-family:"Manrope",sans-serif;
    font-size:10px;
    font-weight:500;

    line-height:1.4;
    letter-spacing:.17em;

    text-transform:uppercase;

    color:rgba(243,239,232,.48);
}

.servicios-laboral__process-item:not(:first-child){
    padding-left:clamp(20px,3vw,40px) !important;

    border-left:1px solid rgba(243,239,232,.12);
}


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

.servicios-laboral__closing{
    display:flex;

    width:100%;

    margin-top:clamp(120px,12vw,180px) !important;
}

.servicios-laboral__closing-content{
    width:62%;
    max-width:760px;

    margin-left:auto;

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

.servicios-laboral__closing-title{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(44px,4.5vw,66px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.025em;

    color:#f3efe8;
}

.servicios-laboral__link{
    display:inline-flex;

    width:fit-content;

    margin-top:clamp(38px,4vw,54px) !important;
    padding-bottom:7px !important;

    border-bottom:1px solid rgba(243,239,232,.60);

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

    line-height:1.4;
    letter-spacing:.14em;

    text-transform:uppercase;

    color:#f3efe8;
    text-decoration:none;

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

.servicios-laboral__link:hover{
    opacity:.62;

    border-color:rgba(243,239,232,.30);
}

/* ==================================================
   TABLET — DERECHO LABORAL
================================================== */

@media (max-width:1024px){

    .servicios-laboral__inner{
        padding:
            clamp(90px,9vw,118px)
            5vw
            clamp(96px,9vw,124px) !important;
    }


    /* INTRO */

    .servicios-laboral__meta{
        flex-basis:25%;
        width:25%;
    }

    .servicios-laboral__lead{
        flex-basis:62%;
        width:62%;
    }

    .servicios-laboral__number{
        font-size:clamp(78px,10vw,106px);
    }

    .servicios-laboral__label{
        margin-top:38px !important;

        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-laboral__title{
        font-size:clamp(45px,6vw,60px);
    }

    .servicios-laboral__intro-text{
        max-width:440px;

        margin-top:40px !important;

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


    /* RELATION */

    .servicios-laboral__relation{
        margin-top:96px !important;
        padding:27px 0 !important;
    }

    .servicios-laboral__relation-company,
    .servicios-laboral__relation-people,
    .servicios-laboral__relation-label{
        font-size:9px;
        letter-spacing:.14em;
    }

    .servicios-laboral__relation-center{
        margin:0 24px !important;
    }

    .servicios-laboral__relation-label{
        padding:0 18px !important;
    }


    /* PERSPECTIVE */

    .servicios-laboral__perspective{
        margin-top:96px !important;
    }

    .servicios-laboral__perspective-label{
        flex-basis:25%;

        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-laboral__perspective-content{
        flex-basis:62%;
    }

    .servicios-laboral__perspective-title{
        font-size:clamp(38px,5.2vw,52px);
    }

    .servicios-laboral__perspective-text{
        max-width:430px;

        margin-top:38px !important;

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


    /* SCOPE */

    .servicios-laboral__scope{
        margin-top:110px !important;
    }

    .servicios-laboral__scope-label{
        margin-bottom:42px !important;

        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-laboral__scope-item{
        padding:38px 0 !important;
    }

    .servicios-laboral__scope-number{
        flex-basis:11%;

        font-size:48px;
    }

    .servicios-laboral__scope-content{
        width:89%;
    }

    .servicios-laboral__scope-item:nth-child(2)
    .servicios-laboral__scope-content{
        padding-left:5% !important;
    }

    .servicios-laboral__scope-item:nth-child(3)
    .servicios-laboral__scope-content{
        padding-left:10% !important;
    }

    .servicios-laboral__scope-item:nth-child(4)
    .servicios-laboral__scope-content{
        padding-left:15% !important;
    }

    .servicios-laboral__scope-name{
        flex-basis:38%;

        font-size:10px;
        letter-spacing:.10em;
    }

    .servicios-laboral__scope-text{
        margin-left:30px !important;

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


    /* PROCESS */

    .servicios-laboral__process{
        margin-top:90px !important;
    }

    .servicios-laboral__process-item{
        min-height:64px;

        font-size:9px;
        letter-spacing:.12em;
    }


    /* CLOSING */

    .servicios-laboral__closing{
        margin-top:108px !important;
    }

    .servicios-laboral__closing-content{
        width:68%;
    }

    .servicios-laboral__closing-title{
        font-size:clamp(39px,5.4vw,52px);
    }

}

/* ==================================================
   SMARTPHONE — DERECHO LABORAL
================================================== */

@media (max-width:767px){

    .servicios-laboral__inner{
        padding:
            76px
            20px
            80px !important;
    }


    /* INTRO */

    .servicios-laboral__intro{
        flex-direction:column;
    }

    .servicios-laboral__meta,
    .servicios-laboral__lead{
        width:100%;
        flex:none;
    }

    .servicios-laboral__number{
        font-size:72px;
    }

    .servicios-laboral__label{
        margin-top:26px !important;

        font-size:9px;
        letter-spacing:.16em;
    }

    .servicios-laboral__lead{
        margin-top:52px !important;
    }

    .servicios-laboral__title{
        max-width:540px;

        font-size:clamp(42px,11vw,54px);
        line-height:.99;
    }

    .servicios-laboral__intro-text{
        max-width:460px;

        margin:
            32px
            0
            0 !important;

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


    /* RELATION */

    .servicios-laboral__relation{
        margin-top:72px ;

        padding:
            24px
            0 !important;

       
    }

    .servicios-laboral__relation-company,
    .servicios-laboral__relation-people{
        font-size:8px;
        letter-spacing:.08em;
    }

    .servicios-laboral__relation-center{
        min-width:0;

        margin:0 9px;
    }
    
    .servicios-laboral__relation-line{
        min-width:6px;
    }

    .servicios-laboral__relation-label{
        padding:0 7px !important;

        font-size:7px;
        letter-spacing:.05em;
    }


    /* PERSPECTIVE */

    .servicios-laboral__perspective{
        flex-direction:column;

        margin-top:76px !important;
    }

    .servicios-laboral__perspective-label{
        width:100%;
        flex:none;

        font-size:9px;
        letter-spacing:.16em;
    }

    .servicios-laboral__perspective-content{
        width:100%;
        flex:none;

        margin-top:42px !important;
    }

    .servicios-laboral__perspective-title{
        max-width:520px;

        font-size:clamp(38px,10vw,49px);
        line-height:1;
    }

    .servicios-laboral__perspective-text{
        max-width:450px;

        margin:
            30px
            0
            0 !important;

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


    /* SCOPE */

    .servicios-laboral__scope{
        margin-top:82px !important;
    }

    .servicios-laboral__scope-label{
        margin-bottom:28px !important;

        font-size:9px;
        letter-spacing:.15em;
    }

    .servicios-laboral__scope-item{
        flex-direction:column;

        padding:
            30px
            0
            32px !important;
    }

    .servicios-laboral__scope-number{
        width:100%;
        flex:none;

        font-size:44px;
    }

    .servicios-laboral__scope-content,
    .servicios-laboral__scope-item:nth-child(1)
    .servicios-laboral__scope-content,
    .servicios-laboral__scope-item:nth-child(2)
    .servicios-laboral__scope-content,
    .servicios-laboral__scope-item:nth-child(3)
    .servicios-laboral__scope-content,
    .servicios-laboral__scope-item:nth-child(4)
    .servicios-laboral__scope-content{
        width:100%;

        flex-direction:column;

        padding-left:0 !important;

        margin-top:24px !important;
    }

    .servicios-laboral__scope-name{
        width:100%;
        max-width:360px;
        flex:none;

        font-size:10px;
        line-height:1.5;
        letter-spacing:.10em;
    }

    .servicios-laboral__scope-text{
        width:100%;
        max-width:390px;

        margin:
            18px
            0
            0 !important;

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


    /* ==================================================
   PROCESS — SMARTPHONE
================================================== */

.servicios-laboral__process{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;

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

    width:100%;

    margin-top:72px !important;

    border-top:1px solid rgba(243,239,232,.14);
    border-bottom:0;
}


/* Cada concepto ocupa una fila completa */

.servicios-laboral__process-item,
.servicios-laboral__process-item:not(:first-child),
.servicios-laboral__process-item:nth-child(odd),
.servicios-laboral__process-item:nth-child(even){

    display:flex;

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

    width:100%;
    flex:0 0 100%;

    min-width:0;
    min-height:58px;

    margin:0 !important;

    padding:
        16px
        12px !important;

    box-sizing:border-box;

    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:1px solid rgba(243,239,232,.14);

    text-align:center;

    font-size:8px;
    letter-spacing:.10em;
}


    /* CLOSING */

    .servicios-laboral__closing{
        margin-top:82px !important;
    }

    .servicios-laboral__closing-content{
        width:100%;
        max-width:520px;

        margin:0;
    }

    .servicios-laboral__closing-title{
        font-size:clamp(39px,10.4vw,50px) !important;
        line-height:1;
    }

    .servicios-laboral__link{
        margin-top:32px !important;

        font-size:9px !important;
        letter-spacing:.11em !important;
    }

}

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

@media (max-width:390px){

    .servicios-laboral__inner{
        padding:
            66px
            18px
            70px !important;
    }

    .servicios-laboral__number{
        font-size:64px;
    }

    .servicios-laboral__lead{
        margin-top:44px !important;
    }

    .servicios-laboral__title{
        font-size:clamp(39px,10.8vw,45px);
    }

    .servicios-laboral__intro-text{
        margin-top:28px !important;

        font-size:13.5px;
    }


    /* RELATION */

    .servicios-laboral__relation{
        margin-top:62px !important;
    }

    .servicios-laboral__relation-center{
        margin:0 6px !important;
    }
    
    .servicios-laboral__relation-line{
        min-width:4px;
    }

    .servicios-laboral__relation-label{
        padding:0 5px !important;

        font-size:6.5px;
        letter-spacing:.02em;
    }

    .servicios-laboral__relation-company,
    .servicios-laboral__relation-people{
        font-size:7px;
        letter-spacing:.04em;
    }


    /* PERSPECTIVE */

    .servicios-laboral__perspective{
        margin-top:66px;
    }

    .servicios-laboral__perspective-content{
        margin-top:36px;
    }

    .servicios-laboral__perspective-title{
        font-size:clamp(36px,10vw,41px);
    }

    .servicios-laboral__perspective-text{
        margin-top:26px;

        font-size:13.5px;
    }


    /* SCOPE */

    .servicios-laboral__scope{
        margin-top:70px;
    }

    .servicios-laboral__scope-item{
        padding:
            27px
            0
            29px;
    }

    .servicios-laboral__scope-number{
        font-size:40px;
    }

    .servicios-laboral__scope-content{
        margin-top:21px;
    }

    .servicios-laboral__scope-text{
        margin-top:15px;

        font-size:13px;
    }


    /* PROCESS */

    .servicios-laboral__process{
        margin-top:62px !important;
    }

   .servicios-laboral__process-item,
    .servicios-laboral__process-item:not(:first-child),
    .servicios-laboral__process-item:nth-child(odd),
    .servicios-laboral__process-item:nth-child(even){

        min-height:54px;

        padding:
            14px
            10px !important;

        font-size:7.5px;
        letter-spacing:.07em;
    }


    /* CLOSING */

    .servicios-laboral__closing{
        margin-top:68px;
    }

    .servicios-laboral__closing-title{
        font-size:clamp(36px,10vw,42px);
    }

    .servicios-laboral__link{
        margin-top:28px;

        font-size:8.5px;
    }

}

/* ==================================================
   SERVICIOS — MOVILIDAD GLOBAL / SECCIÓN 07
   PALETA CLARA
================================================== */

.servicios-movilidad{
    width:100%;
    margin:0;
    padding:0;

    background:#f6f3ee;
    color:#171715;
}

.servicios-movilidad__inner{
    width:100%;
    max-width:1440px;

    margin:0 auto;

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

    box-sizing:border-box;
}


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

.servicios-movilidad__intro{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

    align-items:flex-start;
    justify-content:space-between;

    width:100%;
}


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

.servicios-movilidad__meta{
    flex:0 0 28%;
    width:28%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-movilidad__number{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(96px,10vw,148px);
    font-weight:400;

    line-height:.72;
    letter-spacing:-.045em;

    color:rgba(23,23,21,.08);
}

.servicios-movilidad__label{
    width:100%;
    max-width:230px;

    margin:
        clamp(48px,5vw,68px)
        0
        0 !important;

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

    line-height:1.55;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:#797872;
}


/* ==================================================
   LEAD
================================================== */

.servicios-movilidad__lead{
    flex:0 1 58%;
    width:58%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-movilidad__title{
    width:100%;
    max-width:820px;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px,4.8vw,72px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.028em;

    color:#171715;

    text-wrap:pretty;
}

.servicios-movilidad__intro-text{
    width:100%;
    max-width:530px;

    margin:
        clamp(46px,5vw,68px)
        0
        0
        auto !important;

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

    line-height:1.75;

    color:#686761;
}


/* ==================================================
   ROUTE
================================================== */

.servicios-movilidad__route{
    width:100%;

    margin-top:clamp(110px,11vw,168px) !important;
}

.servicios-movilidad__route-label{
    margin:0 0 30px !important;

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

    line-height:1.4;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:#797872;
}

.servicios-movilidad__route-list{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

    align-items:stretch;

    width:100%;

    border-top:1px solid rgba(23,23,21,.16);
    border-bottom:1px solid rgba(23,23,21,.16);
}


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

.servicios-movilidad__route-item{
    position:relative;

    flex:0 0 25%;
    width:25%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;

    min-width:0;

    padding:
        clamp(30px,3vw,42px)
        clamp(24px,3vw,42px) !important;

    box-sizing:border-box;
}

.servicios-movilidad__route-item:first-child{
    padding-left:0 !important;
}

.servicios-movilidad__route-item:last-child{
    padding-right:0 !important;
}

.servicios-movilidad__route-item:not(:first-child){
    border-left:1px solid rgba(23,23,21,.16);
}

.servicios-movilidad__route-number{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(42px,4vw,58px);
    font-weight:400;

    line-height:.8;

    color:rgba(23,23,21,.08);
}

.servicios-movilidad__route-name{
    margin:
        clamp(24px,2.5vw,34px)
        0
        0 !important;

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

    line-height:1.4;
    letter-spacing:.17em;

    text-transform:uppercase;

    color:#797872;
}


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

.servicios-movilidad__scope{
    width:100%;

    margin-top:clamp(120px,12vw,180px) !important;
}

.servicios-movilidad__scope-label{
    margin:
        0
        0
        clamp(48px,5vw,70px) !important;

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

    line-height:1.4;
    letter-spacing:.20em;

    text-transform:uppercase;

    color:#797872;
}

.servicios-movilidad__scope-list{
    display:flex;
    flex-direction:column;

    width:100%;

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


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

.servicios-movilidad__scope-item{
    display:flex;
    flex-direction:row;

    align-items:flex-start;

    width:100%;

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

    border-bottom:1px solid rgba(23,23,21,.16);

    box-sizing:border-box;
}

.servicios-movilidad__scope-number{
    flex:0 0 12%;
    width:12%;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(46px,4.8vw,64px);
    font-weight:400;

    line-height:.82;

    color:rgba(23,23,21,.08);
}

.servicios-movilidad__scope-content{
    flex:0 1 88%;
    width:88%;

    display:flex;
    flex-direction:row;

    align-items:flex-start;
}


/* Desplazamiento editorial */

.servicios-movilidad__scope-item:nth-child(2)
.servicios-movilidad__scope-content{
    padding-left:6% !important;
}

.servicios-movilidad__scope-item:nth-child(3)
.servicios-movilidad__scope-content{
    padding-left:12% !important;
}

.servicios-movilidad__scope-item:nth-child(4)
.servicios-movilidad__scope-content{
    padding-left:24% !important;
}

.servicios-movilidad__scope-name{
    flex:0 0 36%;
    width:36%;

    max-width:330px;

    margin:0;
    padding-right:clamp(24px,3vw,44px) !important;

    box-sizing:border-box;

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

    line-height:1.5;
    letter-spacing:.13em;

    text-transform:uppercase;

    color:#171715;
}

.servicios-movilidad__scope-text{
    flex:1;

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

    margin:0;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.05vw,16px);
    font-weight:400;

    line-height:1.7;

    color:#686761;
}


/* ==================================================
   PERSPECTIVES
================================================== */

.servicios-movilidad__perspectives{
    width:100%;

    margin-top:clamp(120px,12vw,180px) !important;

    padding-top:clamp(72px,7vw,104px) !important;

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

.servicios-movilidad__perspectives-title{
    width:100%;
    max-width:900px;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(44px,4.6vw,68px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.025em;

    color:#171715;

    text-wrap:pretty;
}

.servicios-movilidad__perspectives-text{
    width:100%;
    max-width:540px;

    margin:
        clamp(44px,5vw,66px)
        0
        0
        auto !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.1vw,16px);

    line-height:1.75;

    color:#686761;
}


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

.servicios-movilidad__perspectives-grid{
    display:flex;
    flex-direction:row;

    align-items:stretch;

    width:100%;

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

    border-top:1px solid rgba(23,23,21,.16);
    border-bottom:1px solid rgba(23,23,21,.16);
}

.servicios-movilidad__perspective{
    flex:0 0 50%;
    width:50%;

    display:flex;
    flex-direction:column;

    align-items:flex-start;

    padding:
        clamp(38px,4vw,54px)
        clamp(42px,5vw,72px) !important;

    box-sizing:border-box;
}

.servicios-movilidad__perspective:first-child{
    padding-left:0 !important;

    border-right:1px solid rgba(23,23,21,.16);
}

.servicios-movilidad__perspective:last-child{
    padding-right:0 !important;
}

.servicios-movilidad__perspective-label{
    margin:0;

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

    line-height:1.4;
    letter-spacing:.18em;

    text-transform:uppercase;

    color:#797872;
}

.servicios-movilidad__perspective-text{
    width:100%;
    max-width:450px;

    margin:
        clamp(26px,3vw,38px)
        0
        0 !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(14px,1.05vw,16px);

    line-height:1.7;

    color:#686761;
}


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

.servicios-movilidad__closing{
    width:100%;
    max-width:760px;

    margin:
        clamp(130px,13vw,190px)
        0
        0
        auto !important;

    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.servicios-movilidad__closing-title{
    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(44px,4.5vw,66px);
    font-weight:400;

    line-height:.98;
    letter-spacing:-.025em;

    color:#171715;

    text-wrap:pretty;
}

.servicios-movilidad__link{
    display:inline-flex;

    width:fit-content;

    margin-top:clamp(38px,4vw,54px) !important;
    padding-bottom:7px !important;

    border-bottom:1px solid rgba(23,23,21,.16);

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

    line-height:1.4;
    letter-spacing:.14em;

    text-transform:uppercase;

    color:#171715;
    text-decoration:none;

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

.servicios-movilidad__link:hover{
    opacity:.62;

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


/* ==================================================
   TABLET — MOVILIDAD GLOBAL
================================================== */

@media (max-width:1024px){

    .servicios-movilidad__inner{
        padding:
            clamp(90px,9vw,118px)
            5vw
            clamp(96px,9vw,124px) !important;
    }


    /* INTRO */

    .servicios-movilidad__meta{
        flex-basis:25%;
        width:25%;
    }

    .servicios-movilidad__lead{
        flex-basis:63%;
        width:63%;
    }

    .servicios-movilidad__number{
        font-size:clamp(78px,10vw,106px);
    }

    .servicios-movilidad__label{
        max-width:180px;

        margin-top:38px !important;

        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-movilidad__title{
        font-size:clamp(45px,6vw,60px);
    }

    .servicios-movilidad__intro-text{
        max-width:450px;

        margin-top:40px !important;

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


    /* ROUTE */

    .servicios-movilidad__route{
        margin-top:96px !important;
    }

    .servicios-movilidad__route-label{
        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-movilidad__route-item{
        padding:
            28px
            20px !important;
    }

    .servicios-movilidad__route-item:first-child{
        padding-left:0 !important;
    }

    .servicios-movilidad__route-item:last-child{
        padding-right:0 !important;
    }

    .servicios-movilidad__route-number{
        font-size:42px;
    }

    .servicios-movilidad__route-name{
        margin-top:22px !important;

        font-size:9px;
        letter-spacing:.13em;
    }


    /* SCOPE */

    .servicios-movilidad__scope{
        margin-top:108px !important;
    }

    .servicios-movilidad__scope-label{
        margin-bottom:42px !important;

        font-size:10px;
        letter-spacing:.17em;
    }

    .servicios-movilidad__scope-item{
        padding:36px 0 !important;
    }

    .servicios-movilidad__scope-number{
        flex-basis:11%;
        width:11%;

        font-size:46px;
    }

    .servicios-movilidad__scope-content{
        flex-basis:89%;
        width:89%;
    }

    .servicios-movilidad__scope-item:nth-child(2)
    .servicios-movilidad__scope-content{
        padding-left:4% !important;
    }

    .servicios-movilidad__scope-item:nth-child(3)
    .servicios-movilidad__scope-content{
        padding-left:8% !important;
    }

    .servicios-movilidad__scope-item:nth-child(4)
    .servicios-movilidad__scope-content{
        padding-left:12% !important;
    }

    .servicios-movilidad__scope-name{
        flex-basis:38%;
        width:38%;

        padding-right:24px !important;

        font-size:10px;
        letter-spacing:.10em;
    }

    .servicios-movilidad__scope-text{
        max-width:450px;

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


    /* PERSPECTIVES */

    .servicios-movilidad__perspectives{
        margin-top:108px !important;
        padding-top:70px !important;
    }

    .servicios-movilidad__perspectives-title{
        max-width:720px;

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

    .servicios-movilidad__perspectives-text{
        max-width:460px;

        margin-top:40px !important;

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

    .servicios-movilidad__perspectives-grid{
        margin-top:64px !important;
    }

    .servicios-movilidad__perspective{
        padding:
            34px
            34px !important;
    }

    .servicios-movilidad__perspective:first-child{
        padding-left:0 !important;
    }

    .servicios-movilidad__perspective:last-child{
        padding-right:0 !important;
    }

    .servicios-movilidad__perspective-text{
        margin-top:24px !important;

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


    /* CLOSING */

    .servicios-movilidad__closing{
        max-width:650px;

        margin-top:112px !important;
    }

    .servicios-movilidad__closing-title{
        font-size:clamp(39px,5.4vw,52px);
    }

}


/* ==================================================
   SMARTPHONE — MOVILIDAD GLOBAL
================================================== */

@media (max-width:767px){

    .servicios-movilidad__inner{
        padding:
            76px
            20px
            80px !important;
    }


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

    .servicios-movilidad__intro{
        flex-direction:column;
    }

    .servicios-movilidad__meta,
    .servicios-movilidad__lead{
        width:100%;
        flex:none;
    }

    .servicios-movilidad__number{
        font-size:72px;
    }

    .servicios-movilidad__label{
        max-width:260px;

        margin-top:26px !important;

        font-size:9px;
        letter-spacing:.16em;
    }

    .servicios-movilidad__lead{
        margin-top:50px !important;
    }

    .servicios-movilidad__title{
        max-width:540px;

        font-size:clamp(42px,11vw,54px);
        line-height:.99;
    }

    .servicios-movilidad__intro-text{
        max-width:470px;

        margin:
            32px
            0
            0 !important;

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


    /* ==================================================
       ROUTE
    ================================================== */

    .servicios-movilidad__route{
        margin-top:76px !important;
    }

    .servicios-movilidad__route-label{
        margin-bottom:26px !important;

        font-size:9px;
        letter-spacing:.15em;
    }

    .servicios-movilidad__route-list{
        flex-direction:column;

        border-bottom:none !important;
    }

    .servicios-movilidad__route-item,
    .servicios-movilidad__route-item:first-child,
    .servicios-movilidad__route-item:last-child{

        width:100%;
        flex:0 0 100%;

        flex-direction:row;
        align-items:center;

        padding:
            24px
            0 !important;

        border-left:none !important;
        border-bottom:1px solid rgba(23,23,21,.16);
    }

    .servicios-movilidad__route-number{
        flex:0 0 64px;

        font-size:38px;
    }

    .servicios-movilidad__route-name{
        margin:0;

        font-size:9px;
        letter-spacing:.13em;
    }


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

    .servicios-movilidad__scope{
        margin-top:82px !important;
    }

    .servicios-movilidad__scope-label{
        margin-bottom:28px !important;

        font-size:9px;
        letter-spacing:.15em;
    }

    .servicios-movilidad__scope-item{
        flex-direction:column;

        padding:
            30px
            0
            32px !important;
    }

    .servicios-movilidad__scope-number{
        width:100%;
        flex:none;

        font-size:44px;
    }

    .servicios-movilidad__scope-content,
    .servicios-movilidad__scope-item:nth-child(2)
    .servicios-movilidad__scope-content,
    .servicios-movilidad__scope-item:nth-child(3)
    .servicios-movilidad__scope-content,
    .servicios-movilidad__scope-item:nth-child(4)
    .servicios-movilidad__scope-content{

        width:100%;
        flex:none;

        flex-direction:column;

        padding-left:0 !important;

        margin-top:24px !important;
    }

    .servicios-movilidad__scope-name{
        width:100%;
        max-width:360px;
        flex:none;

        padding:0 !important;

        font-size:10px;
        line-height:1.5;
        letter-spacing:.10em;
    }

    .servicios-movilidad__scope-text{
        width:100%;
        max-width:410px;

        margin-top:18px !important;

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


    /* ==================================================
       PERSPECTIVES
    ================================================== */

    .servicios-movilidad__perspectives{
        margin-top:82px !important;

        padding-top:58px !important;
    }

    .servicios-movilidad__perspectives-title{
        max-width:520px;

        font-size:clamp(39px,10.4vw,50px);
        line-height:1;
    }

    .servicios-movilidad__perspectives-text{
        max-width:450px;

        margin:
            30px
            0
            0 !important;

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

    .servicios-movilidad__perspectives-grid{
        flex-direction:column;

        margin-top:56px !important;

        border-bottom:none !important;
    }

    .servicios-movilidad__perspective,
    .servicios-movilidad__perspective:first-child,
    .servicios-movilidad__perspective:last-child{

        width:100%;
        flex:0 0 100%;

        padding:
            28px
            0
            30px !important;

        border-right:none !important;
        border-bottom:1px solid rgba(23,23,21,.16);
    }

    .servicios-movilidad__perspective-label{
        font-size:9px;
        letter-spacing:.15em;
    }

    .servicios-movilidad__perspective-text{
        max-width:400px;

        margin-top:18px !important;

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


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

    .servicios-movilidad__closing{
        width:100%;
        max-width:520px;

        margin:
            82px
            0
            0 !important;
    }

    .servicios-movilidad__closing-title{
        font-size:clamp(39px,10.4vw,50px);
        line-height:1;
    }

    .servicios-movilidad__link{
        margin-top:32px !important;

        font-size:9px;
        letter-spacing:.11em;
    }

}


/* ==================================================
   SMALL SMARTPHONE — MOVILIDAD GLOBAL
================================================== */

@media (max-width:390px){

    .servicios-movilidad__inner{
        padding:
            66px
            18px
            70px !important;
    }


    /* INTRO */

    .servicios-movilidad__number{
        font-size:64px;
    }

    .servicios-movilidad__label{
        margin-top:24px !important;

        font-size:8.5px;
        letter-spacing:.14em;
    }

    .servicios-movilidad__lead{
        margin-top:44px !important;
    }

    .servicios-movilidad__title{
        font-size:clamp(39px,10.8vw,45px);
    }

    .servicios-movilidad__intro-text{
        margin-top:28px !important;

        font-size:13.5px;
    }


    /* ROUTE */

    .servicios-movilidad__route{
        margin-top:66px !important;
    }

    .servicios-movilidad__route-item{
        padding:
            21px
            0 !important;
    }

    .servicios-movilidad__route-number{
        flex-basis:56px;

        font-size:34px;
    }

    .servicios-movilidad__route-name{
        font-size:8.5px;
        letter-spacing:.10em;
    }


    /* SCOPE */

    .servicios-movilidad__scope{
        margin-top:70px !important;
    }

    .servicios-movilidad__scope-item{
        padding:
            27px
            0
            29px !important;
    }

    .servicios-movilidad__scope-number{
        font-size:40px;
    }

    .servicios-movilidad__scope-content{
        margin-top:21px !important;
    }

    .servicios-movilidad__scope-name{
        font-size:9px;
        letter-spacing:.09em;
    }

    .servicios-movilidad__scope-text{
        margin-top:15px !important;

        font-size:13px;
    }


    /* PERSPECTIVES */

    .servicios-movilidad__perspectives{
        margin-top:70px !important;

        padding-top:50px !important;
    }

    .servicios-movilidad__perspectives-title{
        font-size:clamp(36px,10vw,42px);
    }

    .servicios-movilidad__perspectives-text{
        margin-top:26px !important;

        font-size:13.5px;
    }

    .servicios-movilidad__perspectives-grid{
        margin-top:48px !important;
    }

    .servicios-movilidad__perspective{
        padding:
            25px
            0
            27px !important;
    }


    /* CLOSING */

    .servicios-movilidad__closing{
        margin-top:68px !important;
    }

    .servicios-movilidad__closing-title{
        font-size:clamp(36px,10vw,42px);
    }

    .servicios-movilidad__link{
        margin-top:28px !important;

        font-size:8.5px;
        letter-spacing:.09em;
    }

}

/* ==================================================
   SERVICIOS — CTA FINAL / SECCIÓN 08
================================================== */

.servicios-cta{
    width:100%;
    margin:0;
    padding:0;

    background:#11110f;
    color:#f3efe8;
}

.servicios-cta__inner{
    width:100%;
    max-width:1440px;

    margin:0 auto !important;

    padding:
        clamp(110px,10vw,156px)
        6vw
        clamp(96px,9vw,138px) !important;

    box-sizing:border-box;
}


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

.servicios-cta__header{
    display:flex;
    flex-direction:row;

    align-items:center;

    width:100%;

    gap:24px;

    margin-bottom:clamp(58px,6vw,88px) !important;
}

.servicios-cta__label{
    flex:0 0 auto;

    margin:0 !important;

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

    line-height:1.4;
    letter-spacing:.21em;

    text-transform:uppercase;

    color:rgba(243,239,232,.48);

    white-space:nowrap;
}

.servicios-cta__rule{
    flex:1 1 auto;
    min-width:0;

    width:auto;
    height:1px;

    background:rgba(243,239,232,.16);
}


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

.servicios-cta__content{
    display:grid;

    grid-template-columns:
        minmax(0,1.18fr)
        minmax(300px,.62fr);

    column-gap:clamp(70px,9vw,132px);

    align-items:end;

    width:100%;
}


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

.servicios-cta__title{
    grid-column:1;

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

    margin:0 !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(54px,5.4vw,82px);
    font-weight:400;

    line-height:.96;
    letter-spacing:-.03em;

    color:#f3efe8;

    text-wrap:pretty;
}


/* ==================================================
   ASIDE
================================================== */

.servicios-cta__aside{
    grid-column:2;

    display:flex;
    flex-direction:column;

    align-items:flex-start;

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

    padding-bottom:6px !important;
}

.servicios-cta__text{
    width:100%;
    max-width:470px;

    margin:0 !important;

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

    line-height:1.75;

    color:rgba(243,239,232,.62);
}


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

.servicios-cta__link{
    display:inline-flex;

    width:fit-content;

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

    border-bottom:1px solid rgba(243,239,232,.60);

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

    line-height:1.4;
    letter-spacing:.14em;

    text-transform:uppercase;

    color:#f3efe8;
    text-decoration:none;

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

.servicios-cta__link:hover{
    opacity:.62;

    border-color:rgba(243,239,232,.30);
}


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

.servicios-cta__footer{
    display:flex;
    flex-direction:column;

    width:100%;

    gap:16px;

    margin-top:clamp(84px,9vw,132px) !important;
}

.servicios-cta__number{
    align-self:flex-end;

    margin:0;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(70px,8vw,118px);
    font-weight:400;

    line-height:.78;
    letter-spacing:-.04em;

    color:rgba(243,239,232,.075);
}

.servicios-cta__bottom-rule{
    width:100%;
    height:1px;

    background:rgba(243,239,232,.16);
}

/* ==================================================
   TABLET — CTA FINAL
================================================== */

@media (max-width:1024px){

    .servicios-cta__inner{
        padding:
            clamp(88px,9vw,118px)
            5vw
            clamp(82px,8vw,108px) !important;
    }

    .servicios-cta__header{
        gap:20px;

        margin-bottom:clamp(48px,6vw,68px) !important;
    }

    .servicios-cta__label{
        font-size:10px;
        letter-spacing:.19em;
    }

    .servicios-cta__content{
        grid-template-columns:
            minmax(0,1fr)
            minmax(260px,.54fr);

        column-gap:clamp(42px,6vw,70px);
    }

    .servicios-cta__title{
        max-width:700px;

        font-size:clamp(48px,6.4vw,66px);
        line-height:.97;
    }

    .servicios-cta__aside{
        max-width:400px;
    }

    .servicios-cta__text{
        max-width:400px;

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

    .servicios-cta__link{
        margin-top:30px !important;

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

    .servicios-cta__footer{
        margin-top:clamp(70px,8vw,96px) !important;
    }

    .servicios-cta__number{
        font-size:clamp(64px,9vw,92px);
    }

}

/* ==================================================
   SMARTPHONE — CTA FINAL
================================================== */

@media (max-width:767px){

    .servicios-cta__inner{
        padding:
            72px
            20px
            68px !important;
    }

    .servicios-cta__header{
        gap:14px;

        margin-bottom:42px !important;
    }

    .servicios-cta__label{
        font-size:9px;
        letter-spacing:.17em;
    }

    .servicios-cta__content{
        display:flex;
        flex-direction:column;

        width:100%;

        gap:0;
    }

    .servicios-cta__title{
        width:100%;
        max-width:560px;

        font-size:clamp(42px,11vw,54px);
        line-height:.98;
        letter-spacing:-.025em;
    }

    .servicios-cta__aside{
        width:100%;
        max-width:470px;

        margin-top:38px !important;

        padding:0 !important;
    }

    .servicios-cta__text{
        max-width:440px;

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

    .servicios-cta__link{
        margin-top:30px !important;

        font-size:9px !important;
        letter-spacing:.11em;
    }

    .servicios-cta__footer{
        margin-top:64px !important;

        gap:14px;
    }

    .servicios-cta__number{
        font-size:68px !important;
    }

}

/* ==================================================
   SMALL SMARTPHONE — CTA FINAL
================================================== */

@media (max-width:390px){

    .servicios-cta__inner{
        padding:
            64px
            18px
            60px !important;
    }

    .servicios-cta__header{
        margin-bottom:38px !important;
    }

    .servicios-cta__title{
        font-size:clamp(38px,10.7vw,44px);
        line-height:1;
    }

    .servicios-cta__aside{
        margin-top:32px !important;
    }

    .servicios-cta__text{
        font-size:13.5px;
        line-height:1.65;
    }

    .servicios-cta__link{
        margin-top:27px !important;

        font-size:8.5px;
        letter-spacing:.09em;
    }

    .servicios-cta__footer{
        margin-top:56px !important;
    }

    .servicios-cta__number{
        font-size:62px;
    }

}/* End custom CSS */