.elementor-11 .elementor-element.elementor-element-8bfb308{--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;--padding-top:13em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-11 .elementor-element.elementor-element-8bfb308:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-8bfb308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-6d9dbe6{text-align:center;}.elementor-11 .elementor-element.elementor-element-6d9dbe6 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:2.5em;font-weight:500;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-0340c66{--display:flex;}.elementor-11 .elementor-element.elementor-element-8f5bb74{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-8bfb308{--padding-top:8em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-11 .elementor-element.elementor-element-6d9dbe6 .elementor-heading-title{font-size:2.3em;line-height:1.5em;}}/* Start custom CSS for html, class: .elementor-element-8f5bb74 */.elementor-11 .elementor-element.elementor-element-8f5bb74,
.elementor-11 .elementor-element.elementor-element-8f5bb74 table {
    border-radius: 10px;
    border: 2px solid #e0e0e0;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    background: #fff;
}

/* Cabeçalhos */
.elementor-11 .elementor-element.elementor-element-8f5bb74 th {
    font-size: 16px;
    /*padding: 32px 0;*/
    background: #f7f7f7;
    color: #111;
    font-weight: bold;
}

/* Células */
.elementor-11 .elementor-element.elementor-element-8f5bb74 td {
    padding: 20px 0 !important;
    background: #fff;
}

/* Estilo base */
.elementor-11 .elementor-element.elementor-element-8f5bb74 th,
.elementor-11 .elementor-element.elementor-element-8f5bb74 td,
.elementor-11 .elementor-element.elementor-element-8f5bb74 tr {
    border: none !important;
    text-align: center;
    vertical-align: middle !important;
    background: #fff !important;
}

/* Primeira coluna (nomes dos recursos) */
.elementor-11 .elementor-element.elementor-element-8f5bb74 tr td:first-child {
    text-align: left;
    padding: 20px !important;
    background: linear-gradient(45deg, transparent, #f0f0f0) !important;
    font-weight: 500;
}

/* Primeira célula da linha de cabeçalho */
.elementor-11 .elementor-element.elementor-element-8f5bb74 tr th:first-child {
    background: linear-gradient(45deg, transparent, #f0f0f0) !important;
}



/* Segunda coluna do cabeçalho */
.elementor-11 .elementor-element.elementor-element-8f5bb74 tr th {
    background: #f0f0f0 !important;
    border: 1px solid #e0e0e0 !important;
}



/* Bordas internas entre colunas */
.elementor-11 .elementor-element.elementor-element-8f5bb74 td:not(:last-child) {
    border-right: 1px solid #f0f0f0 !important;
}

/* Bordas internas entre linhas */
.elementor-11 .elementor-element.elementor-element-8f5bb74 tr {
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Responsivo */
@media(max-width: 767px){
    .elementor-11 .elementor-element.elementor-element-8f5bb74 tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #e0e0e0 !important;
    }

    .elementor-11 .elementor-element.elementor-element-8f5bb74 tr th:first-child,
    .elementor-11 .elementor-element.elementor-element-8f5bb74 tr td:first-child {
        width: 100% !important;
        text-align: center;
    }

    .elementor-11 .elementor-element.elementor-element-8f5bb74 th:not(:first-child),
    .elementor-11 .elementor-element.elementor-element-8f5bb74 td:not(:first-child) {
        min-width: 0;
        width: 50% !important;
        font-size: 16px;
    }
}

.tabela-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tabela-planos {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px; /* importante para manter a largura mínima */
    font-size: 16px;
    color: #333;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    overflow: hidden;
}

/* Cabeçalhos */
.tabela-planos th {
    padding: 20px;
    background: #f7f7f7;
    color: #111;
    font-weight: bold;
    text-align: center;
}

/* Células */
.tabela-planos td {
    padding: 16px;
    text-align: center;
}

/* Primeira coluna */
.tabela-planos td:first-child,
.tabela-planos th:first-child {
    text-align: left;
    background: #f9f9f9;
    font-weight: 500;
}

/* Bordas */
.tabela-planos td:not(:last-child) {
    border-right: 1px solid #f0f0f0;
}
.tabela-planos tr {
    border-bottom: 1px solid #f0f0f0;
}

/* Responsivo bonito */
@media(max-width: 767px) {
    .tabela-planos {
        min-width: 700px; /* força scroll horizontal */
    }
}
        
        
        .check {
            color: #4CAF50;
            font-size: 20px;
        }
        
        /* Estilo para mobile */
        .mobile-cards {
            display: none;
            flex-direction: column;
            gap: 20px;
        }
        
        .mobile-card {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            overflow: hidden;
            margin-bottom: 15px;
        }
        
        .card-header {
            background-color: #4a6da7;
            color: white;
            padding: 15px;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
        }
        
        .card-body {
            padding: 0;
        }
        
        .feature-item {
            padding: 12px 15px;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
        }
        
        .feature-name {
            font-weight: 500;
        }
        
        .feature-value {
            color: #333;
        }
        
        .feature-value.check {
            color: #4CAF50;
        }
        
        /* Media query para troca automática de layout */
        @media (max-width: 768px) {
            .table-container {
                display: none;
            }
            
            .mobile-cards {
                display: flex;
            }
        }/* End custom CSS */