.elementor-kit-9{--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-9 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:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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 */html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}


/* ==========================================
   2. BARRA DE SCROLL PERSONALIZADA
   Funciona no Chrome, Edge, Safari
   Firefox usa propriedades separadas abaixo
========================================== */

/* Largura e formato geral da barra */
::-webkit-scrollbar {
    width: 6px;
    height: 6px; /* Para scroll horizontal se existir */
}

/* Trilho (track) — fundo da barra */
::-webkit-scrollbar-track {
    background: #0F1233; /* Azul mais escuro que o brand-primary */
    border-radius: 0;
}

/* Indicador (thumb) — parte que se move */
::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #3182CE 0%,    /* Azul Real no topo */
        #21255C 100%   /* Azul Escuro na base */
    );
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: background 0.3s ease;
}

/* Thumb ao passar o mouse */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        #4299E1 0%,    /* Azul mais claro no hover */
        #2D3A8C 100%
    );
}

/* Thumb ao clicar/arrastar */
::-webkit-scrollbar-thumb:active {
    background: #3182CE;
}

/* Canto onde as barras se encontram */
::-webkit-scrollbar-corner {
    background: #0F1233;
}

/* Firefox — scrollbar fina e discreta */
* {
    scrollbar-width: thin;
    scrollbar-color: #3182CE #0F1233;
}


/* ==========================================
   3. SELEÇÃO DE TEXTO PERSONALIZADA
   Cor de fundo e texto ao selecionar
   qualquer conteúdo da página
========================================== */

/* Seleção global */
::selection {
    background-color: #3182CE;       /* Azul Real — fundo da seleção */
    color: #FFFFFF;                  /* Texto branco sobre seleção */
    text-shadow: none;               /* Remove sombra — leitura limpa */
}

/* Prefixo Mozilla (Firefox legado) */
::-moz-selection {
    background-color: #3182CE;
    color: #FFFFFF;
    text-shadow: none;
}

/* Seleção em títulos — destaque mais forte */
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {
    background-color: #21255C;       /* Azul Escuro para títulos */
    color: #FFFFFF;
}

h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
h5::-moz-selection,
h6::-moz-selection {
    background-color: #21255C;
    color: #FFFFFF;
}


/* ==========================================
   4. REFINAMENTOS PREMIUM EXTRAS
   Pequenos detalhes que elevam a qualidade
   percebida da experiência de navegação
========================================== */

/* Cursor padrão suave nos links e botões */
a,
button,
[role="button"],
label[for],
select,
input[type="submit"],
input[type="button"] {
    cursor: pointer;
}

/* Remove outline padrão feio do browser
   mantendo acessibilidade com focus-visible */
*:focus {
    outline: none;
}

*:focus-visible {
    outline: 2px solid #3182CE;
    outline-offset: 3px;
    border-radius: 4px;
}

/* Suaviza renderização de fontes em todos
   os elementos — texto mais nítido */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Scroll suave nativo ao clicar em âncoras */
html {
    scroll-behavior: smooth;
}

/* Evita que imagens e elementos quebrem
   o layout horizontalmente */
img,
video,
iframe,
embed,
object {
    max-width: 100%;
}/* End custom CSS */