/* ###########################*/
/* ##### GLOBA'S USE #####*/
/* ###########################*/

.white{color:white !important;}
.color-title{ color: #004480 !important; }
.bg-title{ background-color: #004480 !important; }

.bold{ font-weight: bold !important; }
.capslock { text-transform:uppercase;}
.txt-italic{ font-style: italic; }
.txt-left{ text-align: left !important; }
.txt-center{ text-align: center !important; }

.w100{width:100% !important;}
.W98{width:98% !important;}

.margin-0{ margin:0 auto; }

/* ###########################*/
/* ##### GLOBA'S TAIWIND #####*/
/* ###########################*/

.pdt-5{ padding-top:5px !important; }
.pdt-10{ padding-top:10px !important; }
.pdt-15{ padding-top:15px !important; }
.pdt-20{ padding-top:20px !important; }
.pdt-25{ padding-top:25px !important; }

.ft-sz5{ font-size:5px !important; }
.ft-sz6{ font-size:6px !important; }
.ft-sz7{ font-size:7px !important; }
.ft-sz8{ font-size:8px !important; }
.ft-sz9{ font-size:9px !important; }
.ft-sz10{ font-size:10px !important; }
.ft-sz12{ font-size:12px !important; }
.ft-sz13{ font-size:13px !important; }
.ft-sz14{ font-size:14px !important; }
.ft-sz15{ font-size:15px !important; }
.ft-sz16{ font-size:16px !important; }
.ft-sz17{ font-size:17px !important; }
.ft-sz18{ font-size:18px !important; }
.ft-sz19{ font-size:19px !important; }
.ft-sz20{ font-size:20px !important; }
.ft-sz25{ font-size:25px !important; }

/* ===== ALERTS ELEGANTES ===== */
.elegant-alert {
    border-radius: 0.5rem;
    border: none;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.elegant-alert-success {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
    border-left: 4px solid #059669;
}

.elegant-alert-danger {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
    border-left: 4px solid #dc2626;
}

.elegant-alert-warning {
    background: rgba(217, 119, 6, 0.1);
    color: #d97706;
    border-left: 4px solid #d97706;
}

.elegant-alert-info {
    background: rgba(2, 132, 199, 0.1);
    color: #0284c7;
    border-left: 4px solid #0284c7;
}

/* ===== TEXTO E TIPOGRAFIA ===== */
.elegant-text-primary {
    color: var(--primary-color) !important;
}

.elegant-text-secondary {
    color: var(--text-secondary) !important;
}

.elegant-text-danger {
    color: #dc2626 !important;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.elegant-form-text {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}