.elementor-6486 .elementor-element.elementor-element-7e0aa5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-821c20f *//* =========================================================
   PERSONAL TRAINER
   FLYER STYLE LANDING
   SECCIÓN 01
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800;900&display=swap');


/* =========================================================
   RESET LOCAL
========================================================= */

.gym-hero,
.gym-hero * {
    box-sizing: border-box;
}


/* =========================================================
   HERO
========================================================= */

.gym-hero {

    --orange: #ff5a08;
    --orange-light: #ff7b23;

    --dark: #050505;
    --black: #000000;

    --white: #f6f6f4;

    position: relative;

    width: 100vw;

    margin-left: calc(50% - 50vw);

    height: 100svh;

    min-height: 760px;

    overflow: hidden;

    isolation: isolate;

    color: var(--white);

    font-family:
        "Inter",
        sans-serif;

    background:
        #050505;
}


/* =========================================================
   VIDEO DE FONDO
========================================================= */

.gym-video-zone {

    position: absolute;

    z-index: 0;

    left: 0;
    top: 0;

    width: 65%;
    height: 100%;

    overflow: hidden;

    pointer-events: none;

    clip-path:
        polygon(
            0 0,
            100% 0,
            69% 100%,
            0 100%
        );

    background:
        #050505;
}


.gym-video {

    position: absolute;

    left: 50%;
    top: 50%;

    width: 177.78vh;

    height: 56.25vw;

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

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

    pointer-events: none;

    filter:
        saturate(.65)
        contrast(1.18)
        brightness(.55);
}


/* CAPA OSCURA SOBRE VIDEO */

.gym-video-overlay {

    position: absolute;

    inset: 0;

    z-index: 2;

    background:

        linear-gradient(
            90deg,
            rgba(3,3,3,.90) 0%,
            rgba(4,4,4,.65) 38%,
            rgba(8,5,3,.38) 72%,
            rgba(7,4,2,.2) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0,0,0,.35) 0%,
            transparent 32%,
            rgba(0,0,0,.35) 100%
        );
}


/* =========================================================
   TEXTURA
========================================================= */

.gym-noise {

    position: absolute;

    inset: 0;

    z-index: 50;

    pointer-events: none;

    opacity: .13;

    mix-blend-mode: overlay;

    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.38'/%3E%3C/svg%3E");
}


/* =========================================================
   GLOWS
========================================================= */

.gym-glow {

    position: absolute;

    z-index: 1;

    border-radius: 50%;

    pointer-events: none;

    filter:
        blur(120px);
}


.gym-glow-one {

    width: 650px;
    height: 650px;

    right: -170px;
    top: 4%;

    background:
        rgba(255,80,0,.32);

    animation:
        gymGlowOne
        8s ease-in-out infinite alternate;
}


.gym-glow-two {

    width: 500px;
    height: 500px;

    left: 29%;
    bottom: -250px;

    background:
        rgba(255,92,10,.15);

    animation:
        gymGlowTwo
        10s ease-in-out infinite alternate;
}


@keyframes gymGlowOne {

    from {

        transform:
            translate3d(0,0,0)
            scale(1);
    }

    to {

        transform:
            translate3d(-60px,40px,0)
            scale(1.2);
    }

}


@keyframes gymGlowTwo {

    from {

        transform:
            scale(1);
    }

    to {

        transform:
            translateX(80px)
            scale(1.25);
    }

}


/* =========================================================
   FORMAS NARANJAS
========================================================= */

.gym-orange-shape {

    position: absolute;

    pointer-events: none;

    z-index: 4;

    background:

        linear-gradient(
            145deg,
            #ff812a 0%,
            #ff5b09 40%,
            #ee4300 100%
        );
}


/* DIAGONAL PRINCIPAL */

.gym-shape-main {

    width: 49%;
    height: 132%;

    right: -4%;
    top: -16%;

    clip-path:
        polygon(
            38% 0,
            100% 0,
            79% 100%,
            0 82%
        );

    transform:
        rotate(4deg);

    box-shadow:
        -30px 0 100px
        rgba(255,84,0,.12);

    animation:
        gymShapeMain
        10s ease-in-out infinite alternate;
}


@keyframes gymShapeMain {

    from {

        transform:
            rotate(4deg)
            translateY(-10px);
    }

    to {

        transform:
            rotate(6deg)
            translateY(32px);
    }

}


/* FORMA SECUNDARIA */

.gym-shape-secondary {

    width: 32%;
    height: 55%;

    left: 34%;
    bottom: -27%;

    z-index: 3;

    opacity: .78;

    clip-path:
        polygon(
            31% 0,
            100% 17%,
            73% 100%,
            0 77%
        );

    transform:
        rotate(-18deg);
}


/* =========================================================
   PALABRA DE FONDO
========================================================= */

.gym-bg-word {

    position: absolute;

    z-index: 2;

    left: -6%;
    top: 52%;

    transform:
        translateY(-50%)
        rotate(-90deg);

    transform-origin:
        center;

    pointer-events: none;

    user-select: none;

    font-family:
        "Anton",
        sans-serif;

    font-size:
        clamp(170px, 24vw, 430px);

    line-height: .8;

    letter-spacing: -12px;

    color: transparent;

    -webkit-text-stroke:
        2px rgba(255,255,255,.045);

    animation:
        gymBackgroundWord
        12s ease-in-out infinite alternate;
}


@keyframes gymBackgroundWord {

    from {
        margin-left: -20px;
    }

    to {
        margin-left: 45px;
    }

}


/* =========================================================
   MODELO PRINCIPAL
========================================================= */

.gym-model-wrap {

    position: absolute;

    z-index: 11;

    right: -1%;

    bottom: -3%;

    width: 64%;
    height: 97%;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    pointer-events: none;
}


/* LUZ DETRÁS */

.gym-model-light {

    position: absolute;

    z-index: 1;

    width: 530px;
    height: 680px;

    right: 15%;
    top: 19%;

    border-radius: 50%;

    background:

        radial-gradient(
            ellipse,
            rgba(255,196,130,.32) 0%,
            rgba(255,96,19,.18) 35%,
            rgba(255,70,0,.04) 61%,
            transparent 72%
        );

    filter:
        blur(28px);

    animation:
        gymModelLight
        5s ease-in-out infinite alternate;
}


@keyframes gymModelLight {

    to {

        transform:
            scale(1.11);

        opacity:
            .76;
    }

}


/* CÍRCULO EDITORIAL */

.gym-model-circle {

    position: absolute;

    z-index: 2;

    right: 8%;
    top: 26%;

    width: 560px;
    height: 560px;

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

    border-radius: 50%;

    box-shadow:

        inset
        0 0 0 26px
        rgba(255,255,255,.012),

        0 0 100px
        rgba(255,88,0,.10);

    animation:
        gymCirclePulse
        7s ease-in-out infinite;
}


@keyframes gymCirclePulse {

    50% {

        transform:
            scale(1.06);

        opacity:
            .65;
    }

}


/* CHICA */

.gym-model {

    position: relative;

    z-index: 5;

    display: block;

    width: auto;

    height: 100%;

    max-width: none;

    object-fit: contain;

    object-position:
        center bottom;

    transform-origin:
        bottom center;

    filter:

        contrast(1.04)

        saturate(1)

        drop-shadow(
            -32px 30px 28px
            rgba(0,0,0,.55)
        );

    animation:
        gymModelIntro
        1.3s
        cubic-bezier(.16,.85,.25,1)
        both;
}


@keyframes gymModelIntro {

    from {

        opacity: 0;

        transform:
            translateY(100px)
            scale(.92);
    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}


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

.gym-top {

    position: absolute;

    z-index: 21;

    top: 8%;
    left: 6%;

    width: 58%;
}


/* EYEBROW */

.gym-eyebrow {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 18px;

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

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 3px;

    text-transform:
        uppercase;
}


.gym-eyebrow-line {

    width: 46px;
    height: 4px;

    flex-shrink: 0;

    background:
        var(--orange);
}


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

.gym-title {

    position: relative;

    margin: 0;

    padding: 0;

    font-family:
        "Anton",
        sans-serif;

    font-weight: 400;

    line-height: .79;

    letter-spacing: -3px;

    text-transform: uppercase;
}


.gym-title-white {

    position: relative;

    z-index: 2;

    display: block;

    width: max-content;

    font-size:
        clamp(90px, 8.7vw, 166px);

    color:
        var(--white);

    text-shadow:

        0 14px 35px
        rgba(0,0,0,.38);
}


.gym-title-orange {

    position: relative;

    z-index: 3;

    display: block;

    width: max-content;

    margin-top: 14px;

    padding:
        7px
        21px
        14px;

    color:
        #070707;

    background:

        linear-gradient(
            90deg,
            #ff5a08,
            #ff7420
        );

    font-size:
        clamp(85px, 8.1vw, 154px);

    box-shadow:
        13px 14px 0
        rgba(0,0,0,.42);

    transform:
        skewX(-2deg);

    transform-origin:
        left center;
}


/* =========================================================
   MENSAJE CENTRAL
========================================================= */

.gym-main-message {

    position: absolute;

    z-index: 25;

    left: 8%;
    top: 48%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    text-transform:
        uppercase;

    pointer-events: none;
}


.gym-message-small {

    margin-bottom: 3px;

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

    font-size:
        18px;

    font-weight:
        800;
}


.gym-message-big {

    color:
        var(--white);

    font-family:
        "Anton",
        sans-serif;

    font-size:
        clamp(44px, 4.2vw, 73px);

    font-weight:
        400;

    line-height:
        .94;

    text-shadow:
        0 10px 25px
        rgba(0,0,0,.3);
}


.gym-message-highlight {

    display: inline-block;

    position: relative;

    margin-top: 7px;

    padding:
        7px
        18px
        10px;

    background:
        #f5f5f2;

    color:
        #050505;

    font-family:
        "Anton",
        sans-serif;

    font-size:
        clamp(38px, 3.8vw, 64px);

    line-height:
        1;

    box-shadow:
        11px 12px 0
        rgba(0,0,0,.42);
}


/* =========================================================
   SELLO
========================================================= */

.gym-stamp {

    position: absolute;

    z-index: 30;

    right: 5%;
    top: 29%;

    width: 128px;
    height: 128px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    color:
        #080808;

    background:
        var(--orange);

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.35);

    animation:
        gymStampFloat
        5s ease-in-out infinite;
}


.gym-stamp::before {

    content: "";

    position: absolute;

    inset: 12px;

    border:
        1px solid
        rgba(0,0,0,.32);

    border-radius:
        50%;
}


.gym-stamp-svg {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    overflow:
        visible;

    animation:
        gymStampRotate
        17s linear infinite;
}


.gym-stamp-svg text {

    fill:
        #080808;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        1.25px;
}


.gym-stamp strong {

    position: relative;

    z-index: 3;

    color:
        #080808;

    font-family:
        "Anton",
        sans-serif;

    font-size:
        43px;

    font-weight:
        400;
}


@keyframes gymStampRotate {

    to {
        transform:
            rotate(360deg);
    }

}


@keyframes gymStampFloat {

    0%,
    100% {

        transform:
            translateY(0);
    }

    50% {

        transform:
            translateY(-17px);
    }

}


/* =========================================================
   DESCRIPCIÓN + CTA
========================================================= */

.gym-bottom-content {

    position: absolute;

    z-index: 28;

    left: 8%;
    bottom: 8%;

    width: 46%;
}


.gym-description {

    max-width:
        430px;

    margin:
        0 0 22px;

    padding-left:
        17px;

    border-left:
        4px solid
        rgba(255,255,255,.38);

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

    font-size:
        13px;

    font-weight:
        400;

    line-height:
        1.65;

    text-shadow:
        0 3px 10px
        rgba(0,0,0,.6);
}


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

.gym-action-row {

    display: flex;

    align-items: center;

    gap: 27px;
}


/* =========================================================
   BOTÓN
========================================================= */

.gym-button {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-width: 250px;

    padding:
        14px
        14px
        14px
        22px;

    overflow: hidden;

    background:
        var(--orange);

    color:
        #080808;

    text-decoration:
        none;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .65px;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.15);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.gym-button::before {

    content: "";

    position: absolute;

    left: -100px;
    top: -60px;

    width: 60px;
    height: 180px;

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

    transform:
        rotate(28deg);

    transition:
        left .6s ease;
}


.gym-button:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 50px
        rgba(255,80,0,.3);
}


.gym-button:hover::before {

    left:
        125%;
}


.gym-button-icon {

    display: grid;

    place-items: center;

    width: 39px;
    height: 39px;

    flex-shrink: 0;

    background:
        #070707;

    color:
        white;

    font-size:
        20px;
}


/* =========================================================
   EVALUACIÓN
========================================================= */

.gym-evaluation {

    display: flex;

    align-items: center;

    gap: 10px;
}


.gym-evaluation strong {

    color:
        var(--orange);

    font-family:
        "Anton",
        sans-serif;

    font-size:
        40px;

    font-weight:
        400;

    line-height:
        1;
}


.gym-evaluation span {

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

    font-size:
        8px;

    font-weight:
        800;

    line-height:
        1.5;

    letter-spacing:
        1.5px;
}


/* =========================================================
   MANCUERNAS
========================================================= */

.gym-dumbbell {

    position: absolute;

    z-index: 18;

    width: 175px;
    height: 62px;

    opacity: .38;

    pointer-events: none;

    filter:
        drop-shadow(
            0 20px 20px
            rgba(0,0,0,.75)
        );
}


.gym-dumbbell span {

    position: absolute;

    left: 25px;
    right: 25px;

    top: 25px;

    height: 11px;

    background:

        linear-gradient(
            #646464,
            #111
        );
}


.gym-dumbbell::before,
.gym-dumbbell::after {

    content: "";

    position: absolute;

    top: 0;

    width: 35px;
    height: 62px;

    border-radius:
        7px;

    background:

        linear-gradient(
            90deg,
            #070707,
            #565656,
            #111111
        );

    box-shadow:

        inset
        0 0 0 5px
        #151515;
}


.gym-dumbbell::before {
    left: 0;
}


.gym-dumbbell::after {
    right: 0;
}


.gym-dumbbell-one {

    left: -2%;
    top: 29%;

    filter:

        blur(2px)

        drop-shadow(
            0 20px 25px
            rgba(0,0,0,.8)
        );

    animation:
        gymDumbbellOne
        7s ease-in-out infinite;
}


.gym-dumbbell-two {

    right: -3%;
    bottom: 19%;

    opacity:
        .48;

    animation:
        gymDumbbellTwo
        8s ease-in-out infinite;
}


@keyframes gymDumbbellOne {

    0%,
    100% {

        transform:
            rotate(-38deg)
            translateY(0)
            scale(1.28);
    }

    50% {

        transform:
            rotate(-28deg)
            translateY(-45px)
            translateX(15px)
            scale(1.4);
    }

}


@keyframes gymDumbbellTwo {

    0%,
    100% {

        transform:
            rotate(31deg)
            translateY(0);
    }

    50% {

        transform:
            rotate(41deg)
            translate(-30px,-35px)
            scale(1.08);
    }

}


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

.gym-side-text {

    position: absolute;

    z-index: 21;

    right: 18px;
    top: 50%;

    transform:
        translateY(-50%)
        rotate(90deg);

    transform-origin:
        center;

    color:
        rgba(0,0,0,.72);

    font-size:
        8px;

    font-weight:
        900;

    letter-spacing:
        3px;

    white-space:
        nowrap;
}


/* =========================================================
   SCROLL
========================================================= */

.gym-scroll {

    position: absolute;

    z-index: 35;

    left: 50%;
    bottom: 18px;

    transform:
        translateX(-50%);

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 5px;
}


.gym-scroll-line {

    width: 60px;
    height: 5px;

    border-radius:
        30px;

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

    animation:
        gymScroll
        1.4s ease-in-out infinite;
}


.gym-scroll small {

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

    font-size:
        6px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


@keyframes gymScroll {

    50% {

        transform:
            translateY(5px);

        opacity:
            .55;
    }

}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1200px) {

    .gym-top {

        width: 65%;
    }


    .gym-model-wrap {

        width: 70%;

        right: -8%;
    }


    .gym-bottom-content {

        width: 52%;
    }


    .gym-shape-main {

        width: 53%;
    }

}


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

@media (max-width: 900px) {

    .gym-top {

        left: 5%;

        width: 75%;
    }


    .gym-main-message {

        left: 6%;
    }


    .gym-bottom-content {

        left: 6%;

        width: 58%;
    }


    .gym-model-wrap {

        width: 80%;

        right: -15%;
    }


    .gym-stamp {

        right: 3%;
    }

}


/* =========================================================
   MOBILE
   FORMATO FLYER VERTICAL
========================================================= */

@media (max-width: 700px) {

    .gym-hero {

        width: 100%;

        margin-left: 0;

        height: 100svh;

        min-height: 820px;
    }


    /* =============================================
       VIDEO
    ============================================== */

    .gym-video-zone {

        width: 88%;
        height: 100%;

        clip-path:
            polygon(
                0 0,
                100% 0,
                57% 100%,
                0 100%
            );
    }


    .gym-video {

        opacity:
            .75;

        filter:
            saturate(.55)
            contrast(1.2)
            brightness(.48);
    }


    .gym-video-overlay {

        background:

            linear-gradient(
                90deg,
                rgba(2,2,2,.86) 0%,
                rgba(4,4,4,.62) 55%,
                rgba(8,5,3,.26) 100%
            ),

            linear-gradient(
                180deg,
                rgba(0,0,0,.43) 0%,
                rgba(0,0,0,.1) 45%,
                rgba(0,0,0,.58) 100%
            );
    }


    /* =============================================
       FORMA NARANJA
    ============================================== */

    .gym-shape-main {

        width: 85%;
        height: 123%;

        right: -35%;
        top: -13%;

        clip-path:

            polygon(
                40% 0,
                100% 0,
                84% 100%,
                0 81%
            );
    }


    .gym-shape-secondary {

        width: 60%;
        height: 36%;

        left: 37%;
        bottom: -20%;

        opacity: .6;
    }


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

    .gym-top {

        z-index: 30;

        left: 7%;
        top: 5.5%;

        width: 90%;
    }


    .gym-eyebrow {

        gap: 10px;

        margin-bottom:
            12px;

        font-size:
            7.5px;

        letter-spacing:
            1.9px;
    }


    .gym-eyebrow-line {

        width: 29px;
        height: 3px;
    }


    /* =============================================
       TITULARES
    ============================================== */

    .gym-title {

        letter-spacing:
            -1px;
    }


    .gym-title-white {

        font-size:
            clamp(
                68px,
                19vw,
                92px
            );
    }


    .gym-title-orange {

        margin-top:
            8px;

        padding:
            4px 12px 9px;

        font-size:
            clamp(
                64px,
                18vw,
                88px
            );

        box-shadow:
            8px 9px 0
            rgba(0,0,0,.38);
    }


    /* =============================================
       MODELO
       MUCHO MÁS PROTAGONISTA
    ============================================== */

    .gym-model-wrap {

        z-index: 14;

        width: 118%;
        height: 82%;

        right: -32%;
        bottom: -1%;
    }


    .gym-model {

        height: 100%;

        max-width: none;

        filter:

            contrast(1.05)

            saturate(1)

            drop-shadow(
                -20px 25px 22px
                rgba(0,0,0,.6)
            );
    }


    .gym-model-light {

        width: 360px;
        height: 520px;

        right: 4%;
        top: 18%;
    }


    .gym-model-circle {

        width: 385px;
        height: 385px;

        right: 6%;
        top: 27%;
    }


    /* =============================================
       MENSAJE SOBRE MODELO
    ============================================== */

    .gym-main-message {

        z-index: 32;

        left: 7%;
        top: 41%;
    }


    .gym-message-small {

        font-size:
            12px;
    }


    .gym-message-big {

        font-size:
            clamp(
                35px,
                10vw,
                47px
            );
    }


    .gym-message-highlight {

        margin-top:
            5px;

        padding:
            5px
            10px
            7px;

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

        box-shadow:
            7px
            8px
            0
            rgba(0,0,0,.4);
    }


    /* =============================================
       SELLO
    ============================================== */

    .gym-stamp {

        z-index: 34;

        width: 86px;
        height: 86px;

        right: -17px;
        top: 34%;
    }


    .gym-stamp strong {

        font-size:
            28px;
    }


    .gym-stamp-svg text {

        font-size:
            9px;
    }


    /* =============================================
       DESCRIPCIÓN
    ============================================== */

    .gym-bottom-content {

        z-index: 35;

        left: 7%;
        bottom: 5%;

        width: 88%;
    }


    .gym-description {

        max-width:
            245px;

        margin-bottom:
            14px;

        padding-left:
            11px;

        border-left-width:
            3px;

        font-size:
            9.5px;

        line-height:
            1.5;
    }


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

    .gym-action-row {

        gap:
            14px;

        align-items:
            center;
    }


    .gym-button {

        min-width:
            190px;

        padding:
            9px
            9px
            9px
            14px;

        font-size:
            8.5px;
    }


    .gym-button-icon {

        width:
            33px;

        height:
            33px;

        font-size:
            16px;
    }


    .gym-evaluation {

        gap:
            6px;
    }


    .gym-evaluation strong {

        font-size:
            31px;
    }


    .gym-evaluation span {

        font-size:
            6px;

        letter-spacing:
            1px;
    }


    /* =============================================
       MANCUERNAS
    ============================================== */

    .gym-dumbbell-one {

        left:
            -115px;

        top:
            27%;

        opacity:
            .24;
    }


    .gym-dumbbell-two {

        right:
            -105px;

        bottom:
            18%;

        opacity:
            .42;
    }


    /* =============================================
       DECORACIÓN
    ============================================== */

    .gym-bg-word {

        display:
            none;
    }


    .gym-side-text {

        display:
            none;
    }


    .gym-scroll {

        bottom:
            12px;
    }


    .gym-scroll-line {

        width:
            48px;

        height:
            4px;
    }


    .gym-scroll small {

        display:
            none;
    }

}


/* =========================================================
   MÓVILES PEQUEÑOS
========================================================= */

@media (max-width: 390px) {

    .gym-hero {

        min-height:
            760px;
    }


    .gym-top {

        left:
            6%;
    }


    .gym-title-white {

        font-size:
            63px;
    }


    .gym-title-orange {

        font-size:
            59px;
    }


    .gym-model-wrap {

        width:
            123%;

        height:
            78%;

        right:
            -37%;
    }


    .gym-main-message {

        left:
            6%;
    }


    .gym-bottom-content {

        left:
            6%;
    }

}


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

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

    .gym-hero *,
    .gym-hero *::before,
    .gym-hero *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;
    }

}/* End custom CSS */