body{
	/*background-image: url(../img/fondoagentescab.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    background: #cde9f2;
}
#main{
	background: #cde9f2;
	background-image: url(../img/agentes/fondoagentescab1new.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 15px;
    position: relative;
}
#main {
     overflow-y: auto; 
}
.bluetxt{
	text-shadow: 3px 4px 2px #fdfdfd87;
	color: #0166a8;
	margin-top: -3rem;
}
.divflex{
	display: flex;
    justify-content: center;
    margin-top: -8.5rem;
    align-items: center;
}
.divnina{
	width: 36%;
    text-align: center;
}
.divnino{
	width: 42%;
    text-align: center;
}
.txtglobo{
	padding: 3rem 4rem 0.5rem 4rem;
    margin-bottom: 0px;
    font-size: 0.7em;
    text-align: center;
    text-shadow: none;
    color: #000;
    line-height: normal;
}
.imgninxs{
	height: 16rem;
}
.iconrightarrow, .iconleftarrow{
	height: 2rem;
}
.divpensamiento{
	background-image: url(../img/globocab.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size: 84%;
    padding: 0.5rem 2rem 1rem 2rem;
    z-index:9;
    margin-left: -2rem;
    margin-top: -1.5rem;
}
.divcontentcarousel{
	height: 160px;
	display: flex!important;
	justify-content: center;
	align-items: center;
}
.slick-slide img {
    display: block;
    width: auto;
    height: 100%;
}
.slick-slide a img {
    display: block;
    width: auto;
    height: 100%;
}
.slick-slide a{
    height: 100%;
}
.imgiconagente{
	width: 1rem;
	display: inline!important;
}
.divflechas{
    margin-top: 0;
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    bottom: 0;
    left:  -60px;
    right: 0;
}

.fondoglobo{
    position: relative;
}
.slick-prev:before, .slick-next:before {
	color: #ffffff00!important;
}
.slick-next {
    right: 0px !important;
    display: none!important;
}
.slick-prev {
    left: 0px !important;
    display: none!important;
}
.slick-next, .slick-next>img {
    display: none!important;
}
.slick-prev, .slick-prev>img {
    display: none!important;
}
.divbtnjuegos{
	text-align: center;
	width: 36%;
    text-align: center
}
.txtjuguemos{
	color: #0166a8;
    font-size: 0.9em;
    margin-bottom: 1.3rem;
    font-weight: 700;
}
.btnagente{
	margin: auto;
	margin-bottom: 0.5rem;
    background-color: #0166a8;
    color: #fff;
    width: 9rem;
    padding: 5px 1rem;
    border-radius: 1rem;
    font-size: 0.8rem;
}
.divcontentcarousel ul{
	text-align: justify!important;
    width: 88%!important;
}
.btnagente a{
	cursor: pointer;
	text-decoration: inherit;
	color: #fff!important;
}
.btnagente a:hover{
	cursor: pointer;
	text-decoration: inherit;
	color: #fff!important;
}
#btncamino{
	font-size: 0.6rem;
}
#logocab {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
#main {
    background-position: center bottom;
    background-size: cover;
    padding-top: 14px;
}

.divpensamiento {
    margin-top: 0px;
    background-position: center;
    background-size: 100% 100% !important;
}
.txtglobo {
    font-size: 1.1em ;
    padding: 1rem 6rem 2rem 6rem;
}
#llave{
    position: absolute;
    right: 0;
    width: 260px;
    top: 10%;
}
.divcontarrowleft, .divcontarrowright{
    cursor: pointer;
}
@media only screen and (min-width: 1550px) {
	.divcontentcarousel {
	    height: 230px;
	}
    .imgiconagente{
    	width: 1.3rem;
    }
	.txtglobo{
		font-size: 1em;
		padding: 1.8rem 6rem 0rem 6rem;
	}
	.divpensamiento{
		background-size: 95%;
	}
	.imgninxs {
	    height: 22rem;
	}
	.iconrightarrow, .iconleftarrow {
	    height: 3rem;
	}
	.txtjuguemos{
		font-size: 1.2em;
	}
	.btnagente{
		width: 15rem;
		border-radius: 27px;
    	font-size: 1.4rem;
	}
	#btncamino {
	    font-size: 1.2rem;
	}
 
}
@media only screen and (min-width: 1850px) {
	.divcontentcarousel {
        height: 330px;
    }
    .txtglobo{
    	font-size: 1.1em;
        padding: 1rem 6rem 0rem 6rem;
    }
    .imgninxs {
        height: 24rem;
    }
    .divflex{
    	margin-top: -6rem;
    }
	.txtjuguemos {
        font-size: 1.9em;
    }
    .btnagente {
        width: 19rem;
        border-radius: 30px;
        font-size: 1.7rem;
    }
    .imgiconagente{
    	width: 1.5rem;
    }
	#btncamino {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 1685px) {
    .divcontentcarousel {
        height: 300px;
    }
    .divflex {
        margin-top: -6rem;
        z-index: 1;
        position: relative;
    }
    .iconrightarrow, .iconleftarrow {
        height: 2.5rem;
    }
    .divflechas {
        z-index: 2;
    }
    
}
@media only screen and (max-width: 1450px) {
    .txtglobo {
        font-size: 0.7em;
        padding: 2rem 3rem 0rem 3rem;
    }
    #llave {
        width: 187px;
        top: 13%;
    }
    .divflex {
        margin-top: -6rem;
    }
}
@media only screen and (max-width: 1390px) {
	.divnino {
	    width: 37%;
	}
    .txtglobo {
        padding: 2rem 3rem 0rem 3rem;
    }
    .divcontentcarousel {
        height: 205px;
    }
    .iconrightarrow, .iconleftarrow {
        height: 2rem;
    }
    .divnina {
        text-align: center;
    }
    .divnino {
        text-align: center;
    }
    .divnina {
        padding-left: 40px;
    }
}
@media only screen and (max-width: 1290px) {
	/* .txtglobo{
		padding: 4rem 4rem 0rem 4rem;
	} */

    .txtglobo {
        font-size: 0.7em;
        padding: 2rem 2rem 0rem 2rem;
    }
    .divnino {
        padding-right: 25px;
    }
   
}
@media only screen and (max-width: 1150px) {
	.txtglobo {
        padding: 3.5rem 3.5rem 0rem 3.5rem;
        font-size: 0.65rem;
    }
}
@media only screen and (max-width: 1050px) {
	.divpensamiento{
		    padding: 2rem 2rem 1rem 2rem;
	}
	.divcontentcarousel{
		height: 170px;
	}
	.txtglobo {
        font-size: 0.63rem;
    }
    .imgninxs {
	    height: 15rem;
	}
    .txtglobo {
        padding: 0rem 2rem 0rem 2rem;
    }
}
@media only screen and (max-width: 800px) {
	.divflex{
		flex-wrap: wrap;
	}
	.divespacioglobo{
		width: 24%;
	}
	.divpensamiento{
		width: 60%;
	}
	.txtglobo {
        padding: 4rem 4rem 0rem 4rem;
        font-size: 0.7rem;
    }
    #main{
    	padding-top: 35px;
    }
    .bluetxt {
	    text-shadow: none;
	    margin-top: 0rem;
	    margin-bottom: 0rem;
	}
	.divpensamiento {
        padding: 0rem 2rem 1rem 2rem;
		margin-top: 5px;
    }
    .divjuegos{
	/*    	margin-top: -6rem;*/
        opacity: 0;
    	transition: opacity 0.5s ease-in-out;
    	visibility: hidden; /* Evita que ocupe espacio cuando está oculto */
    }
    #divjuegos.mostrar {
	    opacity: 1;
	    visibility: visible;
	}
    .txtjuguemos {
	    color: #0166a8;
	    font-size: 0.9em;
	    margin-bottom: 1.3rem;
	    font-weight: 700;
	    margin-bottom: 0.5rem;
	    background-color: #0166a8;
	    color: #fff;
	    width: 9rem;
	    padding: 5px 1rem;
	    border-radius: 1rem;
	    text-align: center;
	}
	.divbtnjuegos{
		width: 100%;
    	text-align: justify;
    	display: flex;
    	align-items: center;
    	margin-top: -2rem;
	}
	.slick-prev:before, .slick-next:before {
	/*		color: #000!important;*/
	}
	.slick-next {
	    right: 0px !important;
	    z-index: 99999 !important;
	}
	.slick-prev {
	    left: 0px !important;
	    z-index: 99999 !important;
	}
	.divflechas{
		display: none;
	}
	.divcontentcarousel {
        height: 150px;
    }
    .txtglobo {
        padding: 1rem 4rem 1rem 4rem;
        font-size: 0.7rem;
    }
    .fondoglobo {
        padding: 2rem 0rem 5rem 0rem;
    }
    .divflex{
    	margin-top: -5.5rem;
    }
    .slick-prev:before, .slick-next:before{
    	display: none;
    }
	.slick-next, .slick-next>img {
        right: -25px !important;
        height: 2rem;
        display: block!important;
    }
    .slick-prev, .slick-prev>img {
        left: -25px !important;
        height: 2rem;
        display: block!important;
    }
    .btnagente{
    	text-align: center;
    	font-family: "Irish Grover", serif;
    	font-weight: 500;
        font-size: 0.9rem;
        width: 10rem;
    }
    #btncamino {
	    font-size: 0.9rem;
	    font-weight: 500;
	}
    .txtjuguemos{
    	font-size: 1.1em;
    	font-family: "Irish Grover", serif;
    	font-weight: 500;
    }
    .divnino {
        padding-right: 0;
    }
    .divnina {
        padding-left: 0;
    }
    .divflex {
        z-index: 0;
    }
    #btnjugomostrar{
        cursor: pointer;
    }
   
}
@media only screen and (max-width: 768px) {
    #llave{
        display: none;
    }
    .divflex {
        margin-top: -2rem;
    }
    .divnino {
        padding-right: 0;
        width: 50%;
    }
    .divnina {
        padding-left: 0;
        width: 50%;
    }
}
@media only screen and (max-width: 600px) {
	#main {
        padding-top: 15px;
    }
	.divpensamiento {
        width: 85%;
        background-size: 90%;
        padding: 0rem 2rem 1rem 2rem;
        margin-top: 5px;
        height: 240px;
        margin-left: 0px;
    }
    .imgninxs {
        height: 13rem;
    }
    .divninos{
    	padding-left:2rem;
    }
    .divcontentcarousel {
        height: 163px;
    }
    .divespacioglobo {
        width: 5%;
    }
    .btnagente{
    	width: auto;
    }
    .divflex {
        margin-top: -4rem;
        justify-content: flex-start;
    }
	.fondoglobo {
        padding: 0rem 0rem 0rem 0rem;
    }
	.txtglobo {
        padding: 0rem 5rem 0rem 5rem;
        font-size: 0.65rem;
    }
    .slick-next, .slick-next>img {
        right: 40px !important;
        height: 1.5rem;
    }
    .slick-prev, .slick-prev>img {
        left: 40px !important;
        height: 1.5rem;
    }
    .divbtnjuegos{
    	margin-top: -3.5rem;
    }
    .divflex {
        margin-top: -2rem;
    }
    .divnino {
        padding-right: 0;
        width: 50%;
    }
    .divnina {
        padding-left: 0;
        width: 50%;
    }
    .divcontentcarousel {
        height: 181px;
    }
}
@media only screen and (max-width: 470px) {
	.divpensamiento{
		width: 99%;
		background-size: 85%;
	}
	.divespacioglobo{
		width: 1%;
	}
	.txtglobo{
		font-size: 0.6rem;
	}
	.divbtnjuegos {
        margin-top: -2.5rem;
    }
}
@media only screen and (max-width: 420px) {
	.divbtnjuegos {
        margin-top: -1rem;
    }
    .divpensamiento {
        width: 100%;
        background-size: 100%;
    }
	.txtglobo {
        padding: 0rem 4rem 0rem 4rem;
    }
    .slick-next, .slick-next>img {
        right: 25px !important;
    }
    .slick-prev, .slick-prev>img {
        left: 25px !important;
    }
	.divninos {
        padding-left: 0rem;
    }
}
@media only screen and (max-width: 400px) {
	.imgninxs {
        height: 11rem;
    }
	.divbtnjuegos {
        margin-top: -3rem; 
    }
    .divninos {
        padding-left: 1rem;
    }
    #btncamino{
    	font-size: 0.8rem;
    }
}
@media only screen and (max-width: 380px) {
	.imgninxs {
        height: 10rem;
    }
	.divbtnjuegos {
        margin-top: -3.5rem; 
    }
    .divninos {
        padding-left: 1.5rem;
    }
}
@media only screen and (max-width: 370px) {
	.imgninxs {
        height: 9.5rem;
    }
}