/* ============================================================================
   CLASES UTILITARIAS DEL TEMA
   ============================================================================ */

/* ============================================================================
   UTILIDADES DE DISPLAY
   ============================================================================ */
.mi-tema-v2-hidden {
    display: none !important;
}

.mi-tema-v2-visible {
    display: block !important;
}

.mi-tema-v2-flex {
    display: flex !important;
}

.mi-tema-v2-inline-flex {
    display: inline-flex !important;
}

.mi-tema-v2-grid {
    display: grid !important;
}

.mi-tema-v2-inline-block {
    display: inline-block !important;
}

/* ============================================================================
   UTILIDADES DE POSICIÓN
   ============================================================================ */
.mi-tema-v2-relative {
    position: relative !important;
}

.mi-tema-v2-absolute {
    position: absolute !important;
}

.mi-tema-v2-fixed {
    position: fixed !important;
}

.mi-tema-v2-sticky {
    position: sticky !important;
}

/* ============================================================================
   UTILIDADES DE MARGEN
   ============================================================================ */
.mi-tema-v2-m-0 {
    margin: 0 !important;
}

.mi-tema-v2-mt-0 {
    margin-top: 0 !important;
}

.mi-tema-v2-mb-0 {
    margin-bottom: 0 !important;
}

.mi-tema-v2-ml-0 {
    margin-left: 0 !important;
}

.mi-tema-v2-mr-0 {
    margin-right: 0 !important;
}

.mi-tema-v2-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mi-tema-v2-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mi-tema-v2-m-1 {
    margin: 0.25rem !important;
}

.mi-tema-v2-m-2 {
    margin: 0.5rem !important;
}

.mi-tema-v2-m-3 {
    margin: 1rem !important;
}

.mi-tema-v2-m-4 {
    margin: 1.5rem !important;
}

.mi-tema-v2-m-5 {
    margin: 3rem !important;
}

/* ============================================================================
   UTILIDADES DE PADDING
   ============================================================================ */
.mi-tema-v2-p-0 {
    padding: 0 !important;
}

.mi-tema-v2-pt-0 {
    padding-top: 0 !important;
}

.mi-tema-v2-pb-0 {
    padding-bottom: 0 !important;
}

.mi-tema-v2-pl-0 {
    padding-left: 0 !important;
}

.mi-tema-v2-pr-0 {
    padding-right: 0 !important;
}

.mi-tema-v2-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mi-tema-v2-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mi-tema-v2-p-1 {
    padding: 0.25rem !important;
}

.mi-tema-v2-p-2 {
    padding: 0.5rem !important;
}

.mi-tema-v2-p-3 {
    padding: 1rem !important;
}

.mi-tema-v2-p-4 {
    padding: 1.5rem !important;
}

.mi-tema-v2-p-5 {
    padding: 3rem !important;
}

/* ============================================================================
   UTILIDADES DE TEXTO
   ============================================================================ */
.mi-tema-v2-text-left {
    text-align: left !important;
}

.mi-tema-v2-text-center {
    text-align: center !important;
}

.mi-tema-v2-text-right {
    text-align: right !important;
}

.mi-tema-v2-text-justify {
    text-align: justify !important;
}

.mi-tema-v2-text-uppercase {
    text-transform: uppercase !important;
}

.mi-tema-v2-text-lowercase {
    text-transform: lowercase !important;
}

.mi-tema-v2-text-capitalize {
    text-transform: capitalize !important;
}

.mi-tema-v2-font-light {
    font-weight: 300 !important;
}

.mi-tema-v2-font-normal {
    font-weight: 400 !important;
}

.mi-tema-v2-font-medium {
    font-weight: 500 !important;
}

.mi-tema-v2-font-bold {
    font-weight: 700 !important;
}

/* ============================================================================
   UTILIDADES DE COLOR
   ============================================================================ */
.mi-tema-v2-text-white {
    color: #fff !important;
}

.mi-tema-v2-text-black {
    color: #000 !important;
}

.mi-tema-v2-text-gray {
    color: #666 !important;
}

.mi-tema-v2-text-light-gray {
    color: #ccc !important;
}

.mi-tema-v2-bg-white {
    background-color: #fff !important;
}

.mi-tema-v2-bg-black {
    background-color: #000 !important;
}

.mi-tema-v2-bg-transparent {
    background-color: transparent !important;
}

/* ============================================================================
   UTILIDADES DE BORDE
   ============================================================================ */
.mi-tema-v2-border {
    border: 1px solid #ddd !important;
}

.mi-tema-v2-border-0 {
    border: 0 !important;
}

.mi-tema-v2-border-top {
    border-top: 1px solid #ddd !important;
}

.mi-tema-v2-border-bottom {
    border-bottom: 1px solid #ddd !important;
}

.mi-tema-v2-border-left {
    border-left: 1px solid #ddd !important;
}

.mi-tema-v2-border-right {
    border-right: 1px solid #ddd !important;
}

.mi-tema-v2-rounded {
    border-radius: 0.25rem !important;
}

.mi-tema-v2-rounded-full {
    border-radius: 9999px !important;
}

/* ============================================================================
   UTILIDADES DE SOMBRA
   ============================================================================ */
.mi-tema-v2-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.mi-tema-v2-shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.mi-tema-v2-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.mi-tema-v2-shadow-none {
    box-shadow: none !important;
}

/* ============================================================================
   UTILIDADES DE OVERFLOW
   ============================================================================ */
.mi-tema-v2-overflow-hidden {
    overflow: hidden !important;
}

.mi-tema-v2-overflow-auto {
    overflow: auto !important;
}

.mi-tema-v2-overflow-scroll {
    overflow: scroll !important;
}

.mi-tema-v2-overflow-x-auto {
    overflow-x: auto !important;
}

.mi-tema-v2-overflow-y-auto {
    overflow-y: auto !important;
}

/* ============================================================================
   UTILIDADES DE Z-INDEX
   ============================================================================ */
.mi-tema-v2-z-0 {
    z-index: 0 !important;
}

.mi-tema-v2-z-10 {
    z-index: 10 !important;
}

.mi-tema-v2-z-20 {
    z-index: 20 !important;
}

.mi-tema-v2-z-30 {
    z-index: 30 !important;
}

.mi-tema-v2-z-40 {
    z-index: 40 !important;
}

.mi-tema-v2-z-50 {
    z-index: 50 !important;
}

.mi-tema-v2-z-100 {
    z-index: 100 !important;
}

.mi-tema-v2-z-1000 {
    z-index: 1000 !important;
}

/* ============================================================================
   UTILIDADES DE CURSOR
   ============================================================================ */
.mi-tema-v2-cursor-pointer {
    cursor: pointer !important;
}

.mi-tema-v2-cursor-default {
    cursor: default !important;
}

.mi-tema-v2-cursor-not-allowed {
    cursor: not-allowed !important;
}

/* ============================================================================
   UTILIDADES DE TRANSICIÓN
   ============================================================================ */
.mi-tema-v2-transition {
    transition: all 0.3s ease !important;
}

.mi-tema-v2-transition-fast {
    transition: all 0.15s ease !important;
}

.mi-tema-v2-transition-slow {
    transition: all 0.5s ease !important;
}

.mi-tema-v2-no-transition {
    transition: none !important;
}

/* ============================================================================
   UTILIDADES DE OPACIDAD
   ============================================================================ */
.mi-tema-v2-opacity-0 {
    opacity: 0 !important;
}

.mi-tema-v2-opacity-25 {
    opacity: 0.25 !important;
}

.mi-tema-v2-opacity-50 {
    opacity: 0.5 !important;
}

.mi-tema-v2-opacity-75 {
    opacity: 0.75 !important;
}

.mi-tema-v2-opacity-100 {
    opacity: 1 !important;
}

/* ============================================================================
   UTILIDADES DE VISIBILIDAD
   ============================================================================ */
.mi-tema-v2-visible {
    visibility: visible !important;
}

.mi-tema-v2-invisible {
    visibility: hidden !important;
}

/* ============================================================================
   UTILIDADES DE WIDTH Y HEIGHT
   ============================================================================ */
.mi-tema-v2-w-full {
    width: 100% !important;
}

.mi-tema-v2-w-auto {
    width: auto !important;
}

.mi-tema-v2-h-full {
    height: 100% !important;
}

.mi-tema-v2-h-auto {
    height: auto !important;
}

.mi-tema-v2-w-screen {
    width: 100vw !important;
}

.mi-tema-v2-h-screen {
    height: 100vh !important;
}