.elementor-209 .elementor-element.elementor-element-6a055042{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a7b1757 */<style>
    @font-face {
        font-family: 'Clash Display';
        src: url('path/to/ClashDisplay-Semibold.woff2') format('woff2'); 
        font-weight: 400; 
        font-style: normal;
    }

    .clash-display-semi-bold {
        font-family: 'Clash Display', sans-serif !important;
        font-weight: 400 !important;
    }
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    a {
        color: #fff; 
        text-decoration: none;
    }
    .pg-footer {
        font-family: 'Roboto', sans-serif;
        width: 100%;
        background-color: #1b1b1b;
    }
    .footer {
        position: relative;
    }

    /* Onda SVG no topo do rodapé */
    .footer-wave-svg {
        display: block;
        width: 100%;
        height: 100px;
        fill: #f0f5fa; 
    }

    /* === CONTEÚDO PRINCIPAL DO RODAPÉ (SOMENTE COLUNAS) === */
    .footer-content {
        display: flex; 
        align-items: center; /* Centraliza verticalmente o wrapper de colunas */
        justify-content: flex-start; 
        
        padding: 40px 20px;
        max-width: 1200px;
        margin: 0 auto;
        flex-wrap: wrap;
    }

    /* REGRAS DO ÍCONE REMOVIDAS */
    
    /* Wrapper para as Colunas */
    .footer-columns-wrapper {
        display: flex;
        flex-grow: 1; 
        flex-wrap: wrap;
        justify-content: space-between; /* Mantido para enviar colunas para as extremidades */
        max-width: 100%;
    }

    .footer-content-column {
        flex-basis: auto; 
        max-width: 500px; /* Largura padrão */
        padding: 0 10px; 
        text-align: left;
        margin-bottom: 20px;
    }

    /* Estilo do texto descritivo (Blogger, etc.) */
    .footer-text-description {
        font-size: 1rem;
        color: #AAAAAA;
        margin-top: 12px;
        line-height: 1.5;
    }

    /* Estilização específica para o texto do Blog/Logo */
    .footer-text-logo {
        font-size: 1.8rem;
        color: #FFFFFF;
        margin-top: 10px;
        text-decoration: none;
        display: block;
    }
    
    /* 3. Estilização do Contato */
    .footer-call-to-action-title {
        font-size: 1.5rem;
        margin-bottom: 10px;
        color: #FFFFFF;
    }
    .footer-call-to-action-link-wrapper {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-top: 15px;
    }
    .footer-call-to-action-link {
        font-size: 1.25rem;
        color: #aeff00; 
        text-decoration: none;
        display: block;
    }
    
    /* 4. ESTILIZAÇÃO DO COPYRIGHT */
    .footer-copyright {
        padding: 10px 0;
        text-align: center;
        border-top: 1px solid #333;
        background-color: #aeff00; 
    }
    .footer-copyright-wrapper p {
        margin: 0;
        font-size: 0.9rem;
        color: #AAAAAA; 
    }
    .footer-copyright-wrapper a {
        color: #AAAAAA; 
        text-decoration: none;
        font-weight: 500;
    }

    /* ================================================= */
    /* === MEDIA QUERIES (Responsividade) === */
    /* ================================================= */

    @media (min-width: 769px) {
        .footer-columns-wrapper {
            /* Como não há ícone, o wrapper ocupa 100% da largura do .footer-content */
            max-width: 100%; 
        }
        .footer-content-column {
            /* RESTAURANDO O LAYOUT PARA FICAR 'COLADO' ÀS MARGENS */
            max-width: none; /* Remove a restrição de largura máxima de 350px/500px */
            flex-basis: auto; 
            margin-bottom: 0;
            padding: 0 20px; /* Adiciona padding lateral para colá-lo às margens do footer-content */
        }
        
        /* Garantindo que a primeira coluna fique à esquerda (ancorada) e a segunda à direita */
        .footer-content-column:first-child {
             padding-left: 0;
        }
        .footer-content-column:last-child {
             padding-right: 0;
        }
    }

    @media (max-width: 768px) {
        .footer-content {
            flex-direction: column;
            align-items: center;
            padding: 30px 15px;
        }
        .footer-columns-wrapper {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
        }
        .footer-content-column {
            flex-basis: 100%;
            text-align: center;
            padding: 10px 0;
            margin-bottom: 15px;
        }
        .footer-content-column:last-child {
            margin-bottom: 0;
        }
        .footer-text-logo {
            text-align: center;
            margin-top: 5px;
        }
        .footer-call-to-action-link-wrapper {
            align-items: center;
        }
    }
</style>/* End custom CSS */