:root {
    --font-size-first-line: 120px;
    --font-size-first-line-strong: 160px;
    --font-size-second-line: 120px;
    --font-size-second-line-strong: 160px;
    --font-size-third-line: 67px;
    --font-size-third-line-strong: 160px;


    --font-size-first-line-experiences: 90px;
    --font-size-first-line-strong-experiences: 120px;
    --font-size-second-line-experiences: 120px;
    --font-size-second-line-strong-experiences: 120px;
    --font-size-third-line-experiences: 67px;
    --font-size-third-line-strong-experiences: 120px;
}

@media (max-width: 1602px) {
    :root {
        --font-size-first-line: 90px;
        --font-size-first-line-strong: 120px;
        --font-size-second-line: 90px;
        --font-size-second-line-strong: 120px;
        --font-size-third-line: 51px;
        --font-size-third-line-strong: 120px;


        --font-size-first-line-experiences: 67px;
        --font-size-first-line-strong-experiences: 90px;
        --font-size-second-line-experiences: 90px;
        --font-size-second-line-strong-experiences: 90px;
        --font-size-third-line-experiences: 51px;
        --font-size-third-line-strong-experiences: 90px;
    }
}

@media (max-width: 1024px) {
    :root {
        --font-size-first-line: 70px;
        --font-size-first-line-strong: 96px;
        --font-size-second-line: 72px;
        --font-size-second-line-strong: 116px;
        --font-size-third-line: 51px;
        --font-size-third-line-strong: 103px;
        --font-size-first-line-experiences: 67px;
        --font-size-first-line-strong-experiences: 90px;
        --font-size-second-line-experiences: 90px;
        --font-size-second-line-strong-experiences: 90px;
        --font-size-third-line-experiences: 51px;
        --font-size-third-line-strong-experiences: 90px;
    }
}

@media (max-height: 720px) {
    :root {
        --font-size-first-line: 70px;
        --font-size-first-line-strong: 100px;
        --font-size-second-line: 70px;
        --font-size-second-line-strong: 100px;
        --font-size-third-line: 31px;
        --font-size-third-line-strong: 100px;


        --font-size-first-line-experiences: 47px;
        --font-size-first-line-strong-experiences: 70px;
        --font-size-second-line-experiences: 70px;
        --font-size-second-line-strong-experiences: 70px;
        --font-size-third-line-experiences: 31px;
        --font-size-third-line-strong-experiences: 70px;
    }
}

@media (max-height: 570px) {
    :root {
        --font-size-first-line: 45px;
        --font-size-first-line-strong: 85px;
        --font-size-second-line: 45px;
        --font-size-second-line-strong: 85px;
        --font-size-third-line: 26px;
        --font-size-third-line-strong: 85px;


        --font-size-first-line-experiences: 43px;
        --font-size-first-line-strong-experiences: 55px;
        --font-size-second-line-experiences: 55px;
        --font-size-second-line-strong-experiences: 55px;
        --font-size-third-line-experiences: 26px;
        --font-size-third-line-strong-experiences: 55px;
    }
}

@media (max-width: 992px) {
    :root {
        --font-size-first-line: 60px;
        --font-size-first-line-strong: 84px;
        --font-size-second-line: 61px;
        --font-size-second-line-strong: 84px;
        --font-size-third-line: 45px;
        --font-size-third-line-strong: 84px;


        --font-size-first-line-experiences: 51px;
        --font-size-first-line-strong-experiences: 67px;
        --font-size-second-line-experiences: 67px;
        --font-size-second-line-strong-experiences: 90px;
        --font-size-third-line-experiences: 38px;
        --font-size-third-line-strong-experiences: 67px;

        --font-size-first-line-hotel: 50px;
        --font-size-first-line-strong-hotel: 74px;
        --font-size-second-line-hotel: 51px;
        --font-size-second-line-strong-hotel: 74px;
        --font-size-third-line-hotel: 35px;
        --font-size-third-line-strong-hotel: 65px;
    }
}

.caption {
    position: absolute;
    width: auto;
    top: 20%;
    left: 16%;
    z-index: 15;
    margin: 0 0 10px 0;
    font-family: "Comfortaa";
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    line-height: 50px;
    letter-spacing: 0.2px;
    text-shadow: 6px 3px 4px #00000066;
}

.caption .claim__first-line,
.caption .claim__second-line,
.caption .claim__third-line {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    transform: rotate(-5deg);
    font-family: "Brandon Grotesque";
}

.caption .claim__first-line {
    color: #FFF;
    font-family: "Brandon Grotesque";
    font-size: var(--font-size-first-line);
    line-height: var(--font-size-first-line);
    font-style: italic;
    font-weight: 800;
    letter-spacing: -5.837px;
    align-items: flex-end;
}

.caption .claim__first-line strong {
    color: #FFCF57;
    font-family: "Brandon Grotesque";
    font-size: var(--font-size-first-line-strong);
    line-height: var(--font-size-first-line-strong);
    font-style: italic;
    font-weight: 800;
    letter-spacing: -8.179px;
}

.caption .claim__second-line {
    color: #FFF;
    font-family: "Brandon Grotesque";
    font-size: var(--font-size-second-line);
    line-height: var(--font-size-second-line);
    font-style: italic;
    font-weight: 800;
    letter-spacing: -5.03px;
}

.caption .claim__third-line {
    color: #FFF;
    font-family: "Brandon Grotesque";
    font-size: var(--font-size-third-line);
    line-height: var(--font-size-third-line);
    font-style: italic;
    font-weight: 800;
    letter-spacing: -3.84px;

}

.caption .claim__third-line strong {
    color: #FFCF57;
    font-family: "Brandon Grotesque";
    font-size: var(--font-size-third-line-strong);
    line-height: var(--font-size-third-line-strong);
    font-style: italic;
    font-weight: 800;
    letter-spacing: -10.445px;
}

/* claims para hotel home */
.landing-slider .banner__item:has(video) .caption.claim--hotel,
.landing-slider .owl-item:has(video) .caption.claim--hotel {
    top: 24%;
}

.landing-slider .banner__item:has(img) .caption.claim--hotel,
.landing-slider .owl-item:has(img) .caption.claim--hotel {
    top: 29%;
}

@media (max-width: 1340px) {
    .caption {
        left: 10%;
    }
}

@media (max-width:992px) {

    .caption.claim--hotel {
        top: 40% !important;
        width: max-content;
    }

    .caption.claim--hotel .claim__first-line {
        font-size: var(--font-size-first-line-hotel);
        line-height: var(--font-size-first-line-hotel);
    }

    .caption.claim--hotel .claim__first-line strong {
        font-size: var(--font-size-first-line-strong-hotel);
        line-height: var(--font-size-first-line-strong-hotel);
    }

    .caption.claim--hotel .claim__second-line {
        font-size: var(--font-size-second-line-hotel);
        line-height: var(--font-size-second-line-hotel);
        flex-wrap: wrap;
        max-width: 61vw;
        word-break: break-word;
    }

    .caption.claim--hotel .claim__third-line {
        font-size: var(--font-size-third-line-hotel);
        line-height: var(--font-size-third-line-hotel);
    }

    .caption.claim--hotel .claim__third-line strong {
        font-size: var(--font-size-third-line-strong-hotel);
        line-height: var(--font-size-third-line-strong-hotel);
    }
}

@media (max-width: 992px) {
    .caption {
        position: absolute;
        z-index: 15;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Comfortaa";
        font-weight: 700;
        font-size: 50px;
        color: #ffffff;
        line-height: 50px;
        letter-spacing: 0.2px;
    }
}

/* Fin claims para hotel home */

/* claims para Experiencias */
.caption.claim--experiencies {
    top: 24%;
}

.caption.claim--experiencies .claim__first-line {
    font-size: var(--font-size-first-line-experiences);
    line-height: var(--font-size-first-line-experiences);
}

.caption.claim--experiencies .claim__first-line strong {
    font-size: var(--font-size-first-line-strong-experiences);
    line-height: var(--font-size-first-line-strong-experiences);
}

.caption.claim--experiencies .claim__second-line {
    font-size: var(--font-size-second-line-experiences);
    line-height: var(--font-size-second-line-experiences);
}

.caption.claim--experiencies .claim__third-line {
    font-size: var(--font-size-third-line-experiences);
    line-height: var(--font-size-third-line-experiences);
}

.caption.claim--experiencies .claim__third-line strong {
    font-size: var(--font-size-third-line-strong-experiences);
    line-height: var(--font-size-third-line-strong-experiences);
}

@media (max-width: 992px) {
    .caption.claim--experiencies {
        top: 20%;
    }
}


@media (max-height: 600px) {
    .caption {
        top: 17%;
    }
}

/* Fin claims para Experiencias */