.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   PARTIU VIAGEM
   GLOBAL CSS
   ========================================================= */


/* =========================================================
   01. VARIÁVEIS DO PROJETO
   ========================================================= */

:root {

    /* CORES */

    --pv-primary: #005172;
    --pv-primary-dark: #08425a;
    --pv-primary-deep: #032f40;

    --pv-orange: #ff6100;
    --pv-orange-dark: #d94f00;

    --pv-white: #fdfdfd;

    --pv-dark: #323232;
    --pv-dark-deep: #202020;

    --pv-text: #323232;
    --pv-text-soft: #68777d;

    --pv-bg-white: #fdfdfd;
    --pv-bg-light: #f3f7f8;
    --pv-bg-soft: #eaf1f3;


    /* DEGRADÊS */

    --pv-gradient-primary:
        linear-gradient(
            135deg,
            #005172 0%,
            #08425a 100%
        );

    --pv-gradient-primary-dark:
        linear-gradient(
            135deg,
            #08425a 0%,
            #032f40 100%
        );

    --pv-gradient-orange:
        linear-gradient(
            135deg,
            #ff6100 0%,
            #d94f00 100%
        );

    --pv-gradient-dark:
        linear-gradient(
            135deg,
            #323232 0%,
            #202020 100%
        );


    /* CONTAINER */

    --pv-container: 1240px;

    --pv-gutter-desktop: 40px;
    --pv-gutter-tablet: 28px;
    --pv-gutter-mobile: 20px;


    /* ESPAÇAMENTO */

    --pv-section-space: 100px;
    --pv-section-space-tablet: 80px;
    --pv-section-space-mobile: 60px;


    /* BORDAS */

    --pv-radius-xs: 8px;
    --pv-radius-sm: 12px;
    --pv-radius-md: 18px;
    --pv-radius-lg: 26px;
    --pv-radius-xl: 34px;


    /* SOMBRAS */

    --pv-shadow-sm:
        0 8px 24px rgba(0, 40, 55, 0.07);

    --pv-shadow-md:
        0 18px 50px rgba(0, 40, 55, 0.11);

    --pv-shadow-lg:
        0 28px 80px rgba(0, 40, 55, 0.17);


    /* TRANSIÇÕES */

    --pv-transition:
        0.28s cubic-bezier(.2, .8, .2, 1);

}


/* =========================================================
   02. RESET
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {

    margin: 0;

    font-family:
        "Proxima Nova",
        Arial,
        Helvetica,
        sans-serif;

    font-size: 18px;
    line-height: 1.6;

    color: var(--pv-text);
    background: var(--pv-bg-white);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}


/* =========================================================
   03. CONTAINER GLOBAL
   ========================================================= */

.pv-container {

    width:
        min(
            calc(100% - 80px),
            var(--pv-container)
        );

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   04. SESSÕES
   ========================================================= */

.pv-section {

    position: relative;

    width: 100%;

    padding:
        var(--pv-section-space)
        0;

    overflow: hidden;
}


/* BRANCO */

.pv-bg-white {
    background: var(--pv-bg-white);
    color: var(--pv-text);
}


/* CINZA AZULADO CLARO */

.pv-bg-light {
    background: var(--pv-bg-light);
    color: var(--pv-text);
}


/* AZUL SUAVE */

.pv-bg-soft {
    background: var(--pv-bg-soft);
    color: var(--pv-text);
}


/* AZUL PRINCIPAL */

.pv-bg-primary {

    background:
        var(--pv-gradient-primary);

    color:
        var(--pv-white);
}


/* AZUL ESCURO */

.pv-bg-primary-dark {

    background:
        var(--pv-gradient-primary-dark);

    color:
        var(--pv-white);
}


/* ESCURO */

.pv-bg-dark {

    background:
        var(--pv-gradient-dark);

    color:
        var(--pv-white);
}


/* LARANJA */

.pv-bg-orange {

    background:
        var(--pv-gradient-orange);

    color:
        var(--pv-white);
}


/* =========================================================
   05. TIPOGRAFIA
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {

    margin:
        0;

    font-family:
        "Proxima Nova",
        Arial,
        sans-serif;

    color:
        inherit;
}


/* H1 / HERO */

.pv-h1 {

    font-size:
        clamp(
            52px,
            6vw,
            94px
        );

    line-height:
        0.92;

    font-weight:
        900;

    font-style:
        italic;

    letter-spacing:
        -0.045em;

    text-wrap:
        balance;
}


/* H2 / TÍTULOS DE SESSÃO */

.pv-h2 {

    font-size:
        clamp(
            40px,
            4.4vw,
            66px
        );

    line-height:
        0.98;

    font-weight:
        900;

    font-style:
        italic;

    letter-spacing:
        -0.04em;

    text-wrap:
        balance;
}


/* H3 */

.pv-h3 {

    font-size:
        clamp(
            28px,
            2.6vw,
            40px
        );

    line-height:
        1.05;

    font-weight:
        800;

    font-style:
        italic;

    letter-spacing:
        -0.025em;
}


/* TÍTULO MENOR */

.pv-h4 {

    font-size:
        24px;

    line-height:
        1.1;

    font-weight:
        800;
}


/* TEXTO PADRÃO */

.pv-text {

    margin: 0;

    font-size:
        18px;

    line-height:
        1.65;

    color:
        var(--pv-text-soft);
}


/* TEXTO MAIOR */

.pv-text-lg {

    font-size:
        clamp(
            18px,
            1.45vw,
            21px
        );

    line-height:
        1.6;
}


/* TEXTO PEQUENO */

.pv-text-sm {

    font-size:
        15px;

    line-height:
        1.5;
}


/* TEXTO EM FUNDO ESCURO */

.pv-bg-primary .pv-text,
.pv-bg-primary-dark .pv-text,
.pv-bg-dark .pv-text,
.pv-bg-orange .pv-text {

    color:
        rgba(253, 253, 253, 0.78);
}


/* DESTAQUES */

.pv-orange {
    color: var(--pv-orange);
}

.pv-blue {
    color: var(--pv-primary);
}

.pv-white {
    color: var(--pv-white);
}


/* PESOS */

.pv-bold {
    font-weight: 700;
}

.pv-bold-italic {
    font-weight: 700;
    font-style: italic;
}

.pv-black {
    font-weight: 900;
}

.pv-black-italic {
    font-weight: 900;
    font-style: italic;
}


/* =========================================================
   06. CABEÇALHO DE SESSÃO
   ========================================================= */

.pv-section-head {

    width:
        min(
            760px,
            100%
        );

    margin-bottom:
        48px;
}

.pv-section-head--center {

    margin-left:
        auto;

    margin-right:
        auto;

    text-align:
        center;
}

.pv-section-head .pv-text {

    margin-top:
        20px;
}


/* =========================================================
   07. BOTÕES
   ========================================================= */

.pv-btn {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    min-height:
        58px;

    padding:
        0 28px;

    border:
        0;

    border-radius:
        14px;

    font-family:
        "Proxima Nova",
        Arial,
        sans-serif;

    font-size:
        15px;

    font-weight:
        800;

    line-height:
        1;

    cursor:
        pointer;

    overflow:
        hidden;

    transition:
        transform var(--pv-transition),
        box-shadow var(--pv-transition),
        background var(--pv-transition),
        color var(--pv-transition),
        border-color var(--pv-transition);
}


/* LARANJA */

.pv-btn-primary {

    color:
        var(--pv-white);

    background:
        var(--pv-gradient-orange);

    box-shadow:
        0 12px 30px rgba(255, 97, 0, 0.24);
}

.pv-btn-primary:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 38px rgba(255, 97, 0, 0.34);
}


/* AZUL */

.pv-btn-blue {

    color:
        var(--pv-white);

    background:
        var(--pv-gradient-primary);

    box-shadow:
        0 12px 30px rgba(0, 81, 114, 0.22);
}

.pv-btn-blue:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 38px rgba(0, 81, 114, 0.3);
}


/* ESCURO */

.pv-btn-dark {

    color:
        var(--pv-white);

    background:
        var(--pv-gradient-dark);
}

.pv-btn-dark:hover {

    transform:
        translateY(-3px);

    box-shadow:
        var(--pv-shadow-md);
}


/* BRANCO */

.pv-btn-white {

    color:
        var(--pv-primary);

    background:
        var(--pv-white);

    box-shadow:
        var(--pv-shadow-sm);
}

.pv-btn-white:hover {

    transform:
        translateY(-3px);

    box-shadow:
        var(--pv-shadow-md);
}


/* CONTORNO */

.pv-btn-outline {

    color:
        var(--pv-primary);

    background:
        transparent;

    border:
        1px solid rgba(0, 81, 114, 0.22);
}

.pv-btn-outline:hover {

    color:
        var(--pv-white);

    background:
        var(--pv-primary);

    border-color:
        var(--pv-primary);

    transform:
        translateY(-2px);
}


/* CONTORNO EM FUNDO ESCURO */

.pv-bg-primary .pv-btn-outline,
.pv-bg-primary-dark .pv-btn-outline,
.pv-bg-dark .pv-btn-outline {

    color:
        var(--pv-white);

    border-color:
        rgba(255, 255, 255, 0.25);
}

.pv-bg-primary .pv-btn-outline:hover,
.pv-bg-primary-dark .pv-btn-outline:hover,
.pv-bg-dark .pv-btn-outline:hover {

    color:
        var(--pv-primary);

    background:
        var(--pv-white);

    border-color:
        var(--pv-white);
}


/* =========================================================
   08. BRILHO DOS BOTÕES
   ========================================================= */

.pv-btn-primary::before,
.pv-btn-blue::before {

    content:
        "";

    position:
        absolute;

    top:
        -100%;

    left:
        -70%;

    width:
        35%;

    height:
        300%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.22),
            transparent
        );

    transform:
        rotate(20deg);

    transition:
        left .65s ease;
}

.pv-btn-primary:hover::before,
.pv-btn-blue:hover::before {

    left:
        140%;
}


/* =========================================================
   09. GRUPO DE BOTÕES
   ========================================================= */

.pv-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        30px;
}


/* =========================================================
   10. CARDS
   ========================================================= */

.pv-card {

    position:
        relative;

    background:
        var(--pv-white);

    color:
        var(--pv-text);

    border:
        1px solid rgba(0, 81, 114, 0.10);

    border-radius:
        var(--pv-radius-lg);

    box-shadow:
        var(--pv-shadow-sm);

    overflow:
        hidden;

    transition:
        transform var(--pv-transition),
        box-shadow var(--pv-transition);
}

.pv-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        var(--pv-shadow-md);
}


/* CARD AZUL */

.pv-card-blue {

    color:
        var(--pv-white);

    background:
        var(--pv-gradient-primary);

    border-color:
        rgba(255,255,255,.10);
}


/* CARD ESCURO */

.pv-card-dark {

    color:
        var(--pv-white);

    background:
        var(--pv-gradient-dark);

    border-color:
        rgba(255,255,255,.08);
}


/* =========================================================
   11. CARDS DE DESTINO COM FOTO
   ========================================================= */

.pv-destination-card {

    position:
        relative;

    min-height:
        420px;

    border-radius:
        var(--pv-radius-lg);

    overflow:
        hidden;

    background:
        var(--pv-dark);

    box-shadow:
        var(--pv-shadow-md);

    isolation:
        isolate;
}

.pv-destination-card img {

    position:
        absolute;

    inset:
        0;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .6s cubic-bezier(.2,.8,.2,1);
}

.pv-destination-card::after {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 10%,
            rgba(0,0,0,.18) 45%,
            rgba(0,0,0,.82) 100%
        );
}

.pv-destination-card:hover img {

    transform:
        scale(1.05);
}


/* =========================================================
   12. BADGES
   ========================================================= */

.pv-badge {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        30px;

    padding:
        0 12px;

    border-radius:
        999px;

    font-size:
        12px;

    font-weight:
        800;

    line-height:
        1;
}

.pv-badge-orange {

    color:
        var(--pv-white);

    background:
        var(--pv-orange);
}

.pv-badge-blue {

    color:
        var(--pv-white);

    background:
        var(--pv-primary);
}

.pv-badge-dark {

    color:
        var(--pv-white);

    background:
        var(--pv-dark);
}

.pv-badge-white {

    color:
        var(--pv-dark);

    background:
        rgba(253,253,253,.92);

    backdrop-filter:
        blur(8px);
}


/* =========================================================
   13. GRID
   ========================================================= */

.pv-grid {

    display:
        grid;

    gap:
        24px;
}

.pv-grid-2 {

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

.pv-grid-3 {

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

.pv-grid-4 {

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


/* =========================================================
   14. FLEX
   ========================================================= */

.pv-flex {

    display:
        flex;
}

.pv-flex-center {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}

.pv-flex-between {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;
}


/* =========================================================
   15. GLASS / ELEMENTOS SOBRE IMAGEM
   ========================================================= */

.pv-glass {

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

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

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

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


/* =========================================================
   16. IMAGENS
   ========================================================= */

.pv-image {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}

.pv-image-frame {

    position:
        relative;

    overflow:
        hidden;

    border-radius:
        var(--pv-radius-xl);

    box-shadow:
        var(--pv-shadow-lg);
}


/* =========================================================
   17. FORMULÁRIOS
   ========================================================= */

.pv-field {

    width:
        100%;
}

.pv-label {

    display:
        block;

    margin-bottom:
        8px;

    font-size:
        14px;

    font-weight:
        700;

    color:
        var(--pv-dark);
}

.pv-input,
.pv-select,
.pv-textarea {

    width:
        100%;

    color:
        var(--pv-text);

    background:
        var(--pv-white);

    border:
        1px solid rgba(0, 81, 114, 0.15);

    border-radius:
        var(--pv-radius-sm);

    outline:
        none;

    transition:
        border-color var(--pv-transition),
        box-shadow var(--pv-transition);
}

.pv-input,
.pv-select {

    min-height:
        56px;

    padding:
        0 17px;
}

.pv-textarea {

    min-height:
        150px;

    padding:
        17px;

    resize:
        vertical;
}

.pv-input:focus,
.pv-select:focus,
.pv-textarea:focus {

    border-color:
        var(--pv-orange);

    box-shadow:
        0 0 0 4px rgba(255, 97, 0, 0.10);
}


/* =========================================================
   18. ÍCONES
   ========================================================= */

.pv-icon-box {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        48px;

    height:
        48px;

    flex:
        0 0 48px;

    color:
        var(--pv-orange);

    background:
        rgba(255, 97, 0, .10);

    border-radius:
        14px;
}


/* =========================================================
   19. LINHAS E DIVISORES
   ========================================================= */

.pv-divider {

    width:
        100%;

    height:
        1px;

    margin:
        0;

    border:
        0;

    background:
        rgba(0, 81, 114, .10);
}

.pv-bg-primary .pv-divider,
.pv-bg-primary-dark .pv-divider,
.pv-bg-dark .pv-divider {

    background:
        rgba(255,255,255,.12);
}


/* =========================================================
   20. LINKS
   ========================================================= */

.pv-link {

    position:
        relative;

    color:
        var(--pv-primary);

    font-weight:
        700;

    transition:
        color var(--pv-transition);
}

.pv-link:hover {

    color:
        var(--pv-orange);
}


/* =========================================================
   21. UTILITÁRIOS
   ========================================================= */

.pv-relative {
    position: relative;
}

.pv-hidden-overflow {
    overflow: hidden;
}

.pv-center {
    text-align: center;
}

.pv-left {
    text-align: left;
}

.pv-right {
    text-align: right;
}

.pv-mt-8 {
    margin-top: 8px;
}

.pv-mt-16 {
    margin-top: 16px;
}

.pv-mt-24 {
    margin-top: 24px;
}

.pv-mt-32 {
    margin-top: 32px;
}

.pv-mt-40 {
    margin-top: 40px;
}

.pv-mt-48 {
    margin-top: 48px;
}

.pv-mb-0 {
    margin-bottom: 0;
}


/* =========================================================
   22. SELEÇÃO DE TEXTO
   ========================================================= */

::selection {

    color:
        var(--pv-white);

    background:
        var(--pv-orange);
}


/* =========================================================
   23. FOCUS
   ========================================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {

    outline:
        3px solid rgba(255,97,0,.35);

    outline-offset:
        3px;
}


/* =========================================================
   24. TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .pv-container {

        width:
            calc(100% - 56px);
    }

    .pv-section {

        padding:
            var(--pv-section-space-tablet)
            0;
    }

    .pv-grid-4 {

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

    .pv-grid-3 {

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

}


/* =========================================================
   25. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body {

        font-size:
            17px;
    }

    .pv-container {

        width:
            calc(100% - 40px);
    }

    .pv-section {

        padding:
            var(--pv-section-space-mobile)
            0;
    }


    /* TITULOS */

    .pv-h1 {

        font-size:
            clamp(
                44px,
                14vw,
                68px
            );

        line-height:
            .94;
    }

    .pv-h2 {

        font-size:
            clamp(
                36px,
                10.5vw,
                50px
            );

        line-height:
            .98;
    }

    .pv-h3 {

        font-size:
            30px;
    }


    /* TEXTO */

    .pv-text {

        font-size:
            17px;
    }


    /* HEAD */

    .pv-section-head {

        margin-bottom:
            34px;
    }


    /* GRID */

    .pv-grid-2,
    .pv-grid-3,
    .pv-grid-4 {

        grid-template-columns:
            1fr;
    }


    /* BOTÕES */

    .pv-actions {

        width:
            100%;
    }

    .pv-actions .pv-btn {

        width:
            100%;
    }

    .pv-btn {

        min-height:
            56px;
    }


    /* DESTINOS */

    .pv-destination-card {

        min-height:
            380px;
    }

}


/* =========================================================
   26. MOBILE PEQUENO
   ========================================================= */

@media (max-width: 420px) {

    .pv-container {

        width:
            calc(100% - 32px);
    }

    .pv-section {

        padding:
            52px 0;
    }

    .pv-h1 {

        font-size:
            44px;
    }

    .pv-h2 {

        font-size:
            36px;
    }

}


/* =========================================================
   27. REDUÇÃO DE MOVIMENTO
   ========================================================= */

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

    *,
    *::before,
    *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }

}/* End custom CSS */