.elementor-kit-22{--e-global-color-primary:#510A47;--e-global-color-secondary:#18181A;--e-global-color-text:#58585E;--e-global-color-accent:#6662D9;--e-global-color-1fbf0dc:#FFFFFF;--e-global-color-e720761:#CE1CB9;--e-global-color-9c65ebb:#0FA5FF;--e-global-color-3af9c62:#21033A;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;--e-global-typography-ac67f83-font-family:"Montserrat Alternates";--e-global-typography-ac67f83-font-weight:700;--e-global-typography-95bec84-font-family:"Montserrat";--e-global-typography-95bec84-font-size:0.9em;--e-global-typography-95bec84-font-weight:600;--e-global-typography-95bec84-text-transform:uppercase;--e-global-typography-95bec84-line-height:1em;--e-global-typography-047faee-font-family:"Montserrat";--e-global-typography-047faee-font-weight:800;--e-global-typography-047faee-text-transform:uppercase;--e-global-typography-047faee-line-height:1rem;}.elementor-kit-22 button,.elementor-kit-22 input[type="button"],.elementor-kit-22 input[type="submit"],.elementor-kit-22 .elementor-button{background-color:#FFFFFF4D;font-family:"Montserrat", Sans-serif;font-size:0.9em;font-weight:600;text-transform:uppercase;line-height:1em;color:var( --e-global-color-secondary );border-style:none;border-radius:2rem 2rem 2rem 2rem;padding:1rem 1rem 1rem 1rem;}.elementor-kit-22 button:hover,.elementor-kit-22 button:focus,.elementor-kit-22 input[type="button"]:hover,.elementor-kit-22 input[type="button"]:focus,.elementor-kit-22 input[type="submit"]:hover,.elementor-kit-22 input[type="submit"]:focus,.elementor-kit-22 .elementor-button:hover,.elementor-kit-22 .elementor-button:focus{background-color:#FFFFFF85;color:var( --e-global-color-secondary );box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);border-style:none;border-radius:2rem 2rem 2rem 2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:500px;}.e-con{--container-max-width:500px;}{}h1.entry-title{display:var(--page-title-display);}@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:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0rem;--container-default-padding-right:1.2rem;--container-default-padding-bottom:0rem;--container-default-padding-left:1.2rem;}}
/* Start custom CSS *//* ============================================
   1. FONTES PERSONALIZADAS (CyGroteskCampanha)
   ============================================ */
@font-face {
    font-family: 'CyGroteskCampanha';
    src: url('https://betravel.pt/befontes/CyGrotesk-Heavy.otf') format('opentype');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'CyGroteskCampanha';
    src: url('https://betravel.pt/befontes/CyGrotesk-Medium.otf') format('opentype');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'CyGroteskCampanha';
    src: url('https://betravel.pt/befontes/CyGrotesk-Regular.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
}

/* ============================================
   2. CLASSES UTILITÁRIAS DE FONTE (USO MANUAL)
   ============================================ */
.fonte-campanha-exclusiva {
    font-family: 'CyGroteskCampanha', sans-serif !important;
    font-weight: 900 !important;
}

.fe-400 {
    font-family: 'CyGroteskCampanha', sans-serif !important;
    font-weight: 400 !important;
}

.fonte-especial {
    font-family: 'CyGroteskCampanha', sans-serif !important;
    font-weight: 500 !important;
}

.fe-900 {
    font-family: 'CyGroteskCampanha', sans-serif !important;
    font-weight: 900 !important;
}

.betravel-style {
    font-family: 'Montserrat Alternates', 'Montserrat Alternates Bold', sans-serif;
    font-weight: bold;
}

/* ============================================
   3. CLASSE PARA TÍTULOS GRANDES (USO MANUAL)
   ============================================ */
.titulo-campanha-grande,
.titulo-campanha-grande.elementor-heading-title,
.elementor-heading-title.titulo-campanha-grande {
    font-family: 'CyGroteskCampanha', sans-serif !important;
    font-weight: 900 !important;
    font-size: 48px !important;
    line-height: 1.1 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* Forçar em contextos específicos */
h1.titulo-campanha-grande,
h2.titulo-campanha-grande,
h3.titulo-campanha-grande,
.elementor-widget-heading .elementor-heading-title.titulo-campanha-grande {
    font-family: 'CyGroteskCampanha', sans-serif !important;
    font-weight: 900 !important;
}

/* ============================================
   4. GRADIENTE DE TEXTO
   ============================================ */
.texto-gradiente {
    background-image: linear-gradient(80deg, var(--e-global-color-e720761) 0%, var(--e-global-color-9c65ebb) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
}

.text-degrade, 
.text-degrade .elementor-button-text {
    background: linear-gradient(135deg, #CE1CB9 0%, #0FA5FF 100%)!important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block;
}

/* ============================================
   5. EFEITO GLASS BOX (VIDRO FOSCO)
   ============================================ */
.glass-box {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(25px);
}

/* ============================================
   6. FUNDO ANIMADO
   ============================================ */
.betravel-bg {
    background: radial-gradient(circle at 50% 50%, #D0F4F3, #CADFF5, #C4C6F8, #DBBFF8, #EABBFA);
    background-size: 500% 400%;
    animation: gradientMove 8s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */