/* COLORES PRINCIPALES
    azul: #425AF2
    violeta: #8B57F7
    naranja: #FF4627
    COLORES SECUNDARIOS
    amarillo: #FFC700
    verde: #42CD36
    magenta: #FF2F6D
    celeste: #6FC2DD
    blanco: #fff
*/

/* Nav bar */

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Nunito', sans-serif;
}

.bg-light{
    box-shadow: #1a1a1a ;
}

.logoNavbar {
    margin-left: 8rem;
    margin-top: 5px;
    margin-bottom: 5px; }

nav.sticky {
    background-color: #1a1a1a;
    transition: 0.6s; }

.logoimg {
    max-width: 300px;
}

.logoNavbar-responsive{
    display: none;
}

nav ul {
    margin-right: 3rem;

}
nav ul li a {
    color: #425AF2 !important; 
    font-weight: 700;
    text-decoration: none;
    justify-content: space-between;
    align-items: flex-end;
    letter-spacing: 2px;
}

nav ul li a:hover{
border-bottom: solid 2px #42CD36 ;
}


nav ul li button{
    background-color: #f8f9fa;
    border-radius: 11px;
    border-style:solid;
    border-color: #6FC2DD;
    outline: none;
    margin: 0;
}

nav ul li button:hover{
    background-color: #6FC2DD;
}

/* HOME */
/* Home Seccion uno */

#inicio {
    display: flex;
    flex-direction: row;
}

.home-texto{
    margin-top: 5rem;
    margin-left: 8rem;
    margin-right: 6rem;
}

.home-texto h1{
    color: #425AF2;
    font-weight: 900;
    font-size: 70px;
}

.home-texto h2{
    color: #425AF2;
    font-weight: 700;
    margin-bottom: 10rem;
}

.home-texto h3{
    color: #8B57F7;
    font-size: 32px;
    font-weight: 900;
    margin-right: 22rem;
}

.home-texto p{
    font-size: 25px;
    color: #425AF2;
    margin-right: 10rem;
    font-weight: 700;
}


.desliza{
    display: flex;
    flex-direction: column;
}

.desliza p{
    font-weight: 700;
    margin-top: 5rem;
    margin-right: 25rem;
}

.desliza button{
    color: #fff;
    background-color: #8B57F7;
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 11px;
    margin-right: 35rem;
}

.desliza ion-icon{
margin-left: 3.3rem;
    color: #8B57F7;
}

.img-home-celu{
    display: none;
}
.contenedor-funciones {
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	height: 20rem;
}

.funciones{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.icono-position{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.icono-position img{
	position: relative;
	animation-name: iconos-funciones;
	animation-duration: 4.5s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
	animation-delay: 0.2s;
	animation-play-state: running;
}

@keyframes iconos-funciones {
	0% {transform: scale(0.2);
	
	}
	25% {
		transition-duration: 1.5s;
		transform: scale(1);
		
	}
	
	50% {transition-duration: 2s;
		transform: scale3d(1)
	}
	
	75% {
		transition-duration: 0.5s;
		transform: scale(0.5);
	}

	100% {
		transform: scale(0.3);
	}
}

.funciones h4 {
	display: flex;
	justify-content: center;
	font-weight: 900;
	color: #425AF2;
	font-size: 2rem;
	padding-top: 1.5rem;
}



/*	Home seccion dos*/

.cards-juegos-comunidad{
	display: flex;
	justify-content: space-evenly;
    margin-bottom: 4rem;
}

/* Card Juegos*/

.card-juegos{
	color: #FFFFFF;
	background-image: url("../Estimulando/img/estimulando_13.jpeg");
	background-size: cover;
	max-width: 695px;
	padding: 15em 0 0 0;
	border-radius: 40px;
	transition: transform 500ms ease;
	overflow: hidden;
}

.card-juegos:hover {
	transform: scale(1.05);
}

.card-juegos-content {
	background-color: #425AF2;
	border-radius: 0px 0px 40px 40px;
	padding: 0.9rem .8rem 0.8rem;
	transform: translateY(100%);
	transition: transform 450ms ease;
}

.card-juegos:hover .card-juegos-content{
	transform: translateY(0);
}


.card-juegos-content h3 {
	font-style: 900px;
	font-size:48px;
}

.card-juegos-content p {
	font-size:24px;
}


/*Card comunidad*/

.card-comunidad{
    display: flex;
	color: #FFFFFF;
	background-image: url("../Estimulando/img/estimulando_15.jpeg");
	background-size: cover;
	max-width: 695px;
	padding: 15em 0 0 0;
	border-radius: 40px;
	transition: transform 500ms ease;
	overflow: hidden;
    margin-left: 2rem;
}

.card-comunidad:hover {
	transform: scale(1.05);
}

.card-comunidad-content {
	background-color: #425AF2;
	border-radius: 0px 0px 40px 40px;
	padding: 0.9rem .8rem 0.8rem;
	transform: translateY(100%);
	transition: transform 450ms ease;
}

.card-comunidad:hover .card-comunidad-content{
	transform: translateY(0);
}


.card-comunidad-content h3 {
	font-style: 900px;
	font-size:48px;
}

.card-comunidad-content p {
	font-size:24px;
    padding-right: 8rem;
}

/* carrousel */

.container-all{
    position: relative;
    max-width: 850px;
    max-height: 400px;
    width: 100%;
    overflow: hidden;
    margin-left: 28%;
    border-radius: 22px;
    margin-bottom: 2rem;
    box-shadow: rgba(0, 0, 0, 0.25);
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    animation-name: autoplay;
    animation-duration: 6.5s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.item-slide{
    position: relative;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}

.textos-slide{
    display: flex;
    text-align: center;
    margin-top: 10%;
    position: absolute;
    color: #ffffff;
}

.textos-slide h2{
    display: flex;
    justify-content: center;
    font-size: 45px;
    font-weight: 900;
}

.item-slide img{
    max-width: 100%;
}

.pagination{
    position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pagination-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid white;
    width: 16px;
    height: 16px;
    border-radius: 22px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    text-align: center;
    transition: all 300ms;
}

.pagination-item:hover{
    transform: scale(2);
}

.pagination-item img{
    display: inline-block;
    max-width: none;
    height: 100%;
    transform: scale(1);
    opacity: 0;
    transition: all 300ms;
}

.pagination-item:hover img{
    opacity: 1;
    transform: scale(1);
}


input[id="1"]:checked ~ .slide{
    animation: none;
    transform: translate3d(0, 0, 0);
}

input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
    background: #fff;
}

input[id="2"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{
    background: #fff;
}


input[id="3"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 2), 0, 0);
}

input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
    background: #fff;
}

@keyframes autoplay{
    33%{
        transform: translate3d(calc(-100% * 0), 0, 0);
    }
    
    66%{
        transform: translate3d(calc(-100% * 1), 0, 0);
    }
    
    100%{
        transform: translate3d(calc(-100% * 2), 0, 0);
    }
}

/* 	Juegos */

.cajas-juegos {
	display: flex;
    justify-content: center;
	margin-bottom: 2rem;
}

.img-juegos-celu {
	display: none;
}

.juego-1 {
	border-radius: 32px;
	background: #FFC700;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}


.juego-2 {
	background: #FF2F6D;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 32px;
	display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}


.juego-3 {
	background: #425AF2;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 32px;
	display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
}

.juego-4 {
	background: #42CD36;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 32px;
	display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.juego-5 {
	background: #6FC2DD;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 32px;
	display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}


.juego-6 {
	background: #FF4627;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 32px;
	display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
}


.seccion-1 {
	display: flex;
    margin-top: 6rem;
    margin-bottom: 4rem;
}

.titulo-juegos {
    margin-left: 13rem;
	font-size: 70px;
    font-weight: 900;
	color:#FF4627;
	font-family: "nunito"
}

.subti-juegos {
	font-size: 2rem;
    font-weight: 700;
	color:#FF4627;
	font-family: "nunito";
    display: flex;
    justify-content: center;
}

.texto-juegos {
	font-size: 30px;
	font-family: "nunito";
	color:#FF4627;
	margin-top: 400px;
    margin-left: 13rem;
}

.desliza-juegos {
	margin-top: 1rem;
	color: #FFFFFF;
	font-family: "nunito";
	background: #FF4627;
	box-shadow: none;
	outline: none;
	border: none;
	border-radius: 6px;
	padding: 10px 25px 10px 25px;
    margin-left: 13rem;
}


.chevron-juegos{
    display: flex;
    color: #FF4627;
    margin-left: 15rem;
}

/* Comunidad */

.img-comunidad{
    background-image: url("../Estimulando/img/fondo-comunidad-100.jpg");
    height: auto;
    width: 100%;
    background-position: center;
    margin-top: 6rem;
}


.rompecabezas-celu{
    display: none;
}

.comunidad{
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 80vh;
}

.position-head{
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
    margin-right: 30rem;
    margin-left: 30rem;
}

.comunidad h1{
    display: flex;
    text-align: center;
    margin-left: 5rem;
    margin-right: 5rem;
    margin-top: 5rem;
    font-size: 70px;
    font-weight: 900;
    color: #425AF2;
    margin-bottom: 30px;
}

.buscador{
    display: flex;
    align-items: center;
    background: #ffffff;
    box-shadow: 0 0em 0.5em rgba(0,0,0,0.2);
    border-radius: 80px;
    height: 50px;
    margin-left: 15rem;
    margin-right: 15rem;
}

.buscador input{
    border: none;
    background: none;
    outline: none;
    font-size: 14px;
    padding-right: 250px;
    padding-left: 10px;
}

.lupa {
    color: #1a1a1a;
}

.card{
    background-image: url("../Estimulando/img/comunidad-noticia.jpg");
    background-size: cover;
    padding: 12rem 0 0;
    max-width: 135ch;
    border-radius: 22px;
    margin-bottom: 1rem;
}

.container-cards{
    display: flex;
}

.card-dos{
    background-image: url("../Estimulando/img/comunidad-noticia-dos.jpg");
    background-size: cover;
    padding: 12rem 0 0;
    max-width: 130ch;
    border-radius: 22px;
    margin-bottom: 1rem;
}

.card-content{
    background-color: #425AF2;
    padding: 1.5rem;
    border-radius: 22px;
}

.card-content-dos{
    background-color: #6FC2DD;
    padding: 1.5rem;
    border-radius: 22px;
}

.card-content-tres{
    background-color:#FFC700;
    padding: 1.5rem;
    border-radius: 22px;
    margin-bottom: 1rem;
}

.card-title{
    color: #fff;
    padding: 1rem;
}

.card-body{
    color: #fff;
}

.card-p{
    color: #fff;
    padding-left: 1rem;
}

.card-nota{
    color: #fff;
}

.container-comunidad{
    display: block;
    max-width: 1100px;
    margin: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

.container-comunidad h2{
    color: #ffffff;
    font-weight: 700;
}

.container-dos{
    display: flex;
    max-width: 1100px;
    margin: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

.card-colores{
    display: flex;
    flex-direction: column;
    margin-left: 2rem;
    justify-content: space-around;
}

.cards-notas-amarillo{
    display: flex;
    background-color: #FFC700;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 11px;
}

.iconos-card-grande{
    margin-left: 27rem;
}

.iconos-card{
    margin-left: 0.5rem;
    display: flex;
    flex-direction: row;
}

.space-icon{
    margin-right: 10px;
}


.cards-notas-magenta{
    display: flex;
    color: #fff;
    background-color: #FF2F6D;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 11px;
}

.cards-notas-celeste{
    display: flex;
    color: #fff;
    background-color: #6FC2DD;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 11px;
}

.user-card-comunidad{
    display: flex;
}

.user-card-comunidad h5{
    margin-left: 2rem;
    margin-top: 1rem;
}

.user-card-comunidad-pregunta{
    display: flex;
}

.user-card-comunidad-pregunta h5{
    margin-left: 1.5rem;
    color: #fff;
}


.iconos-foro{
    display: flex;
    color: #fff;
    margin-left: 33rem;
}

.iconos-foro p {
    margin-right: 3rem;
    margin-left: 1rem;
}

.card-preguntar input{
    outline: none;
    border: none;
}


.tipeador h2{
    display: flex;
    justify-content: center;
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 1rem;
    margin-bottom: 3rem;
    text-align: center;
    color: #425AF2;
    font-weight: 700;
}

.card-foro-type{
    background-color: #FFC700;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 11px;
}

.card-preguntar{
    display: flex;
    background-color: #fff;
    border: none;
    outline: none;
    margin-top: 7rem;
    padding-left:2px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-right: 2rem;
    border-radius: 11px;
}

.enviar-mensaje{
    color: #FF2F6D;
}
.card-preguntar a{
    display: flex;
    margin-left: 47rem;
}

.card-foro-consulta{
    background-color: #425AF2;
    padding-top: 1rem;
    border-radius: 11px;
    margin-bottom: 1rem;
}

.margin-card{
    padding-left: 1rem;
}

.texto-consultas{
    color: #fff;
    margin-top: 1rem;
    margin-right: 19rem;
}

.consultas h3{
    margin-top: 1rem;
    color: #fff;
    font-weight: 900;
    font-size: 30px;
}

.user-card-comunidad-bar{
    background-color: #6FC2DD;
    display: flex;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 1rem;
    border-radius: 0px 0px 11px 11px;
}

.user-card-comunidad-bar p{
    color: #fff;
    margin-right: 56rem;
    padding-top: 0.5rem;
}


/* Nosotros */
.titulos { 
	color: #8B57F7;
    font-weight: 700;
	padding-top: 6rem;
	padding-bottom: 2rem;
	height: 16.6rem;
}

.titulos h1 {
	display: flex;
	justify-content: center;
	font-size: 4rem;
    font-weight: 900;
	}

.titulos h2 { 
	display: flex;
	justify-content: center;
	font-size: 2rem;
    font-weight: 900;
	}

/*Seccion quienes somos*/

.container_section_quienes_somos { 
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 25rem;
	margin-top: 7rem;
}

.boton_quienes_somos {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 2rem;
	margin-top: 2.5rem;
	padding: 1rem;
	width: 28%;
	height: 68%;
	background-color: #425AF2;
	border-radius: 3rem;
	font-family: 'Nunito', sans-serif;
    font-weight: 900;
	color: #ffffff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.boton_quienes_somos h3 {
	font-size: 3rem;
    font-weight: 900;
}

.quienes-somos-item {
	width: 50rem;
	background-color: #FFFFFF;
	border-radius: 1.5rem;
	margin-bottom: 1rem;
	padding: 1rem 1.5rem;
	box-shadow: 0px 4px 4px rgba(19, 31, 95, 0.38);
}

.quienes-somos-item a {
	text-decoration: none;
    font-weight: 700;
	font-size: 2rem;
	color: #122278;
	background-color: #FFFFFF;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
}

.quienes-somos-item a ion-icon {
	color:#122278;
}

.quienes-somos-item a .icono-arriba {
	display: none;
}

.respuesta {
	max-height: 0px;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}

.respuesta p {
	font-size: 1.5rem;
	color: #122278;
}

.quienes-somos-item:hover .respuesta {
	max-height: 16.6rem;
    transition: 0.8s;
}


/*seccion sobre nuestra propuesta*/

.container_section_sobre_nosotros { 
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100%;
	margin-top: 9rem;
    margin-bottom: 5rem;
}

.boton_sobre_nosotros {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 2rem;
	margin-top: 2.5rem;
	padding: 1rem;
	width: 28%;
	height:17rem;
	background-color: #FF2F6D;
	border-radius: 3rem;
	font-family: 'Nunito', sans-serif;
    font-weight: 900;
	font-size: 3rem;
	color: #ffffff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.boton_sobre_nosotros h3 {
	font-size: 3rem;
	text-align: center;
    font-weight: 900;
}

.sobre-nosotros-item {
    text-decoration: none;
	width: 50rem;
	background-color: #FFFFFF;
	border-radius: 22px;
	margin-bottom: 1rem;
	padding: 1rem 1.5rem;
	box-shadow: 0px 4px 4px rgba(19, 31, 95, 0.38);
}

.sobre-nosotros-item a {
    text-decoration: none;
    font-weight: 700;
	font-size: 2rem;
	color: #122278;
	background-color: #FFFFFF;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
    list-style-type: none;
}

.sobre-nosotros-item a  ion-icon {
	color:#122278;
}

.sobre-nosotros-item a .icono-arriba {
	display: none;
}

.respuesta {
	max-height: 0px;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}

.respuesta p {
	font-size: 1.5rem;
	color: #122278;
}

.sobre-nosotros-item:hover .respuesta {
	max-height: 16.6rem;
    transition: 0.8s;
}

/* Contacto */
.container-contacto{
	display: flex;
    margin-top: 6rem;
}

.background-form{
	margin-left: 10rem;
	margin-top: 5rem;
	margin-right: rem;
}

.background-form h1{
	color: #FF2F6D;
}

.background-form h2{
	color: #FF2F6D;
	margin-bottom: 50px;
}

.contenido-contacto{
	background-color: #6FC2DD ;
	border-radius: 22px;
	padding: 2rem;
	margin-right: 1rem;
}

.contenido-contacto h5{
	color: #fff;
	font-family: "nunito";
}

.contenido-contacto h3 {
	color: #fff;
	font-family: "nunito";
	margin-bottom: 20px;
}

.contenido-contacto input{
	background: rgba(255, 255, 255, 0.5);
	border-radius: 6px;
	outline: none;
	border:none;
	padding-left: 10px;
	padding-right: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.contenido-contacto textarea{
	padding-left: 515px;
	padding-top: 1rem;
	padding-bottom: 2rem;
	border:none;
	outline: none;
	background-color:rgba(255, 255, 255, 0.5) ;
	border-radius: 11px;
}

.contenido-contacto button{
	display: flex;
	margin-top: 1rem;
	margin-left: 320px;
	background-color:#FF2F6D;
	color: #fff;
	padding: 10px 25px 10px 25px;
	outline: none;
	border: none;
	border-radius: 6px;
	font-family: "nunito";
}

.h1-contacto {
	text-align: center;
	margin-right: 500px;
	color: #FF2F6D;
    font-weight: 900;
	font-size: 78px;
	font-family: "nunito";
}

.h2-contacto {
	text-align: center;
	margin-right: 200px;
	color: #FF2F6D;
	font-style: normal;
	font-size: 40px;
	font-family: "nunito";
}

/* Footer */

footer{
    display: flex;
    justify-content: space-between;
    background-color: #8B57F7;
    bottom: 0;
    margin-top: 2rem;
}

footer img{
    margin-top: 1rem;
    margin-left: 3rem;
}

.container-footer{
    display: flex;
    justify-content: space-between;
    width: 1920px;
    margin: 1rem;
}

.footer-contacto{
    margin-left: 2rem;
}

.footer-contacto h4{
    color: #fff;
    font-weight: 700;
}

.footer-contacto h6 a{
    color: #fff;
}

.footer-mensaje h4{
    color: #fff;
    font-weight: 700;
}

.footer-mensaje input{
    background: #fff;
    outline: none;
    border: none;
    padding: 7px;
    padding-right: 16rem;
    border-radius: 11px 0px 0px 11px;
}

.footer-mensaje button{
    font-weight: 700;
    color: #fff;
    outline: none;
    border: 2px solid #fff;
    background-color: #8B57F7;
    padding: 5px;
    border-radius: 0px 11px 11px 0px;
}

.footer-derechos {
    display: flex;
    align-content: flex-end;
    padding-top: 3rem;
}

.footer-derechos ul{
    color: #fff;
    list-style: none;
}

.footer-derechos ul li{
    text-align: right;
}

ion-icon {
    color: #fff;
}

ion-icon:hover{
    color: #1a1a1a;
}

/* media querys */

@media screen and (max-width: 1200px){

/* nav */

.logoNavbar-responsive{
    display: contents;
}
.logoNavbar{
    display: none;
}

.logoimg-responsive{
    padding: 5px;
}

.nav-link{
    display: flex;
    justify-content: center;
    font-size: 24px;
}

.nav-item{
    justify-content: center;
    display: flex;
    padding-bottom: 2rem;
}

nav ul li button{
    border:none;
    border-color: none;
}

/* home */
.img-home-web{
    display: none;
}
.img-home-celu{
    display:inherit;
}

#inicio{
    flex-direction: column-reverse; 
    margin-top: 5rem;
}

.home-texto{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    justify-content: center;
}

.home-texto h1{
    display: flex;
    font-size: 30px;
    justify-content: center;
}

.home-texto h2{
    display: flex;
    font-size: 20px;
    margin-bottom: 1rem;
    justify-content: center;
}

.home-texto h3{
    font-size: 20px;
    margin-right: 1px;
}

.home-texto p{
    margin-right: 1px;
    font-size: 16px;
}

.desliza{
    display: none;
}

.contenedor-funciones{
    height: 900px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.funciones{
    flex-direction: column;
}

.icono-position{
    margin-bottom: 3rem;
}

#inicio img{
    max-width: 338px;
    padding: 1rem;
}

.container-all {
    margin-right:1rem;
    margin-left:1rem;
    max-width: 335px;
    justify-content: center;
    margin-bottom: 5px;
}

.cards-juegos-comunidad{
    flex-direction: column;
    justify-content: center;
    margin: 1rem;
    max-width: 340px;
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.card-juegos{
    padding: 0.5px;
    margin-bottom: 1rem;
    height: 181px;
}

.card-juegos-content h3{
    font-size: 30px;
    padding-top: 3rem;
}

.card-juegos-content p{
    font-size: 16px;
}

.card-comunidad{
    padding: 0.5px;
    margin-left: 1px;
    height: 180px;
}

.card-comunidad-content h3{
    font-size: 30px;
    padding-top: 3rem;
}

.card-comunidad-content p{
    font-size: 16px;
    padding-right: 1rem;
}


/* comunidad */

.rompecabezas-celu{
    display: inherit;
    width: 340px;
}
.container-comunidad{
    margin-top: 14rem;
}

.container-dos{
    margin-top: 4rem;
}

.comunidad{
    margin: none;
    height: 25rem;
}
.comunidad h1{
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 50px;
}
.buscador{
    margin-left: 1px;
    margin-right: 1px;
}
.buscador input{
    padding-right: 5rem;
}
.container-dos{
    flex-direction: column;
}
.card-colores{
    margin-left: 1px;
}
.cards-notas-amarillo{
    margin-bottom: 1rem;
}
.cards-notas-magenta{
    margin-bottom: 1rem;
}
.consultas{
    margin-bottom: 1rem;
}
.iconos-card{
    margin-left: 1px;
}
.tipeador h2{
    margin: 1rem;
}
.texto-consultas{
    margin-right: 1rem;
}
.iconos-foro{
    display: none;
}
.user-card-comunidad-bar p{
    margin-right: 11rem;
}
.card-preguntar{
    margin-right: 1px;
}
.card-preguntar a{
    margin-left: 4rem;
}


/*nosotros*/

    .titulos { 
        padding-bottom: 0px;
        margin-bottom: 20px;
        height: 9rem;
        text-align:center;
    }
    
    .titulos h1 {
        font-size: 2.3rem;
    }
    
    .titulos h2 { 
        font-size: 1.3rem;
    }
    
    .container_section_quienes_somos {
        display: inline-block;
        flex-direction: column;
        padding-left: 1.3rem;
    }
        
    .boton_quienes_somos {
        margin-top: 0rem;
        margin-bottom: 2rem;
        padding: 1rem;
        width: 90%;
        height: 140px;
        border-radius: 22px;
    }
        
    .boton_quienes_somos h3{
        font-size: 2.3rem;
        text-align: center;
        }
    
    .quienes-somos-item {
        position: relative;
        width: 20rem;
    }
    
    .quienes-somos-item a {
        font-size: 1.8rem;
        padding: 0.2rem 0.1rem 1rem 0.2rem;
        line-height: 30px;
    }
        
    .quienes-somos-item:hover .respuesta {
        max-height: 40rem;
    }
        
    .container_section_sobre_nosotros {
        display: flex;
        flex-direction: column;
        padding-left: 1.3rem;
    }

    .boton_sobre_nosotros {
        margin-top: 0rem;
        margin-bottom: 2rem;
        width: 90%;
        height: 140px;
        border-radius: 22px;
    }
        
    .boton_sobre_nosotros h3{
        font-size: 2.3rem;
        text-align: center;
    }
    
    .sobre-nosotros-item{
        width: 20rem;
    }
    
    .sobre-nosotros-item a {
        font-size: 1.8rem;
        padding: 0.2rem 0.1rem 1rem 0.2rem;
        line-height: 30px;
    }
        
    .sobre-nosotros-item:target .respuesta {
        max-height: 40rem;
    }
    .container-contacto {
		flex-direction: column;
	}
	
	.h1-contacto {
		font-size: 50px;
		margin: auto;
	}
	
	.h2-contacto {
		font-size: 30px;
        font-weight: 700;
		margin: auto;
	}
	
	.background-form{
		flex-direction: column;
		margin-left: 2rem;
		margin-right: 1rem;
		margin-top: 2rem;
	}
	
	.contenido-contacto textarea{
		padding-left: 5px;
		padding-right: 75px;
		padding-top: 1rem;
		padding-bottom: 5px;
	}
	.contenido-contacto input{
		padding-left: 10px;
		padding-right: 60px;
		padding-top: 10px;
		padding-bottom: 10px;	
	}
	
	.contenido-contacto button{
		flex-direction: column;
		margin-top: 1rem;
		margin-left: 70px;
		padding: 10px 25px 10px 25px;
    }
	
	.img-contacto {
		flex-direction: column;
		width: 340px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
    .seccion-1 {
		flex-direction: column;
	}
	
	.titulo-juegos {
		font-size: 50px;
		margin: auto;
    }
    .juegos-centrados{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
	.texto-juegos {
		display: none;
	}
    .desliza-none{
        display: none;
    }
	
	.cajas-juegos {
		flex-direction: column;
		width: 100%;
	}
	
	.iconjueg-1 {
		width: 100%;
		max-height: 100px;
		margin-bottom: 1rem;
	}
	.iconjueg-2 {
		width: 100%;
		max-height: 100px;
		margin-bottom: 1rem;
	}
	.iconjueg-3 {
		width: 100%;
		max-height: 100px;
		margin-bottom: 1rem;
	}
	.iconjueg-4 {
		width: 100%;
		max-height: 100px;
		margin-bottom: 1rem;
	}
	.iconjueg-5 {
		width: 100%;
		max-height: 100px;
		margin-bottom: 1rem;
	}
	.iconjueg-6 {
		width: 100%;
		max-height: 100px;
		margin-bottom: 1rem;
	}
	.div-juegos {
		margin-bottom: 2rem;
	}

	.img-juegos {
		display: none;
		overflow: hidden;
	}
	
	.img-juegos-celu {
		display: inherit;
		flex-direction: column;
        padding: 1rem;
        width: 340px;
	}
	
	.texto-juegos {
		margin-top: 40px;
		text-align: center;
		font-size: 25px;
	}
	
	.desliza-juegos {
		margin-top: 1rem;
		margin-left: 30px;
		padding: 10px 25px 10px 25px;
	}

	.chevron-juegos{
        margin-left: 70px;
        margin-bottom: 30px;
	}
    footer{
        flex-direction: column;
        }
    footer img{
        margin-left: 1rem;
        margin-top: 1rem;
    }
    .footer-contacto{
        flex-direction: column;
        margin-left: 1rem;
    }
    .container-footer{
        flex-direction: column;
        width: auto;
    }
    .footer-mensaje {
        display: none;
    }
    .logoimg{
        width: 150px;
    }
    .footer-derechos{
        padding-top: 1rem;
    }
    .footer-derechos ul li h6{
        text-align: left;
    }
    .footer-derechos ul li{
        margin-left: 1rem;
    }
}