/* DAC AS Beneficios - front. */

#dac-as-beneficios-data { display: none; }

/* Lista de beneficios del paso 3: cajas con misma altura, texto
   centrado vertical y horizontal. La cantidad de columnas la define
   el JS con clases col-lg-4 (default) o col-lg-3 (> 12 beneficios). */
#dac-as-beneficios-lista .boton-beneficios {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

#dac-as-beneficios-lista .boton-beneficios p {
    margin: 0;
}

/* Con más de 12 beneficios: tipografía al 80% en el <p>. */
#dac-as-beneficios-lista.beneficios-muchos .boton-beneficios p {
    font-size: 80%;
}


/* Colores alternos por posición de la caja. */
#dac-as-beneficios-lista > div .boton-beneficios{
    background-color: #dfebf0; /* impar (default) */
}
#dac-as-beneficios-lista > div:nth-child(even) .boton-beneficios{
    background-color: #dff4f0; /* par */
}
#dac-as-beneficios-lista > div:nth-child(odd) .boton-beneficios{
    background-color: #dfebf0; /* impar */
}