.elementor-2303 .elementor-element.elementor-element-2438f677{--display:flex;}.elementor-2303 .elementor-element.elementor-element-17e9f676{width:var( --container-widget-width, 101.357% );max-width:101.357%;--container-widget-width:101.357%;--container-widget-flex-grow:0;}.elementor-2303 .elementor-element.elementor-element-17e9f676.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2303 .elementor-element.elementor-element-16b9b04{--display:flex;}.elementor-2303 .elementor-element.elementor-element-1d7b555{--display:flex;}body.elementor-page-2303:not(.elementor-motion-effects-element-type-background), body.elementor-page-2303 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#332929;}/* Start custom CSS for html, class: .elementor-element-17e9f676 */.elementor-2303 .elementor-element.elementor-element-17e9f676 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}/* End custom CSS */
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

h1, h2, h3 {
    font-family: 'Roboto', sans-serif; /* Aplica a fonte Roboto */
    background-color: #333; /* Define a cor do fundo como marrom */
    color: white; /* Define a cor do texto como branco */
    padding: 10px 20px; /* Adiciona padding para não ficar muito grudado nas bordas */
    border: 2px solid #fff; /* Adiciona uma borda sólida */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Adiciona sombra para um efeito 3D */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Suaviza a transição das propriedades transform e box-shadow */
    text-align: center; /* Centraliza o texto */
    margin: 20px auto; /* Margem para separar de outros elementos, centralizado horizontalmente */
    display: block; /* Garante que cada título é tratado como um bloco */
    width: fit-content; /* Garante que a largura seja de acordo com o conteúdo */
    max-width: 90%; /* Limita a largura máxima para evitar que seja muito largo */
    border-radius: 5px; /* Arredonda as bordas */
}

h1:hover, h2:hover, h3:hover {
    transform: scale(1.05); /* Aumenta o tamanho do título ao passar o mouse */
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.6); /* Intensifica a sombra para um efeito mais profundo */
}/* End custom CSS */