/* ============================================================
   FRANJA DE BENEFICIOS - INDEX2
============================================================ */

.c9-beneficios2{
    width:100%;

    padding:42px 0;

    background:
        linear-gradient(
            135deg,
            #740013 0%,
            #98001b 45%,
            #6b0012 100%
        );

    font-family:'Poppins',sans-serif;
}


/* ============================================================
   CONTENEDOR
============================================================ */

.c9-beneficios2-contenedor{
    width:90%;
    max-width:1380px;

    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    align-items:center;

    gap:30px;
}


/* ============================================================
   ITEM
============================================================ */

.c9-beneficio2{
    min-width:0;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:16px;

    color:#ffffff;
}


/* ============================================================
   ICONO
============================================================ */

.c9-beneficio2-icono{
    width:64px;
    height:64px;

    flex:0 0 64px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;

    color:#ffffff;

    font-size:26px;
}


/* ============================================================
   TEXTO
============================================================ */

.c9-beneficio2-texto{
    display:flex;
    flex-direction:column;

    line-height:1.35;
}

.c9-beneficio2-texto span,
.c9-beneficio2-texto strong{
    display:block;

    color:#ffffff;

    font-size:16px;
}

.c9-beneficio2-texto span{
    font-weight:400;
}

.c9-beneficio2-texto strong{
    font-weight:600;
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:950px){

    .c9-beneficios2{
        padding:35px 0;
    }

    .c9-beneficios2-contenedor{
        grid-template-columns:repeat(2,1fr);

        gap:30px 20px;
    }

    .c9-beneficio2{
        justify-content:flex-start;
    }

}


/* ============================================================
   MÓVIL
============================================================ */

@media(max-width:600px){

    .c9-beneficios2{
        padding:27px 0;
        margin-top: 256px;
    }

    .c9-beneficios2-contenedor{
        width:90%;

        grid-template-columns:repeat(2,1fr);

        gap:25px 12px;
    }

    .c9-beneficio2{
        gap:10px;

        justify-content:flex-start;
    }

    .c9-beneficio2-icono{
        width:45px;
        height:45px;

        flex-basis:45px;

        border-width:1.5px;

        font-size:18px;
    }

    .c9-beneficio2-texto span,
    .c9-beneficio2-texto strong{
        font-size:11px;
    }

}


/* ============================================================
   MÓVILES PEQUEÑOS
============================================================ */

@media(max-width:380px){

    .c9-beneficios2-contenedor{
        gap:22px 8px;
    }

    .c9-beneficio2{
        gap:8px;
    }

    .c9-beneficio2-icono{
        width:40px;
        height:40px;

        flex-basis:40px;

        font-size:16px;
    }

    .c9-beneficio2-texto span,
    .c9-beneficio2-texto strong{
        font-size:10px;
    }

}