@charset "utf-8";
/* CSS Document */
/* =========================================================
   BENEFICIOS - DISEÑO WEB
   ========================================================= */
/* =========================================================
   BENEFICIOS - DISEÑO WEB
   ========================================================= */

.ac-web__beneficios {
    position: relative;
    top: -55px;
    z-index: 10;

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

    width: 100%;

    margin-bottom: -55px;

    padding: 22px 28px;

    background-color: #ffffff;

    border-radius: 14px;

    box-shadow: 0 12px 35px rgba(11, 45, 77, 0.12);
}
/* =========================================================
   ITEM
   ========================================================= */

.ac-web__beneficios-item {
    display: flex;
    align-items: center;

    min-width: 0;

    padding: 8px 22px;

    border-right: 1px solid #e7eef5;
}


/* El último elemento no necesita separador */

.ac-web__beneficios-item:last-child {
    border-right: none;
}


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

.ac-web__beneficios-icono {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    margin-right: 14px;

    flex-shrink: 0;

    border-radius: 12px;

    font-size: 1.25rem;

    color: #0879e8;
    background-color: #eaf5ff;
}


/* =========================================================
   CONTENIDO
   ========================================================= */

.ac-web__beneficios-contenido {
    min-width: 0;
}


/* TÍTULO */

.ac-web__beneficios-contenido h3 {
    margin: 0 0 4px;

    color: #0b2d4d;

    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.25;
}


/* DESCRIPCIÓN */

.ac-web__beneficios-contenido p {
    margin: 0;

    color: #64798c;

    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1.4;
}