body {
    background-color: #111;
}

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

.span_disclaimer_ndx {
    font-family: PlusJakartaSans-SemiBold;
    font-size: 2rem;
}

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

.idiomaslogo01 {
    display: flex;
    font-size: 5rem;
    background-color: #111;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

#lgs_idiomas_lnk_ndx {
    width: 8rem;
    height: auto;
}

.dv_abuelo_ndx {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1e1f22;
}

.dv_padre_ndx {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* --- Grande --- */
    padding: 1rem;
}

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

.imgs_flags01 {
    width: 108px;
    height: 72px;
    margin: 1rem;
    border-radius: 0.6rem;
    border: 2px solid #fff;
}

    .imgs_flags01:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    }

@media (max-width: 1720px) {
    .dv_padre_ndx {
        grid-template-columns: repeat(8, 1fr); /* --- Medio Grande --- */
    }
}

@media (max-width: 1160px) {
    .dv_padre_ndx {
        grid-template-columns: repeat(6, 1fr); /* --- Medio --- */
    }
}

@media (max-width: 880px) {
    .dv_padre_ndx {
        grid-template-columns: repeat(4, 1fr); /* --- Media pequeña --- */
    }
}

@media (max-width: 600px) {
    .dv_padre_ndx {
        grid-template-columns: repeat(3, 1fr); /* ----- Pequeña ----- */
    }
}

@media (max-width: 500px) { /* ----- Dolor de cabeza ----- */
    .dv_padre_ndx {
        padding: 1rem 0.4rem;
    }
}

@media (max-width: 440px) {
    .dv_padre_ndx {
        grid-template-columns: repeat(3, 1fr); /* ----- Dolor de cabeza 2.0 ----- */
    }

    .imgs_flags01 {
        width: 81px;
        height: 54px;
        margin: 0.6rem;
        border: 1px solid #fff;
    }
}

/* ----- FIN DE LOS @MEDIA ----- */

.dv_img_logos_redes {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.a_img_logos_redes {
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.img_logos_redes01 {
    width: 450px;
    height: auto;
}

.a_img_logos_redes:hover {
    outline: 3px solid #f00;
    border-radius: 5px;
    margin: 1rem;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

@media (max-width: 500px) {
    .img_logos_redes01 {
        width: 300px;
        height: auto;
    }
}