.elementor-11 .elementor-element.elementor-element-1704a21{--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;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-9d61bae{left:0px;}body.rtl .elementor-11 .elementor-element.elementor-element-9d61bae{right:0px;}.elementor-11 .elementor-element.elementor-element-9d61bae{top:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* --- 1. SELEÇÃO DE TEXTO PERSONALIZADA --- */
/* Funciona no Chrome, Safari, Edge, Opera */
::selection {
    background-color: #ff4d00 !important; /* Fundo Laranja */
    color: #ffffff !important; /* Texto Branco */
    text-shadow: none !important;
}

/* Funciona no Firefox */
::-moz-selection {
    background-color: #ff4d00 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

/* --- 2. BARRA DE ROLAGEM (SCROLLBAR) MODERNA --- */
/* Largura da barra */
::-webkit-scrollbar {
    width: 12px !important; /* Largura vertical */
    height: 12px !important; /* Altura horizontal (se houver) */
}

/* O "trilho" por onde a barra corre (Fundo) */
::-webkit-scrollbar-track {
    background: #f3f4f6 !important; /* Cinza bem clarinho */
    border-left: 1px solid #e5e7eb !important;
}

/* A "pega" da barra (Thumb) */
::-webkit-scrollbar-thumb {
    background-color: #ff4d00 !important; /* Laranja CWA */
    border-radius: 6px !important; /* Borda arredondada */
    border: 3px solid #f3f4f6 !important; /* Cria um respiro branco ao redor */
}

/* Quando passa o mouse em cima da barra */
::-webkit-scrollbar-thumb:hover {
    background-color: #111827 !important; /* Fica escuro (Dark Blue) ao focar */
}



html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}/* End custom CSS */