/* CATEGORÍA PLÁSTICO PARA EMBALAJE
   Solo estilos específicos */
.category-hero--packaging {
    background:
        radial-gradient(circle at 84% 18%,
            rgba(7, 104, 215, 0.15),
            transparent 34%),
        linear-gradient(90deg,
            #ffffff 0%,
            #ffffff 53%,
            #f1f6fc 100%);
}

.category-hero--packaging h1 span {
    color: var(--color-primary);
}

.category-hero--packaging .category-hero__visual::before {
    background: linear-gradient(145deg,
            rgba(7, 104, 215, 0.17),
            rgba(7, 104, 215, 0.025));
    border-color: rgba(7, 104, 215, 0.11);
}

/* CATÁLOGO */
.packaging-catalog {
    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #f6f8fb 100%);
}

.packaging-catalog__grid {
    max-width: 1180px;
    margin-inline: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.packaging-card__features {
    margin: 0 0 20px;
    padding: 17px 0 0;
    border-top: 1px solid var(--color-border);
    list-style: none;
}

.packaging-card__features li {
    position: relative;
    padding-left: 16px;
    color: var(--color-text);
    font-size: 0.69rem;
    line-height: 1.5;
}

.packaging-card__features li+li {
    margin-top: 7px;
}

.packaging-card__features li::before {
    position: absolute;
    top: 0.56em;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    background: var(--color-primary);
    border-radius: 50%;
}

/* SELECCIÓN */
.packaging-selection {
    background:
        radial-gradient(circle at 14% 17%,
            rgba(7, 104, 215, 0.07),
            transparent 28%),
        var(--color-surface);
}

/* APLICACIONES */
.packaging-applications {
    background: var(--color-white);
}

.packaging-application {
    position: relative;
    overflow: hidden;
}

.packaging-application::after {
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 90px;
    height: 90px;
    content: "";
    background: radial-gradient(circle,
            rgba(7, 104, 215, 0.08),
            transparent 70%);
    pointer-events: none;
}

/* OPCIONES Y PRESENTACIONES */
.packaging-customization {
    background:
        radial-gradient(circle at 17% 20%,
            rgba(68, 157, 255, 0.16),
            transparent 31%),
        linear-gradient(145deg,
            #041a3e,
            #063a75);
}

/* CTA FINAL */
.packaging-final-cta {
    background:
        radial-gradient(circle at 84% 48%,
            rgba(103, 183, 255, 0.18),
            transparent 31%),
        linear-gradient(135deg,
            #052b63,
            #0768d7);
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .packaging-catalog__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .packaging-card:last-child {
        grid-column: 1 / -1;
        width: min(100%, 570px);
        justify-self: center;
    }
}

@media (max-width: 720px) {
    .packaging-catalog__grid {
        grid-template-columns: 1fr;
    }

    .packaging-card:last-child {
        grid-column: auto;
        width: 100%;
    }
}