/* Start custom CSS *//*======================================
=       LEGAL HERO / PRIVACIDAD        =
======================================*/

.legal-hero{
    background:#f6f3ee;
    color:#171715;

    padding:
        clamp(96px, 10vw, 156px)
        6vw
        clamp(72px, 8vw, 120px) !important;

    overflow:hidden !important;
}


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

.legal-hero__inner{
    width:100%;
    max-width:1280px;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:minmax(0, 1.45fr) minmax(320px, .95fr);
    grid-template-areas:
        "main intro"
        "meta meta";

    column-gap:clamp(48px, 7vw, 112px);
    row-gap:clamp(72px, 8vw, 118px);
}


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

.legal-hero__main{
    grid-area:main;

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

    min-width:0;
}


.legal-hero__label{
    margin:0 0 clamp(24px, 2.2vw, 34px) !important;

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

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

    color:#797872;
}


.legal-hero__title,
.legal-hero__title .elementor-heading-title{
    margin:0 !important;

    max-width:820px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(68px, 7.5vw, 118px);
    font-weight:400;
    line-height:.88;
    letter-spacing:-.045em;

    color:#171715;
}


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

.legal-hero__intro{
    grid-area:intro;

    display:flex !important;
    align-items:flex-end !important;

    min-width:0;

    padding-bottom:clamp(6px, .8vw, 12px) !important;
}


.legal-hero__lead{
    margin:0 !important;

    max-width:500px;

    font-family:"Manrope",sans-serif;
    font-size:clamp(17px, 1.35vw, 21px);
    font-weight:400;
    line-height:1.65;

    color:#686761;
}


/*======================================
=             METADATA                =
======================================*/

.legal-hero__meta{
    grid-area:meta;

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

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


.legal-hero__meta-item{
    min-width:0;

    padding:
        clamp(22px, 2vw, 30px)
        clamp(20px, 2.3vw, 34px)
        0 !important;

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


.legal-hero__meta-item:first-child{
    padding-left:0 !important;
    border-left:0;
}


.legal-hero__meta-label{
    display:block !important;

    margin:0 0 8px !important;

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

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

    color:#797872;
}


.legal-hero__meta-value{
    display:block !important;

    margin:0 !important;

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

    color:#171715;
}


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

@media (max-width:1024px){

    .legal-hero{
        padding:
            clamp(88px, 10vw, 120px)
            5vw
            clamp(64px, 8vw, 92px) !important;
    }

    .legal-hero__inner{
        grid-template-columns:minmax(0, 1.08fr) minmax(0, 1fr);

        column-gap:clamp(36px, 5vw, 64px);
        row-gap:clamp(56px, 7vw, 84px);
    }

    .legal-hero__title,
    .legal-hero__title .elementor-heading-title{
        font-size:clamp(58px, 8.2vw, 84px);
        line-height:.92;
    }

    .legal-hero__lead{
        font-size:16px;
        line-height:1.65;
    }

    .legal-hero__meta-item{
        padding:
            22px
            18px
            0 !important;
    }

}


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

@media (max-width:767px){

    .legal-hero{
        padding:
            82px
            20px
            64px !important;
    }

    .legal-hero__inner{
        display:flex !important;
        flex-direction:column !important;

        gap:0;
    }

    .legal-hero__main{
        width:100%;
    }

    .legal-hero__label{
        margin-bottom:22px !important;

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

    .legal-hero__title,
    .legal-hero__title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(54px, 16vw, 74px);
        line-height:.91;
        letter-spacing:-.04em;
    }

    .legal-hero__intro{
        width:100%;

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

        align-items:flex-start;
    }

    .legal-hero__lead{
        max-width:560px;

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

    .legal-hero__meta{
        width:100%;

        margin-top:56px !important;

        display:flex !important;
        flex-direction:column !important;

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

    .legal-hero__meta-item{
        width:100%;

        padding:18px 0 !important;

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

    .legal-hero__meta-item:first-child{
        padding-left:0 !important;
    }

    .legal-hero__meta-item:last-child{
        border-bottom:0 !important;
        padding-bottom:0 !important;
    }

}


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

@media (max-width:390px){

    .legal-hero{
        padding:
            72px
            18px
            56px !important;
    }

    .legal-hero__title,
    .legal-hero__title .elementor-heading-title{
        font-size:clamp(50px, 15vw, 62px);
        line-height:.93;
    }

    .legal-hero__intro{
        margin-top:34px !important;
    }

    .legal-hero__lead{
        font-size:15px;
    }

    .legal-hero__meta{
        margin-top:48px !important;
    }

}


/*======================================
=        LEGAL INDEX / CONTENT         =
======================================*/

.legal-index{
    background:#ffffff;
    color:#171715;

    padding:
        clamp(96px, 10vw, 152px)
        6vw
        clamp(104px, 11vw, 168px) !important;
}


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

.legal-index__inner{
    width:100%;
    max-width:1280px;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:minmax(260px, .62fr) minmax(0, 1fr);

    column-gap:clamp(72px, 9vw, 148px);

    align-items:start;
}


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

.legal-index__intro{
    min-width:0;

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


.legal-index__label{
    margin:0 0 clamp(24px, 2.2vw, 34px) !important;

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

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

    color:#797872;
}


.legal-index__title,
.legal-index__title .elementor-heading-title{
    margin:0 !important;

    max-width:420px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(48px, 4.6vw, 72px);
    font-weight:400;
    line-height:.96;
    letter-spacing:-.035em;

    color:#171715;
}


.legal-index__description{
    margin:
        clamp(28px, 3vw, 44px)
        0
        0 !important;

    max-width:390px;

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

    color:#686761;
}


/*======================================
=              NAV                    =
======================================*/

.legal-index__nav{
    width:100%;
    min-width:0;

    display:flex !important;
    flex-direction:column !important;

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


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

.legal-index__item{
    width:100% !important;

    display:grid !important;
    grid-template-columns:54px minmax(0, 1fr) 32px;

    column-gap:clamp(16px, 2vw, 30px);

    align-items:center;

    padding:
        clamp(20px, 2vw, 28px)
        0 !important;

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

    color:#171715;
    text-decoration:none;

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


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

.legal-index__number{
    margin:0 !important;

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

    letter-spacing:.12em;

    color:#797872;

    transition:color .25s ease;
}


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

.legal-index__item-title{
    margin:0 !important;

    font-family:"Manrope",sans-serif;
    font-size:clamp(17px, 1.45vw, 21px);
    font-weight:400;
    line-height:1.35;

    color:#171715;

    transform:translateX(0);

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


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

.legal-index__arrow{
    margin:0 !important;

    justify-self:end;

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

    color:#797872;

    transform:translate(0, 0);

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


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

@media (hover:hover){

    .legal-index__item:hover{
        border-bottom-color:rgba(23,23,21,.38);
    }

    .legal-index__item:hover .legal-index__item-title{
        transform:translateX(6px);
    }

    .legal-index__item:hover .legal-index__arrow{
        transform:translate(3px, 3px);
        color:#171715;
    }

    .legal-index__item:hover .legal-index__number{
        color:#171715;
    }

}


/*======================================
=              FOCUS                  =
======================================*/

.legal-index__item:focus-visible{
    outline:1px solid #171715;
    outline-offset:6px;
}


/*======================================
=          SMOOTH ANCHORS             =
======================================*/

html{
    scroll-behavior:smooth;
}


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

@media (max-width:1024px){

    .legal-index{
        padding:
            clamp(84px, 9vw, 112px)
            5vw
            clamp(92px, 10vw, 128px) !important;
    }

    .legal-index__inner{
        grid-template-columns:minmax(230px, .72fr) minmax(0, 1.1fr);

        column-gap:clamp(42px, 6vw, 70px);
    }

    .legal-index__title,
    .legal-index__title .elementor-heading-title{
        font-size:clamp(44px, 5.8vw, 60px);
    }

    .legal-index__description{
        font-size:14px;
        line-height:1.7;
    }

    .legal-index__item{
        grid-template-columns:44px minmax(0, 1fr) 24px;

        column-gap:14px;

        padding:20px 0 !important;
    }

    .legal-index__item-title{
        font-size:16px;
    }

}


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

@media (max-width:767px){

    .legal-index{
        padding:
            78px
            20px
            88px !important;
    }

    .legal-index__inner{
        display:flex !important;
        flex-direction:column !important;

        gap:0;
    }

    .legal-index__intro{
        width:100%;
    }

    .legal-index__label{
        margin-bottom:20px !important;

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

    .legal-index__title,
    .legal-index__title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(44px, 13vw, 60px);
        line-height:.97;
    }

    .legal-index__description{
        max-width:520px;

        margin-top:26px !important;

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

    .legal-index__nav{
        margin-top:52px !important;
    }

    .legal-index__item{
        grid-template-columns:minmax(0, 1fr) 28px;

        grid-template-areas:
            "number arrow"
            "title arrow";

        row-gap:9px;
        column-gap:16px;

        padding:19px 0 !important;
    }

    .legal-index__number{
        grid-area:number;

        font-size:9px;
    }

    .legal-index__item-title{
        grid-area:title;

        font-size:17px;
        line-height:1.35;
    }

    .legal-index__arrow{
        grid-area:arrow;

        align-self:center;

        font-size:15px;
    }

}


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

@media (max-width:390px){

    .legal-index{
        padding:
            70px
            18px
            78px !important;
    }

    .legal-index__title,
    .legal-index__title .elementor-heading-title{
        font-size:clamp(42px, 12.8vw, 52px);
    }

    .legal-index__description{
        font-size:14px;
    }

    .legal-index__nav{
        margin-top:46px !important;
    }

    .legal-index__item{
        padding:18px 0 !important;
    }

    .legal-index__item-title{
        font-size:16px;
    }

}


/*======================================
=     RESPONSABLE / ALCANCE            =
======================================*/

.legal-responsable{
    background:#f6f3ee;
    color:#171715;

    padding:
        clamp(104px, 11vw, 168px)
        6vw
        clamp(104px, 11vw, 168px) !important;

    scroll-margin-top:100px !important;
}


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

.legal-responsable__inner{
    width:100%;
    max-width:1280px;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:minmax(280px, .72fr) minmax(0, 1.05fr);

    column-gap:clamp(72px, 9vw, 140px);

    align-items:start;
}


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

.legal-responsable__heading{
    min-width:0;

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


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

.legal-responsable__number{
    margin:0 0 clamp(28px, 3vw, 40px) !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(76px, 8vw, 124px);
    font-weight:400;
    line-height:.8;
    letter-spacing:-.04em;

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

    user-select:none;
}


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

.legal-responsable__label{
    margin:0 0 clamp(20px, 2vw, 30px) !important;

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

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

    color:#797872;
}


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

.legal-responsable__title,
.legal-responsable__title .elementor-heading-title{
    margin:0 !important;

    max-width:460px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(50px, 5vw, 76px);
    font-weight:400;
    line-height:.95;
    letter-spacing:-.035em;

    color:#171715;
}


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

.legal-responsable__content{
    min-width:0;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
}


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

.legal-responsable__statement{
    margin:0 !important;

    max-width:720px;

    font-family:"Manrope",sans-serif;
    font-size:clamp(20px, 1.7vw, 26px);
    font-weight:400;
    line-height:1.55;

    color:#171715;
}


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

.legal-responsable__body{
    margin:
        clamp(34px, 3.5vw, 52px)
        0
        0 !important;

    max-width:720px !important;

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

    color:#686761;
}


.legal-responsable__body p{
    margin:0 0 1.35em !important;
}


.legal-responsable__body p:last-child{
    margin-bottom:0 !important;
}


/*======================================
=             METADATA                =
======================================*/

.legal-responsable__meta{
    width:100%;

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

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


.legal-responsable__meta-item{
    width:100%;

    display:grid !important;
    grid-template-columns:minmax(140px, .42fr) minmax(0, 1fr);

    column-gap:clamp(24px, 3vw, 44px);

    padding:
        clamp(18px, 1.8vw, 24px)
        0 !important;

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

    align-items:start;
}


.legal-responsable__meta-label{
    margin:0 !important;

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

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

    color:#797872;
}


.legal-responsable__meta-value{
    margin:0 !important;

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

    color:#171715;
}


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

.legal-responsable__meta-value a{
    color:inherit;
    text-decoration:none;

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

    transition:border-color .2s ease;
}


.legal-responsable__meta-value a:hover{
    border-bottom-color:#171715;
}


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

@media (max-width:1024px){

    .legal-responsable{
        padding:
            clamp(88px, 9vw, 120px)
            5vw
            clamp(92px, 10vw, 128px) !important;
    }

    .legal-responsable__inner{
        grid-template-columns:minmax(230px, .78fr) minmax(0, 1fr);

        column-gap:clamp(44px, 6vw, 72px);
    }

    .legal-responsable__number{
        font-size:clamp(66px, 9vw, 92px);
    }

    .legal-responsable__title,
    .legal-responsable__title .elementor-heading-title{
        font-size:clamp(44px, 5.8vw, 60px);
    }

    .legal-responsable__statement{
        font-size:18px;
        line-height:1.6;
    }

    .legal-responsable__body{
        font-size:14px;
        line-height:1.75;
    }

}


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

@media (max-width:767px){

    .legal-responsable{
        padding:
            82px
            20px
            88px !important;

        scroll-margin-top:80px !important;
    }

    .legal-responsable__inner{
        display:flex !important;
        flex-direction:column !important;

        gap:0;
    }

    .legal-responsable__heading{
        width:100%;
    }

    .legal-responsable__number{
        margin-bottom:26px !important;

        font-size:72px;
        line-height:.8;
    }

    .legal-responsable__label{
        margin-bottom:18px !important;

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

    .legal-responsable__title,
    .legal-responsable__title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(44px, 12.8vw, 60px);
        line-height:.97;
    }

    .legal-responsable__content{
        width:100%;

        margin-top:46px !important;
    }

    .legal-responsable__statement{
        max-width:100%;

        font-size:18px;
        line-height:1.55;
    }

    .legal-responsable__body{
        max-width:100%;

        margin-top:30px !important;

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

    .legal-responsable__meta{
        margin-top:48px !important;
    }

    .legal-responsable__meta-item{
        display:flex !important;
        flex-direction:column !important;

        gap:8px;

        padding:18px 0 !important;
    }

}


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

@media (max-width:390px){

    .legal-responsable{
        padding:
            74px
            18px
            78px !important;
    }

    .legal-responsable__number{
        font-size:64px;
    }

    .legal-responsable__title,
    .legal-responsable__title .elementor-heading-title{
        font-size:clamp(42px, 12.4vw, 52px);
    }

    .legal-responsable__statement{
        font-size:17px;
    }

    .legal-responsable__body{
        font-size:14px;
    }

}

/*======================================
=      INFORMACIÓN / RECOPILACIÓN      =
======================================*/

.legal-info{
    background:#ffffff;
    color:#171715;

    padding:
        clamp(104px, 11vw, 168px)
        6vw
        clamp(112px, 12vw, 176px) !important;

    scroll-margin-top:100px !important;
}


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

.legal-info__inner{
    width:100%;
    max-width:1280px;
    margin:0 auto !important;
}


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

.legal-info__top{
    display:grid !important;
    grid-template-columns:minmax(280px, .72fr) minmax(0, 1.05fr);

    column-gap:clamp(72px, 9vw, 140px);

    align-items:start;
}


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

.legal-info__heading{
    min-width:0;

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


.legal-info__number{
    margin:0 0 clamp(28px, 3vw, 40px) !important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(76px, 8vw, 124px);
    font-weight:400;
    line-height:.8;
    letter-spacing:-.04em;

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

    user-select:none;
}


.legal-info__label{
    margin:0 0 clamp(20px, 2vw, 30px) !important;

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

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

    color:#797872;
}


.legal-info__title,
.legal-info__title .elementor-heading-title{
    margin:0 !important;

    max-width:470px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(50px, 5vw, 76px);
    font-weight:400;
    line-height:.95;
    letter-spacing:-.035em;

    color:#171715;
}


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

.legal-info__intro{
    min-width:0;

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


.legal-info__statement{
    margin:0 !important;

    max-width:720px;

    font-family:"Manrope",sans-serif;
    font-size:clamp(20px, 1.7vw, 26px);
    font-weight:400;
    line-height:1.55;

    color:#171715;
}


.legal-info__body{
    margin:
        clamp(34px, 3.5vw, 52px)
        0
        0 !important;

    max-width:720px;

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

    color:#686761;
}


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

.legal-info__list{
    width:100%;

    margin-top:clamp(76px, 8vw, 116px) !important;

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


.legal-info__item{
    width:100%;

    display:grid !important;
    grid-template-columns:80px minmax(220px, .72fr) minmax(0, 1.35fr);

    column-gap:clamp(24px, 4vw, 64px);

    align-items:start;

    padding:
        clamp(26px, 2.8vw, 38px)
        0 !important;

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


.legal-info__item-number{
    margin:0 !important;

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

    letter-spacing:.14em;

    color:#797872;
}


.legal-info__item-title{
    margin:0!important;

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

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

    color:#171715;
}


.legal-info__item-text{
    margin:0 !important;

    max-width:620px;

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

    color:#686761;
}


/*======================================
=              NOTE                   =
======================================*/

.legal-info__note{
    width:min(100%, 720px);

    margin:
        clamp(76px, 8vw, 116px)
        0
        0
        auto !important;

    padding-top:clamp(28px, 3vw, 40px) !important;

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


.legal-info__note-title,
.legal-info__note-title .elementor-heading-title{
    margin:0 !important;

    max-width:600px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(32px, 3vw, 46px);
    font-weight:400;
    line-height:1.05;
    letter-spacing:-.025em;

    color:#171715;
}


.legal-info__note-text{
    margin:
        clamp(24px, 2.5vw, 34px)
        0
        0 !important;

    max-width:680px;

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

    color:#686761;
}


.legal-info__note-text p{
    margin:0 0 1.35em !important;
}


.legal-info__note-text p:last-child{
    margin-bottom:0 !important;
}


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

@media (max-width:1024px){

    .legal-info{
        padding:
            clamp(88px, 9vw, 120px)
            5vw
            clamp(96px, 10vw, 132px) !important;
    }

    .legal-info__top{
        grid-template-columns:minmax(230px, .78fr) minmax(0, 1fr);

        column-gap:clamp(44px, 6vw, 72px);
    }

    .legal-info__number{
        font-size:clamp(66px, 9vw, 92px);
    }

    .legal-info__title,
    .legal-info__title .elementor-heading-title{
        font-size:clamp(44px, 5.8vw, 60px);
    }

    .legal-info__statement{
        font-size:18px;
        line-height:1.6;
    }

    .legal-info__body{
        font-size:14px;
        line-height:1.75;
    }

    .legal-info__item{
        grid-template-columns:56px minmax(180px, .72fr) minmax(0, 1fr);

        column-gap:24px;

        padding:24px 0 !important;
    }

    .legal-info__item-title{
        font-size:11px;
    }

    .legal-info__item-text{
        font-size:14px;
    }

    .legal-info__note{
        width:min(100%, 640px);
    }

}


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

@media (max-width:767px){

    .legal-info{
        padding:
            82px
            20px
            92px !important;

        scroll-margin-top:80px;
    }

    .legal-info__top{
        display:flex !important;
        flex-direction:column !important;

        gap:0;
    }

    .legal-info__heading{
        width:100%;
    }

    .legal-info__number{
        margin-bottom:26px !important;

        font-size:72px;
    }

    .legal-info__label{
        margin-bottom:18px !important;

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

    .legal-info__title,
    .legal-info__title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(44px, 12.8vw, 60px);
        line-height:.97;
    }

    .legal-info__intro{
        width:100%;

        margin-top:46px !important;
    }

    .legal-info__statement{
        max-width:100%;

        font-size:18px;
        line-height:1.55;
    }

    .legal-info__body{
        max-width:100%;

        margin-top:30px !important;

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

    .legal-info__list{
        margin-top:56px !important;
    }

    .legal-info__item{
        display:flex !important;
        flex-direction:column !important;

        gap:0;

        padding:24px 0 !important;
    }

    .legal-info__item-number{
        margin-bottom:12px !important;

        font-size:9px;
    }

    .legal-info__item-title{
        margin-bottom:13px !important;

        font-size:11px;
        line-height:1.45;
    }

    .legal-info__item-text{
        max-width:100%;

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

    .legal-info__note{
        width:100%;

        margin-top:64px !important;
    }

    .legal-info__note-title,
    .legal-info__note-title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(34px, 10vw, 44px);
        line-height:1.05;
    }

    .legal-info__note-text{
        max-width:100%;

        margin-top:24px !important;

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

}


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

@media (max-width:390px){

    .legal-info{
        padding:
            74px
            18px
            82px !important;
    }

    .legal-info__number{
        font-size:64px;
    }

    .legal-info__title,
    .legal-info__title .elementor-heading-title{
        font-size:clamp(42px, 12.4vw, 52px);
    }

    .legal-info__statement{
        font-size:17px;
    }

    .legal-info__body,
    .legal-info__item-text,
    .legal-info__note-text{
        font-size:14px;
    }

}

/*======================================
=        INFORMACIÓN / FINALIDAD       =
======================================*/

.legal-use{
    background:#171715;
    color:#f6f3ee;

    padding:
        clamp(108px, 11vw, 172px)
        6vw
        clamp(116px, 12vw, 184px) !important;

    scroll-margin-top:100px !important;
}


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

.legal-use__inner{
    width:100%;
    max-width:1280px;
    margin:0 auto !important;
}


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

.legal-use__top{
    display:grid !important;
    grid-template-columns:minmax(280px, .72fr) minmax(0, 1.05fr);

    column-gap:clamp(72px, 9vw, 140px);

    align-items:start;
}


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

.legal-use__heading{
    min-width:0 !important;

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


.legal-use__number{
    margin:0 0 clamp(28px, 3vw, 40px)!important;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(76px, 8vw, 124px);
    font-weight:400;
    line-height:.8;
    letter-spacing:-.04em;

    color:rgba(246,243,238,.06);

    user-select:none;
}


.legal-use__label{
    margin:0 0 clamp(20px, 2vw, 30px) !important;

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

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

    color:rgba(246,243,238,.55);
}


.legal-use__title,
.legal-use__title .elementor-heading-title{
    margin:0 !important;

    max-width:500px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(50px, 5vw, 76px);
    font-weight:400;
    line-height:.95;
    letter-spacing:-.035em;

    color:#f6f3ee;
}


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

.legal-use__intro{
    min-width:0;

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


.legal-use__statement{
    margin:0 !important;

    max-width:720px;

    font-family:"Manrope",sans-serif;
    font-size:clamp(20px, 1.7vw, 26px);
    font-weight:400;
    line-height:1.55;

    color:#f6f3ee;
}


.legal-use__body{
    margin:
        clamp(34px, 3.5vw, 52px)
        0
        0 !important;

    max-width:720px;

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

    color:rgba(246,243,238,.68);
}


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

.legal-use__grid{
    width:100%;

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

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

    border-top:1px solid rgba(246,243,238,.16);
    border-bottom:1px solid rgba(246,243,238,.16);
}


.legal-use__item{
    min-width:0;

    padding:
        clamp(34px, 3.5vw, 52px)
        clamp(36px, 4vw, 60px)
        clamp(38px, 4vw, 58px) !important;

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


.legal-use__item:nth-child(odd){
    padding-left:0 !important;

    border-right:1px solid rgba(246,243,238,.16) !important;
}


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


.legal-use__item:nth-child(3),
.legal-use__item:nth-child(4){
    border-bottom:0 !important;
}


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

.legal-use__item-number{
    margin:0 0 24px !important;

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

    letter-spacing:.14em;

    color:rgba(246,243,238,.55);
}


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

.legal-use__item-title{
    margin:0 !important;

    max-width:460px;

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

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

    color:#f6f3ee;
}


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

.legal-use__item-text{
    margin:
        clamp(18px, 1.8vw, 24px)
        0
        0 !important;

    max-width:500px;

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

    color:rgba(246,243,238,.68);
}


/*======================================
=               NOTE                  =
======================================*/

.legal-use__note{
    width:min(100%, 700px);

    margin:
        clamp(82px, 8vw, 122px)
        0
        0
        auto;

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

    border-top:1px solid rgba(246,243,238,.16) !important;
}


.legal-use__note-title,
.legal-use__note-title .elementor-heading-title{
    margin:0 !important;

    max-width:660px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(32px, 3vw, 46px);
    font-weight:400;
    line-height:1.05;
    letter-spacing:-.025em;

    color:#f6f3ee;
}


.legal-use__note-text{
    margin:
        clamp(24px, 2.5vw, 34px)
        0
        0 !important;

    max-width:680px;

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

    color:rgba(246,243,238,.68);
}


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

@media (max-width:1024px){

    .legal-use{
        padding:
            clamp(90px, 9vw, 122px)
            5vw
            clamp(98px, 10vw, 136px) !important;
    }

    .legal-use__top{
        grid-template-columns:minmax(230px, .78fr) minmax(0, 1fr);

        column-gap:clamp(44px, 6vw, 72px);
    }

    .legal-use__number{
        font-size:clamp(66px, 9vw, 92px);
    }

    .legal-use__title,
    .legal-use__title .elementor-heading-title{
        font-size:clamp(44px, 5.8vw, 60px);
    }

    .legal-use__statement{
        font-size:18px;
        line-height:1.6;
    }

    .legal-use__body{
        font-size:14px;
        line-height:1.75;
    }

    .legal-use__item{
        padding:
            30px
            28px
            34px !important;
    }

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

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

    .legal-use__item-text{
        font-size:14px;
    }

}


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

@media (max-width:767px){

    .legal-use{
        padding:
            82px
            20px
            94px !important;

        scroll-margin-top:80px;
    }

    .legal-use__top{
        display:flex !important;
        flex-direction:column !important;

        gap:0;
    }

    .legal-use__heading{
        width:100%;
    }

    .legal-use__number{
        margin-bottom:26px !important;

        font-size:72px;
    }

    .legal-use__label{
        margin-bottom:18px !important;

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

    .legal-use__title,
    .legal-use__title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(44px, 12.8vw, 60px);
        line-height:.97;
    }

    .legal-use__intro{
        width:100%;

        margin-top:46px !important;
    }

    .legal-use__statement{
        max-width:100%;

        font-size:18px;
        line-height:1.55;
    }

    .legal-use__body{
        max-width:100%;

        margin-top:30px !important;

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

    .legal-use__grid{
        margin-top:58px;

        display:flex !important;
        flex-direction:column !important;

        border-bottom:0 !important;
    }

    .legal-use__item,
    .legal-use__item:nth-child(odd),
    .legal-use__item:nth-child(even){
        width:100%;

        padding:26px 0 !important;

        border-right:0 !important;
        border-bottom:1px solid rgba(246,243,238,.16) !important;
    }

    .legal-use__item-number{
        margin-bottom:14px !important;

        font-size:9px;
    }

    .legal-use__item-title{
        max-width:100%;

        font-size:11px;
    }

    .legal-use__item-text{
        max-width:100%;

        margin-top:14px !important;

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

    .legal-use__note{
        width:100%;

        margin-top:66px !important;
    }

    .legal-use__note-title,
    .legal-use__note-title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(34px, 10vw, 44px);
    }

    .legal-use__note-text{
        max-width:100%;

        margin-top:24px !important;

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

}


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

@media (max-width:390px){

    .legal-use{
        padding:
            74px
            18px
            84px !important;
    }

    .legal-use__number{
        font-size:64px;
    }

    .legal-use__title,
    .legal-use__title .elementor-heading-title{
        font-size:clamp(42px, 12.4vw, 52px);
    }

    .legal-use__statement{
        font-size:17px;
    }

    .legal-use__body,
    .legal-use__item-text,
    .legal-use__note-text{
        font-size:14px;
    }

}


/*======================================
=          CONTACTO / ENVÍO            =
======================================*/

.legal-form{
    background:#f6f3ee;
    color:#171715;

    padding:
        clamp(108px, 11vw, 172px)
        6vw
        clamp(116px, 12vw, 184px);

    scroll-margin-top:100px;
}


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

.legal-form__inner{
    width:100%;
    max-width:1280px;
    margin:0 auto;
}


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

.legal-form__top{
    display:grid;
    grid-template-columns:minmax(280px, .72fr) minmax(0, 1.05fr);

    column-gap:clamp(72px, 9vw, 140px);

    align-items:start;
}


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

.legal-form__heading{
    min-width:0;

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


.legal-form__number{
    margin:0 0 clamp(28px, 3vw, 40px);

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(76px, 8vw, 124px);
    font-weight:400;
    line-height:.8;
    letter-spacing:-.04em;

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

    user-select:none;
}


.legal-form__label{
    margin:0 0 clamp(20px, 2vw, 30px);

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

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

    color:#797872;
}


.legal-form__title,
.legal-form__title .elementor-heading-title{
    margin:0;

    max-width:520px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(50px, 5vw, 76px);
    font-weight:400;
    line-height:.95;
    letter-spacing:-.035em;

    color:#171715;
}


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

.legal-form__intro{
    min-width:0;

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


.legal-form__statement{
    margin:0;

    max-width:720px;

    font-family:"Manrope",sans-serif;
    font-size:clamp(20px, 1.7vw, 26px);
    font-weight:400;
    line-height:1.55;

    color:#171715;
}


.legal-form__body{
    margin:
        clamp(34px, 3.5vw, 52px)
        0
        0;

    max-width:720px;

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

    color:#686761;
}


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

.legal-form__process{
    width:100%;

    margin-top:clamp(82px, 8vw, 122px);

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

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


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

.legal-form__step{
    position:relative;

    min-width:0;

    padding:
        clamp(34px, 3.5vw, 50px)
        clamp(34px, 3.5vw, 48px)
        clamp(38px, 4vw, 56px);
}


.legal-form__step:first-child{
    padding-left:0;
}


.legal-form__step:last-child{
    padding-right:0;
}


.legal-form__step + .legal-form__step{
    border-left:1px solid rgba(23,23,21,.16);
}


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

.legal-form__step-number{
    margin:0 0 24px;

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

    letter-spacing:.14em;

    color:#797872;
}


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

.legal-form__step-title{
    margin:0;

    max-width:320px;

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

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

    color:#171715;
}


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

.legal-form__step-text{
    margin:
        clamp(18px, 1.8vw, 24px)
        0
        0;

    max-width:340px;

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

    color:#686761;
}


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

.legal-form__step:not(:last-child)::after{
    content:"";

    position:absolute;
    top:48px;
    right:-6px;

    width:12px;
    height:12px;

    border-top:1px solid rgba(23,23,21,.28);
    border-right:1px solid rgba(23,23,21,.28);

    transform:rotate(45deg);

    background:#f6f3ee;
}


/*======================================
=               NOTE                  =
======================================*/

.legal-form__note{
    width:min(100%, 700px);

    margin:
        clamp(82px, 8vw, 122px)
        0
        0
        auto;

    padding-top:clamp(30px, 3vw, 42px);

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


.legal-form__note-title,
.legal-form__note-title .elementor-heading-title{
    margin:0;

    max-width:620px;

    font-family:"Cormorant Garamond",serif;
    font-size:clamp(32px, 3vw, 46px);
    font-weight:400;
    line-height:1.05;
    letter-spacing:-.025em;

    color:#171715;
}


.legal-form__note-text{
    margin:
        clamp(24px, 2.5vw, 34px)
        0
        0;

    max-width:680px;

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

    color:#686761;
}


.legal-form__note-text p{
    margin:0 0 1.35em;
}


.legal-form__note-text p:last-child{
    margin-bottom:0;
}


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

@media (max-width:1024px){

    .legal-form{
        padding:
            clamp(90px, 9vw, 122px)
            5vw
            clamp(98px, 10vw, 136px);
    }

    .legal-form__top{
        grid-template-columns:minmax(230px, .78fr) minmax(0, 1fr);

        column-gap:clamp(44px, 6vw, 72px);
    }

    .legal-form__number{
        font-size:clamp(66px, 9vw, 92px);
    }

    .legal-form__title,
    .legal-form__title .elementor-heading-title{
        font-size:clamp(44px, 5.8vw, 60px);
    }

    .legal-form__statement{
        font-size:18px;
        line-height:1.6;
    }

    .legal-form__body{
        font-size:14px;
        line-height:1.75;
    }

    .legal-form__step{
        padding:
            30px
            24px
            34px;
    }

    .legal-form__step:first-child{
        padding-left:0;
    }

    .legal-form__step:last-child{
        padding-right:0;
    }

    .legal-form__step-text{
        font-size:14px;
    }

}


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

@media (max-width:767px){

    .legal-form{
        padding:
            82px
            20px
            94px;

        scroll-margin-top:80px;
    }

    .legal-form__top{
        display:flex;
        flex-direction:column;

        gap:0;
    }

    .legal-form__heading{
        width:100%;
    }

    .legal-form__number{
        margin-bottom:26px;

        font-size:72px;
    }

    .legal-form__label{
        margin-bottom:18px;

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

    .legal-form__title,
    .legal-form__title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(44px, 12.8vw, 60px);
        line-height:.97;
    }

    .legal-form__intro{
        width:100%;

        margin-top:46px;
    }

    .legal-form__statement{
        max-width:100%;

        font-size:18px;
        line-height:1.55;
    }

    .legal-form__body{
        max-width:100%;

        margin-top:30px;

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

    .legal-form__process{
        margin-top:58px;

        display:flex;
        flex-direction:column;

        border-bottom:0;
    }

    .legal-form__step,
    .legal-form__step:first-child,
    .legal-form__step:last-child{
        width:100%;

        padding:26px 0 30px;

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

    .legal-form__step-number{
        margin-bottom:14px;

        font-size:9px;
    }

    .legal-form__step-title{
        max-width:100%;

        font-size:11px;
    }

    .legal-form__step-text{
        max-width:100%;

        margin-top:14px;

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

    .legal-form__step:not(:last-child)::after{
        display:none;
    }

    .legal-form__note{
        width:100%;

        margin-top:66px;
    }

    .legal-form__note-title,
    .legal-form__note-title .elementor-heading-title{
        max-width:100%;

        font-size:clamp(34px, 10vw, 44px);
    }

    .legal-form__note-text{
        max-width:100%;

        margin-top:24px;

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

}


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

@media (max-width:390px){

    .legal-form{
        padding:
            74px
            18px
            84px;
    }

    .legal-form__number{
        font-size:64px;
    }

    .legal-form__title,
    .legal-form__title .elementor-heading-title{
        font-size:clamp(42px, 12.4vw, 52px);
    }

    .legal-form__statement{
        font-size:17px;
    }

    .legal-form__body,
    .legal-form__step-text,
    .legal-form__note-text{
        font-size:14px;
    }

}/* End custom CSS */