/* Page-specific styles for /blog, /estado-del-sistema and similar pages.
   Loaded only where filter chips, status pulses or progress bars exist. */

/* Blog filter chip active states */
.filter-chip.active {
    background-color: #ab3600;
    color: white;
}
.filter-chip-active {
    background-color: #ab3600 !important;
    color: #ffffff !important;
    border-color: #ab3600 !important;
}

/* Status page pulse animation */
.status-pulse { animation: status-pulse 2s ease-in-out infinite; }
@keyframes status-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.3; }
}

/* SVG gradient stops (status page graphics) */
.svg-stop-start { stop-color: #ab3600; stop-opacity: 1; }
.svg-stop-end   { stop-color: #ab3600; stop-opacity: 0; }

/* Progress bar widths (status page meters) */
.w-pct-88 { width: 88%; }
.w-pct-42 { width: 42%; }
.w-pct-22 { width: 22%; }
.w-pct-94 { width: 94%; }