body {
    font-family: PlusJakartaSans-SemiBold;
    background-color: #272727;
    color: #fff;
}

.dv_disclaimer_plat {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    hyphens: auto;
    gap: 0.75rem;
    padding: 20px;
    color: #000;
    background-color: #fff;
}

.platform_base {
    display: flex;
    justify-content: center;
    align-items: center;
}

.platform_padre {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.span_disclaimer_plat {
    font-size: 2rem;
}

.p_disclaimer_plat {
    font-family: PlusJakartaSans-Regular;
    font-size: 14px;
}

.dv_plat_hj01 {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 2rem;
    padding: 2rem;
}

.dv_nieto_x {
    display: grid;
    grid-template-rows: repeat(2, auto);
    place-items: center;
    text-align: center;
    gap: 1rem;
}

.dv_nieto_z {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    hyphens: auto;
    gap: 1rem;
}

.span_nieto {
    font-size: 1.25rem;
}

.p_nieto {
    font-family: PlusJakartaSans-ExtraLightItalic;
    font-size: 0.8rem;
}

.a_nieto {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.img_nieto {
    width: 200px;
    height: auto;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    .img_nieto:hover {
        transform: translateY(-20px) perspective(600px) rotateX(6deg);
    }

/* ----- @media ----- */

@media (max-width: 985px) {
    .dv_plat_hj01 {
        grid-template-columns: repeat(2, auto);
        gap: 2rem 5rem;
    }
}

@media (max-width: 680px) {
    .dv_plat_hj01 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 400px) {
    .dv_plat_hj01 {
        gap: 1rem;
        padding: 1rem;
    }
}