/*
---------------------------------------------
Cap 1
---------------------------------------------
*/ 
#cap1 .content-audio {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#cap1 .fd-audio {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	background:url(../../img/capitulos/cap1-2.png) no-repeat center;
	background-size:cover;
}

#cap1 .fd-audio .ondas{
    margin-top:180px;
	margin-left:auto;
	margin-right:auto
}
#cap1 .fd-audio .audio{
    position:absolute;
	top:281px;
	margin-left:30px;
	left:50%;
	z-index:100;
}
#cap1 .fd-audio h2{
font-weight: 700;
text-transform: uppercase;
color: #fff;
font-size: 2.4rem;
padding-top:20px;
opacity:0.75
}
#cap1 .cap1-3{
	background:#f6f4f6;
	padding-top:50px
}
#cap1 .cap1-3 .col-lg-3{
	padding:0
}
#cap1 .cap1-3 .col-lg-7{
	padding-left:0
}

#cap1 .cap1-3 .frame-video{
	border-radius:20px;
	text-align:center;
	background:#FFF;
	border:solid 6px #ffa082;
	padding:0 3% 10px 3%;
}
#cap1 .cap1-3 .frame-video hr{
	border-radius:20px;
	margin:10px auto;
	width:33%;
	border:solid 6px #ffa082;
	opacity:0.5
}
#cap1 .cap1-3 .frame-video .embed-container-video1{
	border-radius:12px;
}

#cap1 .cap1-3 .texto{
	display:block;
	font-size:1.1rem;
	line-height:1.4rem;
	font-weight:400;
	color:#340040;
	padding:25px 7%;
	margin-top:90px;
	text-align:left;
	background:#ffa082;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px
}

#cap1 .cap1-5{
	background:url(../../img/capitulos/cap1-5.png) no-repeat center;
	background-size:cover;
}
#cap1 .cap1-5 .texto{
	padding:25px 80px 0 80px;
}
#cap1 .cap1-5 .genialy{
	padding:0 13.5%;
}
#cap1 .cap1-5 h2{
	text-align:left;
	color:#340040;
	font-size:1.4rem;
	padding-bottom:10px;
	font-weight:600
}
#cap1 .cap1-5 p{
	text-align:left;
	color:#340040;
	font-size:1rem;
	line-height:1.3rem;
	font-weight:500
}
 #cap1 .cap1-6{
	padding:20px 3.5%;
	background:url(../../img/capitulos/cap1-5.png) no-repeat center;
	background-size:cover
} 

 #cap1 .cap1-7{
	background:url(../../img/capitulos/cap1-7.png) no-repeat center;
	background-size:cover;
	padding:0 3%;
}
#cap1 .cap1-7 .audio-cap7 {
    text-align:center;
	position:relative
}
#cap1 .cap1-7 .audio-cap7 .ondas{
    margin-top:100px;
	width:90px;
	margin-left:auto;
	margin-right:auto
}
#cap1 .cap1-7 .audio-cap7 .audio{
    position:absolute;
	top:165px;
	margin-left:22px;
	left:50%;
	z-index:100;
}
#cap1 .cap1-7 .audio-cap7 h2{
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding-top:25px;
font-size: 1.4rem;
opacity:0.75
} 
#cap1 .cap1-7 .texto-content {
	padding-left:4%
}
#cap1 .cap1-7 .texto-cap7  {
	text-align: left;
    color: #340040;
}
#cap1 .cap1-7 .texto-cap7 h2 {
    font-size: 1.4rem;
    font-weight: 600;
	padding:35px 0 0 0
}  
#cap1 .cap1-7 .texto-cap7 strong {
	padding:10px 0 20px;
	display:block;
    font-size: 1.1rem;
    line-height: 1.3rem;
}
#cap1 .cap1-7 .texto-cap7 p {
	text-align: left;
    color: #340040;
    font-size: 1.1rem;
    line-height: 1.3rem;
	padding-bottom:25px;
    font-weight: 400;
} 
#cap1 .cap1-8{
	background:url(../../img/capitulos/cap1-8.png) no-repeat center;
	background-size:cover;
	padding:0 3%;
}
#cap1 .cap1-8 .texto{
	padding:100px 6%;
}
#cap1 .cap1-8 .genialy{
	padding:75px 3%;
}
#cap1 .cap1-8 .texto h2{
	text-align:left;
	color:#340040;
	font-size:1.4rem;
	padding-bottom:10px;
	font-weight:600
}
#cap1 .cap1-8 .texto p{
	text-align:left;
	color:#340040;
	font-size:1.1rem;
	line-height:1.3rem;
	font-weight:500
}
 #cap1 .cap1-12{
	background:url(../../img/capitulos/cap1-11.png) no-repeat center;
	background-size:cover;
	padding:0 3%;
}
 #cap1 .cap1-12 .texto{
	padding:35px 3% 0 18%;
	text-align:left
}
#cap1 .cap1-12 .texto h2{
	text-align:left;
	color:#340040;
	font-size:1.4rem;
	padding-bottom:10px;
	font-weight:600
}
#cap1 .cap1-12 .texto p{
	text-align:left;
	color:#340040;
	font-size:1.1rem;
	line-height:1.3rem;
	font-weight:500
}
#cap1 .cap1-12 .links{
	width:90%;
	margin:35px auto;
	height:220px;
	text-align:center;

	width:100%;
	display:block;
}
#cap1 .cap1-12 .links .col-lg-4{
	float:left
}
#cap1 .cap1-12 .links a{
	width:90%;
	display:block;
	transition: all .15s;
	color:#340040
}
#cap1 .cap1-12 .links a img{
	width:100%;
	border-radius:12px
}
#cap1 .cap1-12 .links a:hover{
	margin-top:-10px;
	transition: all .3s;
}
#cap1 .cap1-14{
	background:url(../../img/capitulos/cap1-14.png) no-repeat center;
	background-size:cover;
	padding: 0 6%;
	background-color: #340040;
	background-position: center 0rem;
}
#cap1 .cap1-14 .botones a{
	color: #fff;
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 7px 1%;
	font-size: 1.4rem;
	font-weight: 400;
	width: 31%;
	display: block;
	float: left;
	margin-right: 16px;
	margin-top: 406px;
}		
#cap1 .cap1-14 .botones a:hover {
	background-color: rgb(133, 102, 140);
}
#cap1 .cap1-14 .botones a img{
	width:32px;
	float:right
}
@media (max-width: 767px) {
#cap1 .content-audio {
    padding-bottom: 159.36%;
}
#cap1 .fd-audio {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	background:url(../../img/capitulos/movil/cap1-2.png) no-repeat center;
	background-size:cover;
}
#cap1 .fd-audio .ondas{
    margin-top:150px;
	margin-left:auto;
	margin-right:auto
}
#cap1 .fd-audio .audio{
    position:absolute;
	top:231px;
	margin-left:30px;
	left:50%;
	z-index:100;
}
#cap1 .fd-audio .titulo{
	opacity:0.75;
}
#cap1 .cap1-3 {
	padding-top:20px
}
#cap1 .cap1-3 .col-lg-1{
	display:none
}
#cap1 .cap1-3 .col-lg-3{
	padding:0 7%
}
#cap1 .cap1-3 .col-lg-7{
	padding:0 7%
}
#cap1 .cap1-3 .texto{
	margin-top:20px;
	border-radius:20px;
}

#cap1 .cap1-5 .texto{
	padding:25px 8%;
}
#cap1 .cap1-5 .genialy{
	padding:0 3.5%;
}
 #cap1 .cap1-7{
	background:#f6f4f6;
	background-size:cover;
	padding:0 3%;
}
#cap1 .cap1-7 .audio-cap7 {
	background:#340040
}
#cap1 .cap1-7 .audio-cap7 .ondas{
    margin-top:50px;
}
#cap1 .cap1-7 .audio-cap7 .audio{
    position:absolute;
	top:115px;
	margin-left:22px;
	left:50%;
	z-index:100;
}
#cap1 .cap1-7 .audio-cap7 h2{
padding-bottom:25px
} 
#cap1 .cap1-7 .texto-content {
	padding-left:4%
}
#cap1 .cap1-7 .texto-cap7  {
	text-align: left;
    color: #340040;
}
#cap1 .cap1-7 .texto-cap7 h2 {
    font-size: 1.4rem;
    font-weight: 600;
	padding:35px 0 0 0
}  
#cap1 .cap1-7 .texto-cap7 strong {
	padding-right:3%
}
#cap1 .cap1-7 .texto-cap7 p {
	padding-right:3%
} 
#cap1 .cap1-7 .embed-container-video1 {
    position: relative;
    padding-bottom: 110%;
    height: 0;
    overflow: hidden;
}
#cap1 .cap1-8{
	background:#f6f4f6;
}
#cap1 .cap1-8 .texto{
	padding:40px 4% 0 4%;
}
#cap1 .cap1-8 .genialy{
	background:#ffa183;
	padding:30px 2% 0 2%;
}
 #cap1 .cap1-12 .texto{
	padding:35px 5%;
}
#cap1 .cap1-12 .links{
	_height:auto;
	_width:75%;
}
#cap1 .cap1-12 .links a{
	padding-bottom:21px
}
#cap1 .cap1-14{
	
	background:url(../../img/capitulos/movil/cap1-14.jpg) no-repeat center;
	background-size:cover;
	padding: 0 6%;
	

}
#cap1 .cap1-14 .botones {
	padding:330px 4% 0 4%
}
#cap1 .cap1-14 .botones a{
	color: #fff;
	border: 2px solid #fff;
	border-radius: 20px;
	padding: 7px 1%;
	font-size: 1.4rem;
	font-weight: 400;
	width: 100%;
	display: block;
	float: none;
	margin-right:0;
	margin-left:0;
	margin-top: 10px;
}		
#cap1 .cap1-14 .botones a:hover {
	background-color: rgb(133, 102, 140);
}
#cap1 .cap1-14 .botones a img{
	width:32px;
	float:right
}
  }

/*
---------------------------------------------
Generales
---------------------------------------------
*/ 
.ia-capitulos {
	width:100%;
	margin-top: 0;
	text-align:center
}

.ia-capitulos > .row
{
	padding: 0;
}
.ia-capitulos > .row > div, .ia-capitulos > .row > .col-lg-12, .ia-capitulos .row>*
{
	_padding: 0 !important;
}
.ia-capitulos .guia {
	background: url(../../img/boton-juego.png) no-repeat;
	font-size: 1.2rem;
	font-weight: 500;
	color: #fff;
	padding: 7px 8px;
	background-size: 170px;
	position: absolute;
	z-index: 10;
	right:0
}
.ia-capitulos .guia:hover {
	background: #340040;
	border-top-left-radius: 11px;
	border-bottom-left-radius: 11px;
  }
  .ia-capitulos .guia img{
	float: left;
	margin-right: 11px;
}
.ia-capitulos .botonguias-mb {
  display:none
}
.ia-capitulos .botonguias-mb a {
	background: url(../../img/boton-juego.png) no-repeat;
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  padding: 9px 15px;
  background-size: 166px;
}
.ia-capitulos .botonguias-mb a:hover {
	background: #340040;
	border-radius: 13px;
  }
  .ia-capitulos .botonguias-mb a img{
	margin-right: 11px;
}

.ia-capitulos .container{
	height:auto;
	padding-bottom:60px;
}

.ia-capitulos .item {
	width:100%;
	max-width: 100%;
	height:562px;
	transition: all .3s;
	margin:0 auto;
	padding: 0 2.5rem;
	height: 100%;

}
@media (max-width: 767px) {
		.ia-capitulos {
			margin-top:10px;
		}
		.ia-capitulos .container{
			height:630px;
			padding-bottom:0;
			padding-top:50px
		}
		.ia-capitulos .item {
			height:630px;
			padding: 0;
		}
		.ia-capitulos .container .item-scroll{
			height:580px;
			overflow-y:scroll;
		}
		.ia-capitulos .botonguias-mb{
			display:block;
			margin-top: 22px;
		}
		.ia-capitulos .guia{
			display: none;
		}
}

.ia-capitulos .item:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
}

.ia-capitulos .item .embed-container,.ia-capitulos .item .embed-container-text {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container iframe, .ia-capitulos .item .embed-container-text iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-video iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-video1 {
    position: relative;
    padding-bottom: 177.7%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-video1 iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ia-capitulos .item .embed-container-text2 {
    position: relative;
	padding-bottom: 108.3%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text2 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ia-capitulos .item .embed-container-text3 {
    position: relative;
	padding-bottom: 60.3%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text3 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-text4 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text4 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-text5 {
    position: relative;
    padding-bottom: 66.25%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text5 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-text6 {
    position: relative;
	padding-bottom: 100.3%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text6 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-video2 {
    position: relative;
	padding-bottom: 89.7%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-video2 iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-text7 {
    position: relative;
	padding-bottom: 35.3%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text7 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .item .embed-container-text8 {
    position: relative;
	padding-bottom: 52.3%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-text8 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
.ia-capitulos .item .embed-container-text4 {
    padding-bottom: 110%;
}
.ia-capitulos .item .embed-container-text7 {
	padding-bottom: 67.7%;
}
.ia-capitulos .item .embed-container-text8 {
	padding-bottom: 100%;
}
}
.ia-capitulos .item .embed-container-video3 {
    position: relative;
	padding-bottom: 67.7%;
    height: 0;
    overflow: hidden;
}
.ia-capitulos .item .embed-container-video3 iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ia-capitulos .iaDk {display:block;}
.ia-capitulos .iaMb {display:none;}

@media (max-width: 767px) {
.ia-capitulos .iaDk {display:none;}
.ia-capitulos .iaMb {display:block;}
.ia-capitulos .item .embed-container {
    padding-bottom: 159.36%;
	  /*padding-bottom: 125%;*/
}
.ia-capitulos .item .embed-container-text {
    padding-bottom: 60.25%;
}
  }

/*////////Controles//////////*/


/*color DOTS por capítulo*/
#cap1 .slider-indicators button{background-color: #ff6835}
#cap2 .slider-indicators button{background-color: #4385f5}
#cap3 .slider-indicators button{background-color: #f06983}
#cap4 .slider-indicators button{background-color: #bc58e5}
#cap5 .slider-indicators button{background-color: #f9b318}
#cap6 .slider-indicators button{background-color: #a6c93c}


.slider-nav{
	font-size:65px;
	position:absolute;
	left:0;
	padding:0 !important;
}
.slider-nav-next{
	right:0;
	padding:0;
}


@media (max-width: 767px) {
.slider-nav{
	top:-80px;
	left:5px;
	bottom:unset;
}
.slider-nav-next{
	right:5px;
	top:-80px;
	bottom:unset;
}
 }
  
 /*Color Arrows por capítulo*/
#cap1 .slider-nav{color:#ff6835}
#cap1 .slider-nav:hover{color:#340040}
#cap2 .slider-nav{color:#4385f5}
#cap2 .slider-nav:hover{color:#340040}
#cap3 .slider-nav{color:#f06983}
#cap3 .slider-nav:hover{color:#f06983}
#cap4 .slider-nav{color:#bc58e5}
#cap4 .slider-nav:hover{color:#bc58e5}
#cap5 .slider-nav{color:#f9b318}
#cap5 .slider-nav:hover{color:#f9b318}
#cap6 .slider-nav{color:#a6c93c}
#cap6 .slider-nav:hover{color:#a6c93c}


/*Controles HOME*/
/*////////Controles//////////*/
.ia-inicio {
	background:#e5e9e9;
	margin-top:0;
	padding-top:120px;
	padding-bottom:35px
}

.ia-inicio .owl-carousel {
	width:100%;
	max-width:1440px;
	height:520px;
	margin:0 auto;
}
.ia-inicio .owl-dots {
  text-align: center;
  margin-top: 20px;
}
.ia-inicio .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #ddd;
  border-radius: 50%;
  margin: 0px 4px;
}
@media (max-width: 767px) {
.ia-inicio {
	padding-top: 24px;

}	
.ia-inicio .owl-dots {
  position:absolute;
  top:-60px;
  width:60%;
  margin-left:-30%;
  left:50%;
}
.ia-inicio .owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  background-color: #ddd;
  border-radius: 50%;
  margin: 0px 3px;
}
  }
/*color DOTS por capítulo*/
.ia-inicio .owl-dots .active {background-color: #bc58e5}

.ia-inicio .owl-nav {
 z-index:100;
 position:absolute;
 top:50%;
 margin-top:-90px;
 width:100%
}

.ia-inicio .owl-carousel .owl-nav button.owl-prev{
	font-size:65px;
	position:absolute;
	left:-40px
}
.ia-inicio .owl-carousel .owl-nav button.owl-next{
	font-size:65px;
	position:absolute;
	right:-40px
}
@media (max-width: 767px) {
.ia-inicio .owl-nav {
 z-index:100;
 position:absolute;
 top:-80px;
 margin-top:0;
 width:100%
}

.ia-inicio .owl-carousel .owl-nav button.owl-prev{
	font-size:65px;
	position:absolute;
	left:0
}
.ia-inicio .owl-carousel .owl-nav button.owl-next{
	font-size:65px;
	position:absolute;
	right:0
}
  }
 /*Color Arrows por capítulo*/
.ia-inicio .owl-carousel .owl-nav button.owl-prev, .ia-inicio  .owl-carousel .owl-nav button.owl-next{color:#bc58e5}
.ia-inicio .owl-carousel .owl-nav button.owl-next:hover, .ia-inicio .owl-carousel .owl-nav button.owl-prev:hover{color:#340040}
.ia-inicio .cap1, .ia-inicio .cap2, .ia-inicio .cap3, .ia-inicio .cap4, .ia-inicio .cap5, .ia-inicio .cap6 {position:relative;}
.ia-inicio .cap1 .hover, .ia-inicio .cap2 .hover, .ia-inicio .cap3 .hover, .ia-inicio .cap4 .hover, .ia-inicio .cap5 .hover, .ia-inicio .cap6 .hover{
	position:absolute;
	z-index:10;
	background:#FFF;
	width:100%;
	overflow:hidden;
	bottom:0;
	height:0;
	transition: all ease-in 200ms
}

.ia-inicio .cap1 a:hover .hover, .ia-inicio .cap2 a:hover .hover, .ia-inicio .cap3 a:hover .hover, .ia-inicio .cap4 a:hover .hover, .ia-inicio .cap5 a:hover .hover, .ia-inicio .cap6 a:hover .hover{
	height:81%;
	padding:35px 19px;
	transition: all ease-out 400ms;
}
.ia-inicio .cap1 .hover p, .ia-inicio .cap2 .hover p, .ia-inicio .cap3 .hover p, .ia-inicio .cap4 .hover p, .ia-inicio .cap5 .hover p, .ia-inicio .cap6 .hover p{
	font-size:1.2rem;
	color:#340040;
	background:#FFF;
	display: block;
	height:260px;
	padding:25px;
	border-radius:14px
}
/*
.ia-inicio .cap1 a:hover .hover p, .ia-inicio .cap2 a:hover .hover p, .ia-inicio .cap3 a:hover .hover p, .ia-inicio .cap4 a:hover .hover p, .ia-inicio .cap5 a:hover .hover p, .ia-inicio .cap6 a:hover .hover p{
	font-size:1.2rem;
	color:#340040;
	background:#FFF;
	display: block;
	height:240px;
	padding:25px 3%;
	border-radius:14px
}*/
.ia-inicio .cap1 a:hover .hover{ background:#ffc3ae;}
.ia-inicio .cap2 a:hover .hover{ background:#b2cdfa;}
.ia-inicio .cap3 a:hover .hover{ background:#fdc3d2;}
.ia-inicio .cap4 a:hover .hover{ background:#e2bbf4;}
.ia-inicio .cap5 a:hover .hover{ background:#fce0a1;}
.ia-inicio .cap6 a:hover .hover{ background:#dbe8b0;}

.ia-inicio .hover span{ display:block; border-radius:14px; width:95%; margin:500px auto; color:#FFF; padding:8px 0; text-align:center; font-size:1.3rem; text-align:center; transition: all ease-in 200ms;}
.ia-inicio a:hover .hover span{ display:block; border-radius:14px; width:95%; margin:15px auto; color:#FFF; padding:8px 0; text-align:center; font-size:1.3rem; text-align:center; transition: all ease-out 600ms;}

.ia-inicio .cap1 a:hover .hover span{ background:#ff6735;}
.ia-inicio .cap2 a:hover .hover span{ background:#4284f4;}
.ia-inicio .cap3 a:hover .hover span{ background:#ef6982;}
.ia-inicio .cap4 a:hover .hover span{ background:#ba58e3;}
.ia-inicio .cap5 a:hover .hover span{ background:#f9b218;}
.ia-inicio .cap6 a:hover .hover span{ background:#a7ca3c;}


.ia-humanIA .padlet .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.ia-humanIA .padlet .embed-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}