/* ============================================================
   MUNICIPALIDAD DE SALTA - UTILIDADES V2
   Archivo: libertad/css/municipal-utils.css

   Cargar al final de los estilos V2.
   Estas clases sirven para ajustes rápidos sin escribir CSS nuevo.
============================================================ */


/* ============================================================
   DISPLAY
============================================================ */

.muni-v2 .muni-d-none { display: none !important; }
.muni-v2 .muni-d-block { display: block !important; }
.muni-v2 .muni-d-inline { display: inline !important; }
.muni-v2 .muni-d-inline-block { display: inline-block !important; }
.muni-v2 .muni-d-flex { display: flex !important; }
.muni-v2 .muni-d-inline-flex { display: inline-flex !important; }
.muni-v2 .muni-d-grid { display: grid !important; }


/* ============================================================
   FLEX
============================================================ */

.muni-v2 .muni-flex-row { flex-direction: row !important; }
.muni-v2 .muni-flex-column { flex-direction: column !important; }
.muni-v2 .muni-flex-wrap { flex-wrap: wrap !important; }
.muni-v2 .muni-flex-nowrap { flex-wrap: nowrap !important; }

.muni-v2 .muni-align-start { align-items: flex-start !important; }
.muni-v2 .muni-align-center { align-items: center !important; }
.muni-v2 .muni-align-end { align-items: flex-end !important; }
.muni-v2 .muni-align-stretch { align-items: stretch !important; }

.muni-v2 .muni-justify-start { justify-content: flex-start !important; }
.muni-v2 .muni-justify-center { justify-content: center !important; }
.muni-v2 .muni-justify-end { justify-content: flex-end !important; }
.muni-v2 .muni-justify-between { justify-content: space-between !important; }
.muni-v2 .muni-justify-around { justify-content: space-around !important; }

.muni-v2 .muni-flex-1 { flex: 1 1 0 !important; }
.muni-v2 .muni-flex-auto { flex: 1 1 auto !important; }
.muni-v2 .muni-flex-none { flex: none !important; }


/* ============================================================
   GAP
============================================================ */

.muni-v2 .muni-gap-0 { gap: 0 !important; }
.muni-v2 .muni-gap-1 { gap: var(--muni-space-1) !important; }
.muni-v2 .muni-gap-2 { gap: var(--muni-space-2) !important; }
.muni-v2 .muni-gap-3 { gap: var(--muni-space-3) !important; }
.muni-v2 .muni-gap-4 { gap: var(--muni-space-4) !important; }
.muni-v2 .muni-gap-5 { gap: var(--muni-space-5) !important; }
.muni-v2 .muni-gap-6 { gap: var(--muni-space-6) !important; }


/* ============================================================
   ANCHOS Y ALTOS
============================================================ */

.muni-v2 .muni-w-auto { width: auto !important; }
.muni-v2 .muni-w-25 { width: 25% !important; }
.muni-v2 .muni-w-50 { width: 50% !important; }
.muni-v2 .muni-w-75 { width: 75% !important; }
.muni-v2 .muni-w-100 { width: 100% !important; }

.muni-v2 .muni-h-auto { height: auto !important; }
.muni-v2 .muni-h-100 { height: 100% !important; }

.muni-v2 .muni-min-w-0 { min-width: 0 !important; }
.muni-v2 .muni-max-w-100 { max-width: 100% !important; }


/* ============================================================
   MÁRGENES
============================================================ */

.muni-v2 .muni-m-0 { margin: 0 !important; }
.muni-v2 .muni-m-1 { margin: var(--muni-space-1) !important; }
.muni-v2 .muni-m-2 { margin: var(--muni-space-2) !important; }
.muni-v2 .muni-m-3 { margin: var(--muni-space-3) !important; }
.muni-v2 .muni-m-4 { margin: var(--muni-space-4) !important; }
.muni-v2 .muni-m-5 { margin: var(--muni-space-5) !important; }
.muni-v2 .muni-m-6 { margin: var(--muni-space-6) !important; }

.muni-v2 .muni-mt-0 { margin-top: 0 !important; }
.muni-v2 .muni-mt-1 { margin-top: var(--muni-space-1) !important; }
.muni-v2 .muni-mt-2 { margin-top: var(--muni-space-2) !important; }
.muni-v2 .muni-mt-3 { margin-top: var(--muni-space-3) !important; }
.muni-v2 .muni-mt-4 { margin-top: var(--muni-space-4) !important; }
.muni-v2 .muni-mt-5 { margin-top: var(--muni-space-5) !important; }
.muni-v2 .muni-mt-6 { margin-top: var(--muni-space-6) !important; }

.muni-v2 .muni-mb-0 { margin-bottom: 0 !important; }
.muni-v2 .muni-mb-1 { margin-bottom: var(--muni-space-1) !important; }
.muni-v2 .muni-mb-2 { margin-bottom: var(--muni-space-2) !important; }
.muni-v2 .muni-mb-3 { margin-bottom: var(--muni-space-3) !important; }
.muni-v2 .muni-mb-4 { margin-bottom: var(--muni-space-4) !important; }
.muni-v2 .muni-mb-5 { margin-bottom: var(--muni-space-5) !important; }
.muni-v2 .muni-mb-6 { margin-bottom: var(--muni-space-6) !important; }

.muni-v2 .muni-ml-auto { margin-left: auto !important; }
.muni-v2 .muni-mr-auto { margin-right: auto !important; }
.muni-v2 .muni-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}


/* ============================================================
   PADDINGS
============================================================ */

.muni-v2 .muni-p-0 { padding: 0 !important; }
.muni-v2 .muni-p-1 { padding: var(--muni-space-1) !important; }
.muni-v2 .muni-p-2 { padding: var(--muni-space-2) !important; }
.muni-v2 .muni-p-3 { padding: var(--muni-space-3) !important; }
.muni-v2 .muni-p-4 { padding: var(--muni-space-4) !important; }
.muni-v2 .muni-p-5 { padding: var(--muni-space-5) !important; }
.muni-v2 .muni-p-6 { padding: var(--muni-space-6) !important; }

.muni-v2 .muni-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.muni-v2 .muni-px-1 {
    padding-right: var(--muni-space-1) !important;
    padding-left: var(--muni-space-1) !important;
}
.muni-v2 .muni-px-2 {
    padding-right: var(--muni-space-2) !important;
    padding-left: var(--muni-space-2) !important;
}
.muni-v2 .muni-px-3 {
    padding-right: var(--muni-space-3) !important;
    padding-left: var(--muni-space-3) !important;
}
.muni-v2 .muni-px-4 {
    padding-right: var(--muni-space-4) !important;
    padding-left: var(--muni-space-4) !important;
}
.muni-v2 .muni-px-5 {
    padding-right: var(--muni-space-5) !important;
    padding-left: var(--muni-space-5) !important;
}

.muni-v2 .muni-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.muni-v2 .muni-py-1 {
    padding-top: var(--muni-space-1) !important;
    padding-bottom: var(--muni-space-1) !important;
}
.muni-v2 .muni-py-2 {
    padding-top: var(--muni-space-2) !important;
    padding-bottom: var(--muni-space-2) !important;
}
.muni-v2 .muni-py-3 {
    padding-top: var(--muni-space-3) !important;
    padding-bottom: var(--muni-space-3) !important;
}
.muni-v2 .muni-py-4 {
    padding-top: var(--muni-space-4) !important;
    padding-bottom: var(--muni-space-4) !important;
}
.muni-v2 .muni-py-5 {
    padding-top: var(--muni-space-5) !important;
    padding-bottom: var(--muni-space-5) !important;
}


/* ============================================================
   TEXTO
============================================================ */

.muni-v2 .muni-text-left { text-align: left !important; }
.muni-v2 .muni-text-center { text-align: center !important; }
.muni-v2 .muni-text-right { text-align: right !important; }

.muni-v2 .muni-text-primary { color: var(--muni-primary) !important; }
.muni-v2 .muni-text-secondary { color: var(--muni-secondary) !important; }
.muni-v2 .muni-text-success { color: var(--muni-success) !important; }
.muni-v2 .muni-text-warning { color: #7a5b00 !important; }
.muni-v2 .muni-text-danger { color: var(--muni-danger) !important; }
.muni-v2 .muni-text-info { color: var(--muni-info) !important; }
.muni-v2 .muni-text-muted { color: var(--muni-text-muted) !important; }
.muni-v2 .muni-text-light { color: var(--muni-text-light) !important; }
.muni-v2 .muni-text-white { color: var(--muni-text-inverse) !important; }

.muni-v2 .muni-font-normal { font-weight: var(--muni-font-weight-normal) !important; }
.muni-v2 .muni-font-medium { font-weight: var(--muni-font-weight-medium) !important; }
.muni-v2 .muni-font-semibold { font-weight: var(--muni-font-weight-semibold) !important; }
.muni-v2 .muni-font-bold { font-weight: var(--muni-font-weight-bold) !important; }

.muni-v2 .muni-text-xs { font-size: var(--muni-font-size-xs) !important; }
.muni-v2 .muni-text-sm { font-size: var(--muni-font-size-sm) !important; }
.muni-v2 .muni-text-md { font-size: var(--muni-font-size-md) !important; }
.muni-v2 .muni-text-base { font-size: var(--muni-font-size-base) !important; }
.muni-v2 .muni-text-lg { font-size: var(--muni-font-size-lg) !important; }
.muni-v2 .muni-text-xl { font-size: var(--muni-font-size-xl) !important; }
.muni-v2 .muni-text-2xl { font-size: var(--muni-font-size-2xl) !important; }

.muni-v2 .muni-uppercase { text-transform: uppercase !important; }
.muni-v2 .muni-lowercase { text-transform: lowercase !important; }
.muni-v2 .muni-capitalize { text-transform: capitalize !important; }

.muni-v2 .muni-nowrap { white-space: nowrap !important; }
.muni-v2 .muni-break-word { overflow-wrap: break-word !important; }
.muni-v2 .muni-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}


/* ============================================================
   FONDOS
============================================================ */

.muni-v2 .muni-bg-primary {
    background: var(--muni-primary) !important;
    color: var(--muni-text-inverse) !important;
}
.muni-v2 .muni-bg-primary-light { background: var(--muni-primary-light) !important; }
.muni-v2 .muni-bg-success { background: var(--muni-success) !important; color: #fff !important; }
.muni-v2 .muni-bg-success-light { background: var(--muni-success-light) !important; }
.muni-v2 .muni-bg-warning { background: var(--muni-warning) !important; }
.muni-v2 .muni-bg-warning-light { background: var(--muni-warning-light) !important; }
.muni-v2 .muni-bg-danger { background: var(--muni-danger) !important; color: #fff !important; }
.muni-v2 .muni-bg-danger-light { background: var(--muni-danger-light) !important; }
.muni-v2 .muni-bg-info { background: var(--muni-info) !important; color: #fff !important; }
.muni-v2 .muni-bg-info-light { background: var(--muni-info-light) !important; }
.muni-v2 .muni-bg-white { background: var(--muni-surface) !important; }
.muni-v2 .muni-bg-soft { background: var(--muni-background-soft) !important; }
.muni-v2 .muni-bg-transparent { background: transparent !important; }


/* ============================================================
   BORDES
============================================================ */

.muni-v2 .muni-border { border: 1px solid var(--muni-border) !important; }
.muni-v2 .muni-border-soft { border: 1px solid var(--muni-border-soft) !important; }
.muni-v2 .muni-border-0 { border: 0 !important; }

.muni-v2 .muni-rounded-0 { border-radius: 0 !important; }
.muni-v2 .muni-rounded-sm { border-radius: var(--muni-radius-sm) !important; }
.muni-v2 .muni-rounded { border-radius: var(--muni-radius) !important; }
.muni-v2 .muni-rounded-lg { border-radius: var(--muni-radius-lg) !important; }
.muni-v2 .muni-rounded-xl { border-radius: var(--muni-radius-xl) !important; }
.muni-v2 .muni-rounded-pill { border-radius: var(--muni-radius-pill) !important; }
.muni-v2 .muni-rounded-circle { border-radius: var(--muni-radius-circle) !important; }


/* ============================================================
   SOMBRAS
============================================================ */

.muni-v2 .muni-shadow-none { box-shadow: none !important; }
.muni-v2 .muni-shadow-xs { box-shadow: var(--muni-shadow-xs) !important; }
.muni-v2 .muni-shadow-sm { box-shadow: var(--muni-shadow-sm) !important; }
.muni-v2 .muni-shadow { box-shadow: var(--muni-shadow) !important; }
.muni-v2 .muni-shadow-lg { box-shadow: var(--muni-shadow-lg) !important; }
.muni-v2 .muni-shadow-xl { box-shadow: var(--muni-shadow-xl) !important; }


/* ============================================================
   POSICIÓN
============================================================ */

.muni-v2 .muni-position-relative { position: relative !important; }
.muni-v2 .muni-position-absolute { position: absolute !important; }
.muni-v2 .muni-position-fixed { position: fixed !important; }
.muni-v2 .muni-position-sticky { position: sticky !important; }

.muni-v2 .muni-top-0 { top: 0 !important; }
.muni-v2 .muni-right-0 { right: 0 !important; }
.muni-v2 .muni-bottom-0 { bottom: 0 !important; }
.muni-v2 .muni-left-0 { left: 0 !important; }


/* ============================================================
   OVERFLOW
============================================================ */

.muni-v2 .muni-overflow-hidden { overflow: hidden !important; }
.muni-v2 .muni-overflow-auto { overflow: auto !important; }
.muni-v2 .muni-overflow-x-auto { overflow-x: auto !important; }
.muni-v2 .muni-overflow-y-auto { overflow-y: auto !important; }


/* ============================================================
   CURSOR
============================================================ */

.muni-v2 .muni-cursor-pointer { cursor: pointer !important; }
.muni-v2 .muni-cursor-default { cursor: default !important; }
.muni-v2 .muni-cursor-not-allowed { cursor: not-allowed !important; }


/* ============================================================
   OPACIDAD
============================================================ */

.muni-v2 .muni-opacity-25 { opacity: .25 !important; }
.muni-v2 .muni-opacity-50 { opacity: .5 !important; }
.muni-v2 .muni-opacity-75 { opacity: .75 !important; }
.muni-v2 .muni-opacity-100 { opacity: 1 !important; }


/* ============================================================
   GRID RÁPIDO
============================================================ */

.muni-v2 .muni-grid-1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
}
.muni-v2 .muni-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.muni-v2 .muni-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.muni-v2 .muni-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}


/* ============================================================
   VISIBILIDAD RESPONSIVE
============================================================ */

@media (max-width: 1024px) {
    .muni-v2 .muni-hide-tablet { display: none !important; }
}

@media (max-width: 768px) {
    .muni-v2 .muni-hide-mobile { display: none !important; }
    .muni-v2 .muni-show-mobile { display: block !important; }

    .muni-v2 .muni-grid-2,
    .muni-v2 .muni-grid-3,
    .muni-v2 .muni-grid-4 {
        grid-template-columns: 1fr !important;
    }

    .muni-v2 .muni-w-mobile-100 {
        width: 100% !important;
    }

    .muni-v2 .muni-flex-mobile-column {
        flex-direction: column !important;
    }
}

@media (min-width: 769px) {
    .muni-v2 .muni-show-mobile { display: none !important; }
}