/* ========================================= */
/* CSS RESPONSIVO PARA TABLETS - PÁGINA ADV */
/* Breakpoint: 801px - 1024px (evita conflito com mobile.css que vai até 800px) */
/* ========================================= */

/* ===== TABLET LANDSCAPE (1024px - 801px) ===== */
@media (max-width: 1024px) and (min-width: 801px) {
    
    /* HEADER E NAVEGAÇÃO - Forçar tudo em uma linha */
    .topo-adv {
        position: relative;
        z-index: 100;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    
    .topo-adv .barra-topo {
        padding: 10px 0;
        background: #fff;
    }
    
    .topo-adv .barra-topo .centraliza {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 15px;
        padding: 0 20px;
    }
    
    .topo-adv .logo-adv {
        flex-shrink: 0;
    }
    
    .topo-adv .logo-adv .logo {
        width: 280px !important;
        font-size: 20px;
    }
    
    .topo-adv .mn-barra {
        flex: 1;
        display: flex;
        justify-content: center;
        overflow: visible;
    }
    
    .topo-adv .mn-barra ul {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .topo-adv .mn-barra ul li {
        margin: 0;
        flex-shrink: 0;
    }
    
    .topo-adv .mn-barra ul li a {
        font-size: 12px;
        padding: 6px 10px;
        white-space: nowrap;
        display: inline-block;
    }
    
    .topo-adv .mn-barra ul li.mn-botao a {
        padding: 8px 15px;
        font-size: 12px;
    }
    
    .topo-adv .bt-menu-mobile {
        display: none;
    }
    
    /* HERO/TOPO ADV - Layout lado a lado otimizado */
    .topoadv_background {
        padding: 40px 20px 60px 20px !important;
        margin-top: 0;
        text-align: left !important;
        margin-left:1px;
    }
    
    .topoadv_background .mdpadv {
        margin-bottom: 20px !important;
    }
    
    .topoadv_background .advdobra1textos {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 30px !important;
        flex-wrap: nowrap !important;
    }
    
    .topoadv_background .centraliza {
        width: 55% !important;
        flex-shrink: 0 !important;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }
    
    .topoadv_background .frasedobra1 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    
    .topoadv_background .centralizado {
        text-align: left !important;
    }
    
    .topoadv_background .advdobra1 {
        width: 45% !important;
        min-width: auto !important;
        max-width: 400px !important;
        margin: 0 !important;
        margin-top: -80px !important;
        flex-shrink: 0 !important; 
        flex: none !important;
    }
    
    .topoadv_background .advdobra1 .imagens-direita-adv {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .topoadv_background .advdobra1 img,
    .topoadv_background .advdobra1 .img-tabela {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
                    margin-top: -80px;
    }
    
    .topoadv_background .badge-adv-topo {
        display: inline-block !important;
        font-size: 11px !important;
        padding: 8px 16px !important;
        margin-bottom: 15px !important;
        margin-left: 0 !important;
        background: #00B600 !important;
        color: #fff !important;
        border-radius: 20px !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        text-align: left !important;
    }
    
    .topoadv_background h1 {
        font-size: 32px !important;
        line-height: 38px !important;
        margin-bottom: 15px !important;
        margin-left: 0 !important;
        margin-top: 15px !important;
        text-align: left !important;
    }
    
    .topoadv_background p {
        font-size: 15px !important;
        line-height: 24px !important;
        margin-bottom: 20px !important;
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }
    
    .topoadv_background .form-cta {
        margin-top: 25px !important;
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 600px !important;
        float: none !important;
        text-align: left !important;
        padding: 0 !important;
    }
    
    .topoadv_background .form-blacknovember {
        display: flex !important;
        gap: 0 !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        background: #fff !important;
        border-radius: 50px !important;
        overflow: visible !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
        padding: 1px !important;
        margin-left: 0 !important;
        min-height: 56px !important;
    }
    
    .topoadv_background .form-blacknovember input[type="email"] {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 16px 24px !important;
        font-size: 15px !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        outline: none !important;
        color: #333 !important;
        line-height: 1.5 !important;
        text-align: left !important;
        margin-left: 1px !important;
    }
    
    .topoadv_background .form-blacknovember input[type="email"]::placeholder {
        color: #666 !important;
        opacity: 1 !important;
        font-size: 15px !important;
    }
    
    .topoadv_background .form-blacknovember input[type="email"]::-webkit-input-placeholder {
        color: #666 !important;
        opacity: 1 !important;
        font-size: 15px !important;
    }
    
    .topoadv_background .form-blacknovember input[type="email"]::-moz-placeholder {
        color: #666 !important;
        opacity: 1 !important;
        font-size: 15px !important;
    }
    
    .topoadv_background .form-blacknovember input[type="email"]:-ms-input-placeholder {
        color: #666 !important;
        opacity: 1 !important;
        font-size: 15px !important;
    }
    
    .topoadv_background .form-blacknovember .btn-verde-adv {
        padding: 16px 1px !important;
        font-size: 16px !important;
        background: #00B600 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 20px 0 20px 0 !important;
        cursor: pointer !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        transition: all 0.3s ease !important;
        min-width: 200px !important;
        text-align: center !important;
        height:60px;
    }
    
    .topoadv_background .form-blacknovember .btn-verde-adv:hover {
        background: #009500 !important;
        transform: scale(1.02) !important;
        box-shadow: 0 4px 15px rgba(0, 182, 0, 0.4) !important;
    }
    
    .topoadv_background form input {
        padding: 14px 20px;
        font-size: 15px;
    }
    
    .topoadv_background form button {
        padding: 14px 30px;
        font-size: 15px;
    }
    
    /* DOBRA DE ESTATÍSTICAS - Reduzir altura */
    .dobra4adv_background {
        padding: 40px 15% 40px 15% !important;
    }
    
    .dobra4adv_background h2 {
        font-size: 28px !important;
        padding-bottom: 15px !important;
        margin-bottom: 10px !important;
    }
    
    .dobra4adv_background p {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }
    
    .advcard-container {
        gap: 12px !important;
        margin-top: 20px !important;
    }
    
    .advcard {
        width: 160px !important;
        padding: 12px !important;
        margin-bottom: 20px !important;
    }
    
    .advcard .advplus,
    .advcard .advnumber {
        font-size: 26px !important;
    }
    
    .advcard .advtitle {
        font-size: 14px !important;
    }
    
    .advcard .advdescription {
        font-size: 12px !important;
    }
    
    /* DOBRA DETALHES ADV - "Projuris ADV: o software jurídico..." */
    .detalhesadv_background {
        padding: 40px 20px !important;
    }
    
    .detalhesadv_background h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }
    
    .solutions-tabs {
        margin-bottom: 30px !important;
    }
    
    .tab-button {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }
    
    .solution-title h2 {
        font-size: 24px !important;
        line-height: 1.4 !important;
        padding: 0 15px !important;
    }
    
    .solutions-grid {
        gap: 20px !important;
        padding: 0 10px !important;
    }
    
    .solution-card {
        flex-direction: column !important;
        padding: 20px !important;
    }
    
    .card-image {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto 20px auto !important;
    }
    
    .card-content {
        width: 100% !important;
    }
    
    .features-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px 20px !important;
    }
    
    .feature-item {
        font-size: 14px !important;
        padding: 10px !important;
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    
    .feature-item i {
        font-size: 18px !important;
        flex-shrink: 0 !important;
    }
    
    .feature-item span {
        flex: 1 !important;
        line-height: 1.4 !important;
    }
    
    /* SEÇÃO TESTE ADV - "Todas as soluções que você precisa" */
    .testeadv_background {
        padding: 40px 20px !important;
    }
    
    .testeadv_background .centraliza {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 30px !important;
    }
    
    .testeadv_texto {
        width: 50% !important;
        float: none !important;
        text-align: left !important;
    }
    
    .testeadv_background h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
        padding-bottom: 10px !important;
    }
    
    .testeadv_background p {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important;
    }
    
    .testeadv_background button {
        font-size: 15px !important;
        padding: 12px 25px !important;
        margin-top: 15px !important;
    }
    
    .imagemtesteadv {
        width: 45% !important;
        float: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .imagemtesteadv img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* PERCENTUAL/MÉTRICAS */
    .percentualadv_background {
        padding: 40px 20px !important;
    }
    
    .percentualadv_background h2 {
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }
    
    .percentualadv_background p {
        font-size: 16px !important;
        margin-bottom: 30px !important;
    }
    
    .dobra2adv {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 20px !important;
        flex-wrap: nowrap !important;
    }
    
    .dobra2adv .item {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 15px !important;
    }
    
    .dobra2adv .item img {
        width: 50px !important;
        height: auto !important;
        margin-bottom: 10px !important;
    }
    
    .dobra2adv .texto {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .dobra2adv .item h3 {
        font-size: 18px !important;
        margin-bottom: 5px !important;
    }
    
    .dobra2adv .item p {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }
    
    .scroll-hint-mobile {
        display: none !important;
    }
    
    /* METODOLOGIA ADV */
    .metodologiaadv_background {
        padding: 40px 20px !important;
    }
    
    .metodologiaadv_background h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    
    .metodologiaadv_background p {
        font-size: 16px !important;
    }
    
    /* DEPOIMENTOS ADV */
    .depoimentosadv_background {
        padding: 40px 20px !important;
    }
    
    .depoimentosadv_background h2 {
        font-size: 26px !important;
    }
    
    /* DETALHES 2 ADV */
    .detalhes2adv_background {
        padding: 40px 20px !important;
        flex-direction: column !important;
    }
    
    .detalhes2adv_background h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    
    .detalhes2adv_background p {
        font-size: 16px !important;
    }
    
    /* VANTAGENS ADV */
    .vantagensadv_background {
        padding: 40px 20px !important;
    }
    
    .vantagensadv_titulos h2 {
        font-size: 26px !important;
    }
    
    /* APP ADV */
    .appadv_background {
        padding: 40px 20px !important;
    }
    
    .appadv_background h2 {
        font-size: 26px !important;
    }
    
    .appadv_background p {
        font-size: 16px !important;
    }
    
    /* MAPA */
    .mapa_background {
        padding: 40px 20px !important;
    }
    
    .mapa_background h2 {
        font-size: 26px !important;
    }
    
    /* PLANOS ADV */
    .planosadv_background {
        padding: 40px 20px !important;
    }
    
    .planosadv_background h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    
    .plano-card {
        padding: 20px !important;
    }
    
    .plano-card h3 {
        font-size: 20px !important;
    }
    
    .plano-card .preco {
        font-size: 28px !important;
    }
    
    /* PRODUTOS COMP ADV */
    .produtoscompadv_background {
        padding: 40px 20px !important;
    }
    
    .produtoscompadv_background h2 {
        font-size: 26px !important;
    }
    
    /* AJUSTES GERAIS DE ESPAÇAMENTO */
    section {
        scroll-margin-top: 80px;
    }
    
    .centraliza {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* Botões gerais */
    button, .btn {
        font-size: 15px !important;
        padding: 12px 24px !important;
    }
    
    /* Títulos gerais */
    h2 {
        text-wrap: balance !important;
    }
    
    /* Parágrafos gerais */
    p {
        text-wrap: balance !important;
    }
    
    .advcard {
        padding: 30px 20px;
    }
    
    .advcard .advnumber {
        font-size: 42px;
    }
    
    .advcard .advtitle {
        font-size: 17px;
    }
    
    .advcard .advdescription {
        font-size: 14px;
    }
    
    /* METODOLOGIA */
    .metodologiaadv_background {
        padding: 50px 30px;
    }
    
    .metodologiaadv_background h2 {
        font-size: 32px;
        line-height: 40px;
    }
    
    .metodologia-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .metodologia-item {
        padding: 25px;
    }
    
    .metodologia-item h3 {
        font-size: 19px;
    }
    
    .metodologia-item p {
        font-size: 15px;
        line-height: 23px;
    }
    
    /* DEPOIMENTOS/VANTAGENS */
    .dobra4adv_background {
        padding: 50px 30px;
    }
    
    .dobra4adv_background h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    
    .dobra4adv_background > p {
        font-size: 16px;
        line-height: 24px;
        max-width: 90%;
    }
    
    /* DETALHES */
    .detalhesadv_background {
        padding: 50px 30px;
    }
    
    .detalhes-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .detalhes-texto {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    
    .detalhes-imagem {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .detalhes-texto h2 {
        font-size: 30px;
        line-height: 38px;
    }
    
    .detalhes-texto p {
        font-size: 16px;
        line-height: 24px;
    }
    
    .detalhes-texto ul li {
        font-size: 15px;
        padding: 8px 0 8px 30px;
    }
    
    /* APP ADV */
    .appadv_background {
        padding: 50px 30px;
    }
    
    .app-container {
        flex-direction: column-reverse;
        gap: 40px;
    }
    
    .app-texto {
        width: 100%;
        text-align: center;
    }
    
    .app-imagem {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    
    /* TESTE GRÁTIS */
    .testeadv_background {
        padding: 50px 30px;
    }
    
    .teste-container {
        padding: 40px 30px;
    }
    
    .teste-container h2 {
        font-size: 30px;
        line-height: 38px;
    }
    
    .teste-container p {
        font-size: 16px;
        line-height: 24px;
    }
    
    .teste-container .btn-teste {
        padding: 16px 40px;
        font-size: 16px;
    }
    
    /* MAPA */
    .mapa_background {
        padding: 50px 30px;
    }
    
    .mapa-container h2 {
        font-size: 30px;
        line-height: 38px;
    }
    
    .mapa-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    /* PLANOS */
    .planosadv_background {
        padding: 50px 30px;
    }
    
    .planos-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .plano-card {
        padding: 30px 20px;
    }
    
    .plano-card h3 {
        font-size: 22px;
    }
    
    .plano-card .preco {
        font-size: 36px;
    }
    
    .plano-card ul li {
        font-size: 14px;
        padding: 8px 0 8px 28px;
    }
    
    /* PRODUTOS COMPLEMENTARES */
    .produtoscompadv_background {
        padding: 50px 30px;
    }
    
    .produtos-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    /* CHAT ASSISTENTE */
    .adv-chat-launcher {
        width: 60px;
        height: 60px;
        bottom: 25px;
        right: 25px;
    }
    
    .adv-chat-widget {
        width: 420px;
        height: 550px;
        bottom: 100px;
        right: 25px;
    }
    
    .adv-chat-widget--expanded {
        width: 90%;
        height: 80%;
        max-width: 700px;
    }
    
    /* FORMULÁRIOS */
    .form-group input,
    .form-group textarea,
    .form-group select {
        padding: 12px 16px;
        font-size: 15px;
    }
    
    .form-group label {
        font-size: 14px;
    }
    
    /* BOTÕES GERAIS */
    .btn-primary,
    .btn-secondary {
        padding: 14px 30px;
        font-size: 15px;
    }
    
    /* SEÇÕES COM DUAS COLUNAS */
    .two-columns {
        flex-direction: column;
        gap: 30px;
    }
    
    .two-columns .column {
        width: 100%;
    }
    
    /* TIPOGRAFIA GERAL */
    h1 {
        font-size: 36px;
        line-height: 44px;
    }
    
    h2 {
        font-size: 30px;
        line-height: 38px;
    }
    
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
    
    h4 {
        font-size: 20px;
        line-height: 28px;
    }
    
    p {
        font-size: 16px;
        line-height: 24px;
    }
    
    /* ESPAÇAMENTOS GERAIS */
    .centraliza {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    section {
        padding: 50px 0;
    }
    
    /* IMAGENS RESPONSIVAS */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* VÍDEOS RESPONSIVOS */
    iframe,
    video {
        max-width: 100%;
        height: auto;
    }
}

/* ===== TABLET PORTRAIT (768px - 600px) ===== */
@media (max-width: 768px) and (min-width: 600px) {
    
    /* HEADER SIMPLIFICADO */
    .header_adv nav {
        display: none;
    }
    
    .header_adv .mobile-menu-toggle {
        display: block;
    }
    
    /* HERO EM COLUNA ÚNICA */
    .topoadv_background .coluna-esquerda,
    .topoadv_background .coluna-direita {
        width: 100%;
        padding: 0;
    }
    
    .topoadv_background h1 {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }
    
    .topoadv_background p {
        text-align: center;
    }
    
    /* CARDS EM COLUNA ÚNICA */
    .advcard-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .metodologia-grid {
        grid-template-columns: 1fr;
    }
    
    .planos-grid {
        grid-template-columns: 1fr;
    }
    
    .produtos-grid {
        grid-template-columns: 1fr;
    }
    
    /* CHAT FULL WIDTH */
    .adv-chat-widget {
        width: 95%;
        right: 2.5%;
        left: 2.5%;
    }
    
    /* MAPA STATS */
    .mapa-stats {
        grid-template-columns: 1fr;
    }
}

/* ===== AJUSTES FINOS PARA LANDSCAPE ===== */
@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    
    .topoadv_background {
        padding: 40px 30px;
    }
    
    .topoadv_background h1 {
        font-size: 34px;
        line-height: 42px;
    }
    
    .advcard-container {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
    }
    
    .advcard {
        padding: 20px 15px;
    }
    
    .advcard .advnumber {
        font-size: 36px;
    }
}

/* ===== OTIMIZAÇÕES DE PERFORMANCE ===== */
@media (max-width: 1024px) {
    
    /* Reduz animações complexas em tablets */
    * {
        animation-duration: 0.3s !important;
        transition-duration: 0.3s !important;
    }
    
    /* Otimiza sombras */
    .advcard,
    .plano-card,
    .metodologia-item {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    
    /* Melhora touch targets */
    button,
    a,
    input,
    select,
    textarea {
        min-height: 44px;
        min-width: 44px;
    }
}