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

/* =============================================================================
   1. VARIÁVEIS CSS
   ============================================================================= */

.content {
    --ct-sidebar-width: var(--sidebar-width, 250px);
    --ct-padding-top: 70px;
    --ct-padding-x: 20px;
    --ct-padding-bottom: 20px;
    --ct-padding-x-mobile: 15px;
}

/* =============================================================================
   2. CONTENT - BASE
   ============================================================================= */

.content {
    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;
}

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

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