/**
 * archive.css — Catálogo de certificaciones (archive-certificacion.php)
 * Cargado solo en /certificaciones/. Las filas/sellos/paginación
 * (.home-services__list, __row, __pagination...) son el componente
 * compartido de main.css — acá solo van los filtros y el padding de
 * la sección, propios de esta página.
 */

.cert-archive { padding: 56px 0 88px; }

.cert-archive__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
}

.cert-archive__filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radius-lg) var(--radius-brand-sm) var(--radius-lg) var(--radius-brand-sm);
    background: var(--color-blanco);
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-texto);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cert-archive__filter-btn:hover:not(.is-active) { border-color: var(--color-primario); color: var(--color-primario); }

.cert-archive__filter-btn.is-active {
    background: var(--color-primario);
    border-color: var(--color-primario);
    color: var(--color-blanco);
}

.cert-archive__filter-count { opacity: 0.7; font-size: 12px; font-weight: 600; }

@media (max-width: 640px) {
    .cert-archive__filter-btn { padding: 8px 16px; font-size: 13px; }
}