/* Cambia el color de fondo de todo el body */
body {
    background-color: #000000 !important;  /* Acá ponés el color que quieras */
}

/* ============= TU CSS QUE YA FUNCIONA – VERSIÓN FINAL AJUSTADA ============= */

.container-p-0.flex.align-items-center.justify-content-center {
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: space-around !important;
    padding: 10px !important;
}

.stiffy-items-center,
.ssc-align-center {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;   /* 8 en desktop – queda igual */
    gap: 14px !important;
    width: 100% !important;
    justify-items: center !important;
}

/* Imágenes base (desktop) */
.stiffy-items-center img,
.ssc-align-center img {
    width: auto !important;
    height: auto !important;
    max-width: 90px !important;     /* un poco más grandes en desktop también */
    max-height: 75px !important;
    object-fit: contain !important;
}

/* ============================================================= */
/* 1) MOBILE ≤ 480px  →  2 columnas + logos bien grandes       */
/* ============================================================= */
@media screen and (max-width: 480px) {
    .stiffy-items-center,
    .ssc-align-center {
        grid-template-columns: repeat(2, 1fr) !important;   /* 2 columnas */
        gap: 28px 20px !important;                         /* mucho más aire */
        padding: 30px 15px !important;
    }

    .stiffy-items-center img,
    .ssc-align-center img {
        max-width: 115px !important;    /* ← logos GRANDES y lindos en celu */
        max-height: 95px !important;
    }
}

/* ============================================================= */
/* 2) TABLET 481px – 1024px  →  4 columnas                      */
/* ============================================================= */
@media screen and (min-width: 481px) and (max-width: 1024px) {
    .stiffy-items-center,
    .ssc-align-center {
        grid-template-columns: repeat(4, 1fr) !important;   /* 4 columnas */
        gap: 24px 18px !important;
    }

    .stiffy-items-center img,
    .ssc-align-center img {
        max-width: 100px !important;    /* tamaño intermedio tablet */
        max-height: 82px !important;
    }
}