.elementor-8060 .elementor-element.elementor-element-21c1ac2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d5638af *//* =========================================================
   VITTAHUB — PERFIL DO PROFISSIONAL
========================================================= */

.vh-profile {
    background: #F8F6F2;
    color: #0A1C2E;
    font-family: "Inter", Arial, sans-serif;
}


/* HERO */

.vh-profile-hero {
    padding: 55px 0;

    background:
        linear-gradient(
            135deg,
            #071521,
            #0E2C42
        );
}

.vh-profile-hero__container {
    width: min(92%, 1500px);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        210px
        1fr
        340px;

    gap: 38px;

    align-items: center;
}


/* FOTO */

.vh-profile-photo-wrap {
    position: relative;
}

.vh-profile-photo {
    width: 210px;
    height: 210px;

    object-fit: cover;

    border-radius: 22px;

    border:
        3px solid
        rgba(225,188,114,.55);
}

.vh-profile-verified {
    position: absolute;

    left: 15px;
    bottom: 14px;

    padding: 6px 11px;

    border-radius: 20px;

    background:
        rgba(8,19,31,.86);

    color: #E1BC72;

    font-size: 10px;
}


/* DADOS */

.vh-profile-badges {
    display: flex;
    gap: 8px;

    margin-bottom: 12px;
}

.vh-profile-badges span {
    padding: 5px 10px;

    border-radius: 16px;

    color: #E1BC72;

    border:
        1px solid
        rgba(225,188,114,.28);

    font-size: 10px;
}

.vh-profile-main h1 {
    margin: 0;

    color: #F5F0E7;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            44px,
            4vw,
            62px
        );

    line-height: 1;
}

.vh-profile-title {
    margin:
        8px
        0
        13px;

    color: #C5D0DA;

    font-size: 16px;
}

.vh-profile-rating {
    display: flex;
    gap: 8px;

    font-size: 13px;
}

.vh-profile-rating strong {
    color: #E1BC72;
}

.vh-profile-rating span,
.vh-profile-location {
    color: #B5C2D0;
}

.vh-profile-location {
    margin-top: 8px;
    font-size: 13px;
}

.vh-profile-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 18px;
}

.vh-profile-tags span {
    padding: 6px 10px;

    border-radius: 16px;

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

    color: #D7DEE5;

    font-size: 10px;
}


/* BOOKING */

.vh-profile-booking {
    padding: 26px;

    border-radius: 20px;

    background:
        #FFFFFF;

    box-shadow:
        0 18px 55px
        rgba(0,0,0,.18);
}

.vh-profile-booking__eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #B88235;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;
}

.vh-profile-booking h2 {
    margin: 0;

    color: #0A1C2E;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 23px;
}

.vh-profile-booking h2 strong {
    display: block;

    margin-top: 4px;

    color: #B88235;

    font-size: 34px;
}

.vh-profile-booking__info {
    display: flex;
    gap: 6px;

    margin-top: 8px;

    color: #727C84;

    font-size: 11px;
}

.vh-profile-booking__next {
    margin-top: 17px;

    padding-top: 14px;

    border-top:
        1px solid #ECE7DF;

    color: #6A747C;

    font-size: 11px;
}

.vh-profile-booking__next strong {
    display: block;

    margin-top: 3px;

    color: #0A1C2E;

    font-size: 13px;
}

.vh-profile-booking__times {
    display: flex;
    gap: 6px;

    margin-top: 13px;
}

.vh-profile-booking__times button {
    flex: 1;

    min-height: 38px;

    border: 0;

    border-radius: 9px;

    background: #F1F1EF;

    cursor: pointer;
}

.vh-profile-booking__button {
    min-height: 50px;

    margin-top: 15px;

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

    padding:
        0
        20px;

    border-radius: 11px;

    color: #08131F;

    text-decoration: none;

    font-weight: 700;

    background:
        linear-gradient(
            135deg,
            #E1BC72,
            #C99A45
        );
}


/* NAV */

.vh-profile-nav {
    position: sticky;

    top: 0;

    z-index: 90;

    background: #FFF;

    border-bottom:
        1px solid #E7E2DA;
}

.vh-profile-nav__container {
    width: min(92%, 1500px);

    margin: 0 auto;

    display: flex;

    gap: 34px;

    overflow-x: auto;
}

.vh-profile-nav a {
    position: relative;

    padding:
        18px
        0;

    flex-shrink: 0;

    color: #66727B;

    text-decoration: none;

    font-size: 12px;
    font-weight: 600;
}

.vh-profile-nav a.active,
.vh-profile-nav a:hover {
    color: #B88235;
}


/* CONTEÚDO */

.vh-profile-content {
    padding:
        60px
        0
        100px;
}

.vh-profile-content__container {
    width: min(92%, 1350px);

    margin: 0 auto;

    display: grid;

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

    gap: 45px;
}

.vh-profile-section {
    padding:
        0
        0
        55px;

    margin-bottom: 55px;

    border-bottom:
        1px solid #E3DED6;
}

.vh-profile-section__eyebrow {
    color: #B88235;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2.5px;
}

.vh-profile-section h2 {
    margin:
        8px
        0
        18px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

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

.vh-profile-section > p {
    max-width: 850px;

    color: #66717A;

    font-size: 15px;

    line-height: 1.75;
}


/* ESPECIALIDADES */

.vh-profile-specialties {
    display: grid;

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

    gap: 15px;
}

.vh-profile-specialties article {
    padding: 22px;

    border-radius: 14px;

    background: #FFF;

    border:
        1px solid #E6E1DA;
}

.vh-profile-specialties h3 {
    margin:
        0
        0
        8px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 22px;
}

.vh-profile-specialties p {
    margin: 0;

    color: #6E787F;

    font-size: 12px;
    line-height: 1.6;
}


/* SERVIÇOS */

.vh-profile-services {
    display: flex;
    flex-direction: column;

    gap: 14px;
}

.vh-service-card {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding: 24px;

    border-radius: 15px;

    background: #FFF;

    border:
        1px solid #E4DED6;
}

.vh-service-card h3 {
    margin: 0 0 6px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 24px;
}

.vh-service-card p {
    margin: 0;

    color: #727B83;

    font-size: 12px;
}

.vh-service-card__meta {
    display: flex;

    gap: 10px;

    margin-top: 10px;
}

.vh-service-card__meta span {
    padding: 5px 9px;

    border-radius: 13px;

    background: #F1F1EF;

    font-size: 10px;
}

.vh-service-card__side {
    min-width: 150px;

    text-align: right;
}

.vh-service-card__side strong {
    display: block;

    color: #B88235;

    font-size: 22px;
}

.vh-service-card__side a {
    display: inline-flex;

    margin-top: 8px;

    color: #0A1C2E;

    font-size: 11px;

    text-decoration: none;

    font-weight: 700;
}


/* TIMELINE */

.vh-profile-timeline__item {
    display: grid;

    grid-template-columns:
        90px
        1fr;

    gap: 20px;

    padding:
        18px
        0;

    border-bottom:
        1px solid #E9E4DD;
}

.vh-profile-timeline__item > span {
    color: #C99A45;

    font-size: 13px;

    font-weight: 700;
}

.vh-profile-timeline__item h3 {
    margin: 0;

    font-size: 16px;
}

.vh-profile-timeline__item p {
    margin:
        4px
        0
        0;

    color: #778088;

    font-size: 12px;
}


/* AVALIAÇÕES */

.vh-profile-review-summary {
    display: flex;
    align-items: center;

    gap: 20px;

    margin-bottom: 20px;
}

.vh-profile-review-summary strong {
    display: block;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 48px;
}

.vh-profile-review-summary span {
    color: #C99A45;
}

.vh-profile-review-summary p {
    color: #80888E;

    font-size: 12px;
}

.vh-profile-reviews {
    display: grid;

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

    gap: 15px;
}

.vh-profile-reviews article {
    padding: 20px;

    border-radius: 14px;

    background: #FFF;

    border:
        1px solid #E5E0D8;
}

.vh-review-header {
    display: flex;
    justify-content: space-between;
}

.vh-review-header span {
    color: #C99A45;
}

.vh-profile-reviews p {
    color: #6E7880;

    font-size: 12px;
    line-height: 1.6;
}


/* CURSOS */

.vh-profile-courses article {
    display: grid;

    grid-template-columns:
        180px
        1fr;

    gap: 20px;

    overflow: hidden;

    border-radius: 15px;

    background: #FFF;

    border:
        1px solid #E4DED7;
}

.vh-profile-course__image img {
    width: 100%;
    height: 100%;

    min-height: 150px;

    display: block;

    object-fit: cover;
}

.vh-profile-course__content {
    padding:
        20px
        20px
        20px
        0;
}

.vh-profile-course__content > span {
    color: #B88235;

    font-size: 10px;

    font-weight: 700;
}

.vh-profile-course__content h3 {
    margin:
        7px
        0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 24px;
}

.vh-profile-course__content p {
    color: #717A81;

    font-size: 12px;
}

.vh-profile-course__content a {
    color: #B88235;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;
}


/* SIDEBAR */

.vh-profile-side {
    display: flex;
    flex-direction: column;

    gap: 15px;
}

.vh-profile-side__card {
    padding: 20px;

    border-radius: 14px;

    background: #FFF;

    border:
        1px solid #E5E0D8;
}

.vh-profile-side__card h3 {
    margin: 0 0 12px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 20px;
}

.vh-profile-side__card ul {
    padding: 0;
    margin: 0;

    list-style: none;
}

.vh-profile-side__card li,
.vh-profile-side__card p,
.vh-profile-side__card a {
    color: #6C767E;

    font-size: 11px;

    line-height: 1.8;
}


/* MOBILE CTA */

.vh-profile-mobile-cta {
    display: none;
}


/* RESPONSIVO */

@media (max-width: 1100px) {

    .vh-profile-hero__container {
        grid-template-columns:
            180px
            1fr;
    }

    .vh-profile-booking {
        grid-column:
            1 / -1;
    }

}

@media (max-width: 850px) {

    .vh-profile-content__container {
        grid-template-columns: 1fr;
    }

    .vh-profile-side {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);
    }

}

@media (max-width: 650px) {

    .vh-profile-hero__container {
        grid-template-columns: 1fr;

        text-align: center;
    }

    .vh-profile-photo {
        width: 170px;
        height: 170px;
    }

    .vh-profile-photo-wrap {
        margin: 0 auto;
    }

    .vh-profile-badges,
    .vh-profile-tags,
    .vh-profile-rating {
        justify-content: center;
    }

    .vh-profile-booking {
        display: none;
    }

    .vh-profile-specialties,
    .vh-profile-reviews {
        grid-template-columns: 1fr;
    }

    .vh-service-card {
        flex-direction: column;

        align-items: flex-start;
    }

    .vh-service-card__side {
        width: 100%;

        text-align: left;
    }

    .vh-profile-courses article {
        grid-template-columns: 1fr;
    }

    .vh-profile-course__content {
        padding: 18px;
    }

    .vh-profile-side {
        grid-template-columns: 1fr;
    }

    .vh-profile-mobile-cta {
        position: fixed;

        left: 0;
        right: 0;
        bottom: 0;

        z-index: 999;

        display: flex;

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

        padding:
            12px
            18px;

        background: #08131F;

        border-top:
            1px solid
            rgba(201,154,69,.35);
    }

    .vh-profile-mobile-cta small {
        display: block;

        color: #B5C2D0;

        font-size: 9px;
    }

    .vh-profile-mobile-cta strong {
        color: #E1BC72;

        font-size: 18px;
    }

    .vh-profile-mobile-cta a {
        padding:
            13px
            22px;

        border-radius: 10px;

        background:
            linear-gradient(
                135deg,
                #E1BC72,
                #C99A45
            );

        color: #08131F;

        text-decoration: none;

        font-weight: 700;

        font-size: 12px;
    }

}/* End custom CSS */