.elementor-42057 .elementor-element.elementor-element-ec43d45{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:6vw;--padding-bottom:6vw;--padding-left:10.98vw;--padding-right:10.98vw;}.elementor-42057 .elementor-element.elementor-element-d6ff2ed{--display:flex;--gap:2.12vw 2.12vw;--row-gap:2.12vw;--column-gap:2.12vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}/* Start custom CSS for html, class: .elementor-element-7358029 *//* Responsividade para dispositivos móveis */
@media (max-width: 768px) {
    .tabela,
    .tabela thead,
    .tabela tbody,
    .tabela th,
    .tabela td,
    .tabela tr {
        display: block;
        width: 100%;
    }

    .tabela thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tabela tr {
        margin-bottom: 1rem;
        border: 1px solid #FF2193;
        padding: 10px;
        border-radius: 5px;
        background-color: #ffffff;
    }

    .tabela td {
        border: none;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }

    /* Adiciona os títulos de cada coluna como rótulos antes de cada célula */
    .tabela td:nth-of-type(1):before { content: "Nome Divulgação"; }
    .tabela td:nth-of-type(2):before { content: "Marca"; }
    .tabela td:nth-of-type(3):before { content: "Produto"; }
    .tabela td:nth-of-type(4):before { content: "Localização"; }
    .tabela td:nth-of-type(5):before { content: "Site"; }

    .tabela td:before {
        position: absolute;
        top: 0;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        color: #FF2193;
    }
    
    /* Ajustes nos botões de navegação */
    .navegacao {
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }
    
    #anterior, #proximo {
        margin: 10px;
        width: 100%;
        max-width: 200px;
    }
}/* End custom CSS */