/* =========================
     CATALOG (scoped)
     ========================= */
    .catalog-sec {
        padding: 56px 0;
        border-top: 1px solid var(--line);
        background:
            radial-gradient(90% 120% at 50% 0%, rgba(255, 255, 255, .05) 0%, rgba(0, 0, 0, 0) 55%),
            linear-gradient(to bottom, rgba(0, 0, 0, .35), rgba(0, 0, 0, .65));
    }

    .catalog-sec .catalog-sec__head {
        text-align: center;
        max-width: 980px;
        margin: 0 auto 34px;
    }

    .catalog-sec .catalog-sec__title {
        font-size: clamp(28px, 3.2vw, 44px);
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: -1px;
        margin-bottom: 10px;
    }

    .catalog-sec .catalog-sec__title span {
        color: var(--red);
    }

    .catalog-sec .catalog-sec__desc {
        color: rgba(255, 255, 255, .75);
        line-height: 1.7;
        font-size: clamp(14px, 1.2vw, 16px);
    }

    .catalog-sec .catalog-sec__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }

    /* Tarjeta tipo póster */
    .catalog-sec .catalog-sec__card {
        position: relative;
        background: var(--bg2);
        border: 1px solid var(--line);
        overflow: hidden;
        aspect-ratio: 16 / 10;
        /* similar a thumbnails grandes */
        min-height: 220px;
    }

    .catalog-sec .catalog-sec__img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.01);
        filter: saturate(1.05) contrast(1.04);
    }

    /* Overlay para que el texto/branding se lea */
    .catalog-sec .catalog-sec__overlay {
        position: absolute;
        inset: 0;
        background:
            linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .18) 55%, rgba(0, 0, 0, .12) 100%);
        pointer-events: none;
    }

    /* “Tag/Logo” arriba izquierda (tipo SAY UNCLE) */
    .catalog-sec .catalog-sec__badge {
        position: absolute;
        top: 12px;
        left: 12px;
        display: inline-flex;
        gap: 0;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .6px;
        font-size: 12px;
        border: 1px solid rgba(255, 255, 255, .12);
        background: rgba(0, 0, 0, .45);
        backdrop-filter: blur(6px);
    }

    .catalog-sec .catalog-sec__badge span {
        padding: 7px 9px;
    }

    .catalog-sec .catalog-sec__badge .a {
        color: rgba(255, 255, 255, .85);
    }

    .catalog-sec .catalog-sec__badge .b {
        color: var(--text);
        background: rgba(225, 6, 0, .85);
        border-left: 1px solid rgba(255, 255, 255, .12);
    }

    /* Texto inferior */
    .catalog-sec .catalog-sec__meta {
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 12px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
    }

    .catalog-sec .catalog-sec__name {
        font-size: 14px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .5px;
        line-height: 1.15;
        color: rgba(255, 255, 255, .92);
        max-width: 18ch;
    }

    .catalog-sec .catalog-sec__kicker {
        font-size: 12px;
        color: rgba(255, 255, 255, .70);
        text-transform: uppercase;
        letter-spacing: .55px;
        font-weight: 800;
        white-space: nowrap;
    }

    /* Hover sutil (sin afectar a otras cards globales) */
    .catalog-sec .catalog-sec__card:hover {
        border-color: rgba(225, 6, 0, .55);
    }

    .catalog-sec .catalog-sec__card:hover .catalog-sec__img {
        transform: scale(1.04);
        transition: transform .25s ease;
    }

    /* Responsive */
    @media(max-width: 1000px) {
        .catalog-sec .catalog-sec__grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media(max-width: 640px) {
        .catalog-sec {
            padding: 44px 0;
        }

        .catalog-sec .catalog-sec__grid {
            grid-template-columns: 1fr;
        }

        .catalog-sec .catalog-sec__card {
            aspect-ratio: 16 / 11;
        }

        .catalog-sec .catalog-sec__name {
            max-width: 26ch;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .catalog-sec .catalog-sec__img {
            transition: none !important;
            transform: none !important;
        }
    }