/**
 * =============================================================================
 * CONTENT CSS
 * =============================================================================
 * Estilos da área de conteúdo principal
 * =============================================================================
 */

/* =============================================================================
   1. CONTENT - BASE
   ============================================================================= */

.content {
    /* Variáveis CSS */
    --ct-sidebar-width: var(--sidebar-width, 250px);
    --ct-padding-top: 70px;
    --ct-padding-x: 20px;
    --ct-padding-bottom: 20px;
    --ct-padding-x-mobile: 15px;

    /* Layout */
    margin-left: var(--ct-sidebar-width);
    padding: var(--ct-padding-top) var(--ct-padding-x) var(--ct-padding-bottom) var(--ct-padding-x);
    position: relative;
}

.content.full-width {
    margin-left: 0;
}

/* =============================================================================
   2. RESPONSIVIDADE - MOBILE E TABLETS
   ============================================================================= */

@media (max-width: 991.98px) {
    .content {
        margin-left: 0;
        padding: var(--ct-padding-top) var(--ct-padding-x-mobile) var(--ct-padding-bottom) var(--ct-padding-x-mobile);
    }
}