:root {
    --morado: #8338EC;
    --moradoGradiente: linear-gradient(192.72deg, #8338EC 10.28%, #5104BC 82.11%);
    --azulgradient: linear-gradient(180deg, #418AFF -13.36%, #2D7AF5 45.86%, #114DAC 115.41%);
    --gris: linear-gradient(180deg, #FFFFFF 43.98%, #D9D9D9 78.9%);
    --negro: #2C2C2C;
    --celeste: #3A86FF
}
.logo1 img {
    max-width: 100%;
    max-height: 150%;
    display: block;
    margin: 0 auto;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.que__es__imagef_hidden{
    display: none;
}
html {
    font-size: 10px;
    scroll-behavior: smooth;
}

.bodypage p {
    text-shadow: 2px 2px 8px rgba(255, 255, 255, 0.6);
}

@font-face {
    font-family: Fredoka One;
    src: url(../fonts/FredokaOne-Regular.ttf);
}


@font-face {
    font-family: Nunito;
    src: url(../fonts/Nunito-Regular.ttf);
}

@font-face {
    font-family: Nunito-medium;
    src: url(../fonts/Nunito-Medium.ttf);
}

@font-face {
    font-family: Nunito-bold;
    src: url(../fonts/Nunito-Bold.ttf);
}
@font-face {
    font-family: Nunito-SemiBold;
    src: url(../fonts/Nunito-SemiBold.ttf);
}

@font-face {
    font-family: Fredoka-SemiBold;
    src: url(../fonts/Fredoka-SemiBold.ttf);
}

body {
    background: url(../images/FondoR.png);
    background-size: 100%;
    font-family: Nunito;
    color: var(--negro);
}
/* Nuevos estilos CSS para los fondos */
/* .background-group-1 {
    background: url(../images/background_1.png);
background-size: 100%;
font-family: Nunito;
color: var(--negro);
padding: 45px 0;

} */

.logo1 {
    width: 175px;
    height: 50px;
    padding: 10px;
    text-align: center;
    margin-top: -20px;
}
.background-group {
    /* background: url(../images/fondo_final.png); */
background-size: 100%;
font-family: Nunito;
color: var(--negro);
padding: 0px 0;

}



/* ESTRUCTURAS DE LA WEB QUE SE REPITEN EN LAS PAGINAS */

/* Header */
/* section.que__es__netdreams__sudoku{
    background: url(../images/1raseccion.png);
   
} */
header {
    padding: 1em 0;
    background: var(--moradoGradiente);
    color: #FFF;
}
/* .caption__descripcion p, .como__se__juega__paragraph, .video__paragraph {
    background: #ffffff;
    border-radius: 10px;
    text-align: justify;
    padding: 18px 18px;
} */
section {
    width: 100%;
    max-width: 1350px;
    margin: 80px auto;
}
section.juega-celular{
    width: 100%;
    max-width: 1350px;
    margin: 0px auto;
}
section.video {
    width: 100%;
    max-width: 1350px;
    margin: 80px auto;
}
section.video {
    width: 100%;
    max-width: 1350px;
    margin: 80px auto;
}

.que__es__netdreams__sudoku {
    margin: 5px auto;
}

.container-header {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Fredoka One;
}

.logo-hero img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 90%;
}

.navigation ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.navigation ul li {
    list-style: none;
}

.navigation ul li a {
    text-decoration: none;
    font-size: 2rem;
    color: #FFF;
}

.navigation .selected {
    border-bottom: 2px solid #FFF;
}

.close-bar,
.menu_bar {
    display: none;
}

.content-language-menu {
    display: flex;
    align-items: center;
    gap: 30px;
}

.language {
    position: relative;
    width: 195px;
}

.language .current {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2rem;
    font-family: Fredoka One;
    gap: 7px;
    border: 2px solid #FFF;
    border-radius: 20px;
    padding: 7px 18px;
    cursor: pointer;
}

.options {
    color: #FFF;
    text-decoration: none;
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 2rem;
    width: 195px;
    font-family: Fredoka One;
    gap: 5px;
    background: #4C129D;
    border: 0;
    height: 0;
    overflow-y: hidden;
    top: 50px;
    border-radius: 20px;
    z-index: 30;
    transition: 300ms ease all;
    cursor: pointer;
}

.options .language_item {
    background: #4C129D;
    width: 100%;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 10px 10px 16px;
}

.options .language_item:hover {
    background: var(--morado);
}

.options.open {
    height: 305px;
    border: 2.5px solid #FFF;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
    transition: 300ms ease all;
}

.icono-drop {
    transition: 300ms ease all;
}

.icono-drop.active {
    transform: rotate(180deg);
    transition: 300ms ease all;
}

/* PAGES STRUCTURE */

.bodypage {
    width: 100%;
    border-radius: 15px 0px 0px 15px;
    margin: auto;
}

h2 {
    text-shadow: 0px 4px 1px 0px #BBBBBB;
}

/* Footer */

.content-footer {
    background: url(../images/fondo-footer.png);
    background-size: cover;
    padding: 100px 20px;
    display: flex;
    justify-content: center;
    gap: 250px;
}

.logo-netdreams {
    max-width: 350px;
    width: 75%;
}

.logo-netdreams img {
    width: 100%;
    display: block;
    margin: auto;
}

.content-footer h3 {
    margin-bottom: 30px;
    font-size: 2.4rem;
    font-family: Fredoka One;
    color: #2D7AF5;
}

.content-redes {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.content-redes a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.8rem;
    text-decoration: none;
    color: var(--negro);
    font-family: Nunito-medium;
}

.bottom-footer {
    padding: 20px;
    background: var(--moradoGradiente);
}

.bottom-footer p {
    text-align: center;
    font-size: 1.8rem;
    font-family: Nunito-medium;
    color: #FFF;
}

.ad_vertical {
    width: 300px;
    padding: 25px 0;
    background: #C4C4C4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

.ad {
    width: 100%;
}