/**
 * ISPS Theme — components/badges.css
 */
.isps-badge {
    display: inline-block;
    padding: 6px 18px;
    border-radius: var(--isps-radius-full);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.badge-yellow {
    background: rgba(245,158,11,0.15);
    color: var(--isps-yellow);
    border: 1px solid rgba(245,158,11,0.4);
}
.badge-blue {
    background: rgba(57,92,184,0.12);
    color: var(--isps-blue);
    border: 1px solid rgba(57,92,184,0.3);
}
.badge-white {
    background: rgba(255,255,255,0.15);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.35);
}
.badge-navy {
    background: rgba(15,23,42,0.08);
    color: var(--isps-navy);
    border: 1px solid rgba(15,23,42,0.15);
}
.badge-oficial {
    background: var(--isps-yellow);
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 20px;
}
.badge-alert,
div.badge-alert,
span.badge-alert {
    background: rgba(15,23,42,0.85) !important;
    color: #ffffff !important;
    border: 1.5px solid var(--isps-yellow) !important;
    padding: 8px 24px !important;
    border-radius: var(--isps-radius-full) !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 20px rgba(245,158,11,0.3) !important;
    backdrop-filter: blur(8px) !important;
    animation: ispsBadgePulse 2.5s infinite ease-in-out !important;
    line-height: 1.3 !important;
}
.badge-alert * { background: transparent !important; color: #ffffff !important; }
.badge-alert i  { color: var(--isps-yellow) !important; font-size: 1rem !important; }