.elementor-311487 .elementor-element.elementor-element-0827661{--display:flex;--min-height:100vh;}.elementor-311487 .elementor-element.elementor-element-0827661:not(.elementor-motion-effects-element-type-background), .elementor-311487 .elementor-element.elementor-element-0827661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://geratriz.com.br/wp-content/uploads/2026/02/fundo-popup-1.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-311487 .elementor-element.elementor-element-9712355{--display:flex;--min-height:200px;--border-radius:1px 1px 1px 1px;}.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title{color:var( --e-global-color-a691e65 );}#elementor-popup-modal-311487{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-311487 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-311487 .dialog-close-button{display:flex;}#elementor-popup-modal-311487 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-9712355 */.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title {
    color: var(--e-global-color-a691e65);
    height: 500px;
    display: flex;

    /* adiciona o scroll vertical */
    overflow-y: auto;
    flex-direction: column; /* garante que o conteúdo fique empilhado verticalmente */
    margin-top: 10%;
    
}
/* Container do regulamento */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title {
    color: var(--e-global-color-a691e65);
    font-size: 32px;           /* título maior */
    font-weight: bold;
    text-align: center;
    margin-top: 20%;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;    /* empilha verticalmente */
    gap: 15px;                 /* espaço entre itens */
    height: 500px;             /* altura fixa com scroll */
    padding: 20px;
    overflow-y: auto;          /* scroll vertical */
}

/* Estilo dos parágrafos do regulamento */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title p {
    font-size: 14px;           /* tamanho legível */
    line-height: 1.6;
    color: #ffffff;            /* texto branco */
    margin: 0;
    text-align: justify;       /* alinha o texto bonito */
}

/* Destaque para o título principal (primeiro <p>) */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title p:first-child {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    color: var(--e-global-color-a691e65);
}

/* Estilizando a barra de rolagem da div específica */
.elementor-311487 .elementor-element.elementor-element-6c01056 {
    scrollbar-width: thin; /* Para Firefox */
    scrollbar-color: #cccccc transparent; /* Para Firefox */
}

/* Chrome, Edge e Safari */
.elementor-311487 .elementor-element.elementor-element-6c01056::-webkit-scrollbar {
    width: 6px; /* Bem fininha */
}

.elementor-311487 .elementor-element.elementor-element-6c01056::-webkit-scrollbar-track {
    background: transparent; /* Fundo invisível para ser mais discreto */
}

.elementor-311487 .elementor-element.elementor-element-6c01056::-webkit-scrollbar-thumb {
    background-color: #d1d1d1; /* Cor suave */
    border-radius: 10px; /* Bordas arredondadas */
    border: 1px solid transparent; /* Espaçamento interno */
}

/* 1. BOTÃO DE FECHAR (Ajustado para descer e ficar elegante) */
#elementor-popup-modal-311487 .elementor-popup-modal .dialog-close-button {
    color: white !important;
    top: 25px !important;    /* Aumentei aqui para ele descer mais */
    right: 20px !important;
    background: rgba(255, 255, 255, 0.1); /* Fundo sutil */
    padding: 10px;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#elementor-popup-modal-311487 .elementor-popup-modal .dialog-close-button:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

/* 2. CONTAINER DO REGULAMENTO */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title {
    color: var(--e-global-color-a691e65);
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 15%; /* Ajustado para não empurrar demais */
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 500px;
    padding: 20px;
    overflow-y: auto; /* Ativa o scroll */
    overflow-x: hidden;
}

/* 3. PARÁGRAFOS DENTRO DO REGULAMENTO */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff;
    margin: 0;
    text-align: justify;
}

/* 4. BARRA DE ROLAGEM ELEGANTE (Corrigido para o seletor certo) */

/* Firefox */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title {
    scrollbar-width: thin;
    scrollbar-color: #d1d1d1 transparent;
}

/* Chrome, Edge e Safari */
.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title::-webkit-scrollbar {
    width: 6px; /* Espessura da barra */
}

.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title::-webkit-scrollbar-track {
    background: transparent; /* Fundo invisível */
}

.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title::-webkit-scrollbar-thumb {
    background-color: rgba(209, 209, 209, 0.5); /* Cinza suave e transparente */
    border-radius: 10px;
    border: 2px solid transparent; /* Cria um respiro */
}

.elementor-311487 .elementor-element.elementor-element-6c01056 .elementor-heading-title::-webkit-scrollbar-thumb:hover {
    background-color: #ffffff; /* Fica branco ao passar o mouse */
}


.eicon-close:before {
    content: "\e87f";
    color: white !important;
    font-size: 22px; /* Deixa o X um pouco mais imponente */
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0827661 */.elementor-311487 .elementor-element.elementor-element-0827661:not(.elementor-motion-effects-element-type-background), .elementor-311487 .elementor-element.elementor-element-0827661 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: #0e3525; display: flex; justify-content: center; align-content: center; }/* End custom CSS */