/* ===== ESTILOS GERAIS ===== */
/* Imagens responsivas */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ===== TABELAS ===== */
/* Tabelas responsivas (container) */
.table-responsive {
    overflow-x: auto;
    display: block;
    width: 100%;
    margin: 15px 0;
}

/* Ajuste específico para tabelas em colunas */
.t3-col table {
    min-width: 300px; /* Mantém legibilidade básica */
    width: 100%;
    margin: 15px auto;
}

/* ===== GRID RESPONSIVO ===== */

@media (max-width: 767px) {
    /* Container principal */
    .t3-wrapper .container,
    .t3-wrapper .row {
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Colunas */
    .t3-col,
    .t3-col-md-1, .t3-col-md-2, .t3-col-md-3, 
    .t3-col-md-4, .t3-col-md-5, .t3-col-md-6,
    .t3-col-md-7, .t3-col-md-8, .t3-col-md-9,
    .t3-col-md-10, .t3-col-md-11, .t3-col-md-12 {
        width: 100% !important;
        float: none;
        margin: 0 0 20px 0;
        padding: 0 15px;
    }
}

/* ===== QUEBRAS DE PÁGINA (MOBILE PEQUENO) ===== */
@media (max-width: 480px) {
    body {
        overflow-x: hidden;
    }
    
    /* Elementos problemáticos comuns */
    .container, .row, .col,
    table, iframe, .module {
        max-width: 100% !important;
    }
    
    /* Tratamento de textos longos */
    .elemento-com-quebra {
        word-wrap: break-word;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* ===== PAGINAÇÃO RESPONSIVA ===== */
.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 20px 0;
    justify-content: flex-end; /* Alinha à direita */
}

.pagination span,
.pagination a {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s;
}

/* Estado atual */
.pagination span.current {
    background: #0073aa;
    color: white;
    border-color: #005177;
}

/* Hover */
.pagination a:hover {
    background: #f5f5f5;
    transform: translateY(-2px);
}

/* Versão Mobile */
@media (max-width: 767px) {
    .pagination {
        justify-content: center; /* Centraliza em mobile */
    }
    
    .pagination span,
    .pagination a {
        padding: 6px 10px;
        font-size: 14px;
    }
}

/* Ajuste para texto "Página X de Y" */
.counter {
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
    font-style: italic;
    color: #666;
}

@media (max-width: 767px) {
    .counter {
        text-align: center;
    }
}

/* Desktop: 2 colunas */
.container container t3-mainbody { /* Substitua pela classe correta */
  column-count: 2;
  column-gap: 40px; /* Espaço entre colunas */
}

/* Tablet/Mobile: 1 coluna */
@media (max-width: 991px) {
  .article-body {
    column-count: 1;
  }
}

@media screen and (min-width: 750px) {
  .mod-languages {
    position: relative !important;
    left: 190px !important;
    /* top: 15px; */
  }
}