#plataformaeducativafull .absolutefull, #pe_description .absolutefull { position: absolute;    width: 100%;   height: 100%; }
#plataformaeducativafull .absolutefull .cont_circlebg {  --radio-circle-bg: 671px; opacity:0; width: var(--radio-circle-bg);  text-align: center;   position: relative;   padding-bottom: var(--radio-circle-bg);  border-radius: 50%;  overflow: hidden; background-color: #daf3ff;   margin-left: calc( (100% - var(--radio-circle-bg)) / 2 );   margin-top: 10%; }
#plataformaeducativafull .absolutefull .circlebg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; margin: 0; padding: 0; font-size: 1.5vw; }

#plataformaeducativafull .absolutefull .cont_img {  width: 50%;   left: 25%;   bottom: 10%;   height: 30%;   position: fixed; } 
#plataformaeducativafull .absolutefull .cont_img img { height: 125%; max-height: 350px; }  
#modalVideoPeDescription .modal-body a.btn-ebio-border{ position: absolute;  right: 1rem;   top: 1rem;    width: 3rem;   height: 3rem;  line-height: 1.8rem; }

#plataformaeducativafull .icon_video, #pe_description .boxVideoBookSel .icon_video, #pe_description .boxVideoBookSelMini .icon_video { cursor: pointer; position: absolute; width: 3.5rem;   height: 3.5rem;  background-color: white; border-radius: 50%; }
#plataformaeducativafull .icon_video .playicon, #pe_description .boxVideoBookSel .icon_video .playicon, #pe_description .boxVideoBookSelMini .icon_video .playicon {  position: absolute;  margin-top: 16px;   margin-left: 21px;
    border-left: 20px solid #00b1eb;    border-right: 12px dashed transparent;    border-top: 12px dashed transparent; border-bottom: 12px dashed transparent; }
#pe_description .boxVideoBookSel, #pe_description .boxVideoBookSelMini { background-position: center !important; background-size: cover !important; } 
#pe_description .boxVideoBookSel .overBlue, #pe_description .boxVideoBookSelMini .overBlue{ opacity:0; cursor: pointer; -webkit-transition: 0.5s ease;    transition: 0.5s ease;    width: 100%;    height: 100%;    position: absolute;    background-color: var(--ebiocolor);    opacity: .4; }
#pe_description .boxVideoBookSel .overBlue:hover, #pe_description .boxVideoBookSelMini .overBlue:hover{ opacity: 0; }
#pe_description .boxVideoBookSelMini .overBlue { position: initial; border-radius: 1rem; }

.modal-video-close-btn {  width: 3rem;   height: 3rem; top: 2rem; right: 2rem; }
.modal-video-close-btn:before, .modal-video-close-btn:after { content: none; }
#plataformaeducativafull .circle-container { opacity:0; 	width:100%;    height: 144vh;    list-style: none;    box-sizing: content-box;    position: relative;    margin-top: -127vh; }
#plataformaeducativafull .circle-container li { opacity: 1; --radio-circle: 326px; cursor:pointer; display: block; position: absolute;	top: 50%; left: 48%;	width: 22vh; height: 22vh;	margin: -3em; background: #00b1eb;  border-radius: 50%; }
#plataformaeducativafull .circle-container li img { height: 70%;    margin: 15%; }
#plataformaeducativafull .circle-container li h1 {      margin-left: -30%;   margin-right: -30%; }
#plataformaeducativafull .circle-container > :nth-of-type(1) {  transform: rotate(180deg) translate(var(--radio-circle)) rotate(-180deg); }
#plataformaeducativafull .circle-container > :nth-of-type(2) {  transform: rotate(225deg) translate(var(--radio-circle)) rotate(-225deg); }
#plataformaeducativafull .circle-container > :nth-of-type(3) {  transform: rotate(270deg) translate(var(--radio-circle)) rotate(-270deg); }
#plataformaeducativafull .circle-container > :nth-of-type(4) {  transform: rotate(315deg) translate(var(--radio-circle)) rotate(-315deg); }
#plataformaeducativafull .circle-container > :nth-of-type(5) {  transform: rotate(0deg) translate(var(--radio-circle)) rotate(0deg); }
#plataformaeducativafull .circle-container > :nth-of-type(6) {  transform: rotate(45deg) translate(var(--radio-circle)) rotate(-45deg);  opacity: 0;}
#plataformaeducativafull .circle-container > :nth-of-type(7) {  transform: rotate(90deg) translate(var(--radio-circle)) rotate(-90deg);  opacity: 0;}
#plataformaeducativafull .circle-container > :nth-of-type(8) {  transform: rotate(135deg) translate(var(--radio-circle)) rotate(-135deg);  opacity: 0;}

#plataformaeducativafull a { color: initial !important; }
#plataformaeducativafull a:hover { text-decoration: none !important; }

.scroll_mobile.pe_description { position: fixed;  width: 100%;  bottom: 0; cursor: pointer; }

@media (min-height: 600px) {
	#plataformaeducativafull .circle-container { margin-top: -831px; }
	@media (min-width: 1150px) {
		#plataformaeducativafull .absolutefull .cont_circlebg { --radio-circle-bg: 49%; margin-top: 7%;  }
		#plataformaeducativafull .circle-container {   margin-top: -126vh; }
		#plataformaeducativafull .circle-container li {   --radio-circle: 51vh; }
	} 
  @media (min-width: 1300px) {
    #plataformaeducativafull .circle-container {   margin-top: -830px; }
  } 
}

@media (min-height: 650px)  { 
  @media (min-width: 1150px) {
  	#plataformaeducativafull .absolutefull .cont_circlebg { --radio-circle-bg: 900px;   margin-top: 10%;}
  	#plataformaeducativafull .circle-container { margin-top: -130vh; }
    #plataformaeducativafull .circle-container li { --radio-circle: 50vh; }
    #pe_description .boxVideoBookSelMini { height: 10vh; border-radius: 1rem;  } 
  } 
  @media (min-width: 1200px) { 
  	#plataformaeducativafull .absolutefull .cont_circlebg {  --radio-circle-bg: 660px; margin-top: 120px; }
	#plataformaeducativafull .circle-container { margin-top: -840px; }
	#plataformaeducativafull .circle-container li {  --radio-circle: 330px; }
	#plataformaeducativafull .absolutefull .cont_img {   height: 27%; }
  } 
}

@media (min-height: 800px){
	@media (min-width: 1200px){ 
    	#plataformaeducativafull .absolutefull .cont_circlebg {  --radio-circle-bg: 790px;   margin-top: 220px;}
    	#plataformaeducativafull .circle-container {   margin-top: -1110px; }
    	#plataformaeducativafull .circle-container li {     --radio-circle: 393px; }
    }
    @media (min-width: 1400px){ 
    	#plataformaeducativafull .absolutefull .cont_circlebg {   --radio-circle-bg: 790px;    margin-top: 10%;}
    	#plataformaeducativafull .circle-container {   margin-top: -128vh; }
    	#plataformaeducativafull .circle-container li { --radio-circle: 47vh; }
    }
  }

@media (min-height: 750px)  { 
	@media (min-width: 1350px) { 
	  	#plataformaeducativafull .absolutefull .cont_circlebg {   --radio-circle-bg: 800px; margin-top: 150px; }
	  	#plataformaeducativafull .circle-container {  margin-top: -1020px; }
	    #plataformaeducativafull .circle-container li { --radio-circle: 400px;  }  
      #pe_description .textDetail { line-height: 1.5rem !important; padding-right: 2rem; }
	}  
}

@media (min-height: 900px)  { 
	@media (min-width: 1850px) {
		  /*#pe_description .textDetail { font-size: 1rem !important; } */
	  	#plataformaeducativafull .absolutefull .cont_circlebg { --radio-circle-bg: 58%; margin-top: 150px; }
	  	#plataformaeducativafull .circle-container { margin-top: -1340px; }
	    #plataformaeducativafull .circle-container li { --radio-circle: 540px; } 
	    #pe_description .boxVideoBookSelMini { height: 18vh !important; } 
      #pe_description .textDetail { line-height: 1.6rem !important; padding-right: 3rem; }
	 }  
}

/*description*/
#pe_description .absolutefull { height: calc(100% - 86px); }
#pe_description .boxVideoBookSel, #pe_description .boxVideoBookSelMini { width: 100%; max-width: 100%; background: #7bbee2;  height: 42vh; cursor:pointer; -webkit-transition: .5s ease;  transition: .5s ease;  }
#pe_description .boxVideoBookSelMini {  width: 15vw;   height: 18vh;   border-radius: 1rem;   margin-bottom: 10px; }
#pe_description .text-dark.text-center {     font-size: .7rem; }
#pe_description .boxVideoBookSel:hover, #pe_description .boxVideoBookSelMini:hover { background: #00b1eb;  }
#pe_description .carousel-control-prev {   left: 0;    height: 40px;    margin-top: 10%;    padding: 0;    width: 100px; background: none;   border: none; }
#pe_description .carousel-control-next {   right: : 0;    height: 40px;    margin-top: 10%;    padding: 0;    width: 100px;   background: none;   border: none; }
#pe_description .carousel-item { background: no-repeat center top scroll;  background-size:cover; }
#pe_description .textDetail { font-size: .7rem; line-height: .8rem; } 
#pe_description .item_especial { padding: 0rem !important; }
#pe_description #sectorButtonMateriales {  position: absolute;  right: 2rem;  top: 2rem;  width: 120px; height: 120px;   font-size: .7rem; cursor: pointer; padding: 12px; border-radius: 50%; }
#pe_description #sectorButtonMateriales{ transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1);
  transition: box-shadow 400ms cubic-bezier(0.2, 0, 0.7, 1), transform 200ms cubic-bezier(0.2, 0, 0.7, 1), -webkit-transform 200ms cubic-bezier(0.2, 0, 0.7, 1); }
#pe_description #sectorButtonMateriales.efecto { box-shadow: 0 0 1px 15px  var(--ebiocolorespecial2), 0 0 1px 30px var(--ebiocolorespecial3), 0 0 1px 45px var(--ebiocolorespecial4); }
#pe_description .textDetail p:last-child { margin-bottom: 0; }

.modal-dialog.materiales { margin-top: 0 !important; }
#modalMateriales .modal-body { padding: 0 !important; }
#modalMateriales .modal-content { box-shadow: none !important; }

@media (min-width: 1800px)  { @media (min-height: 900px) { } }

.pr-md-10 { padding-right: 10rem!important; }
.h-55 { height: 55%!important; } 
.h-45 { height: 45%!important; }
.f1p3r { font-size: 1.3rem!important; } 
#pe_description .boxVideoBookSelMini .icon_video { transform: scale(.7); }
 
@media (min-width: 1200px) {
  .pr-md-10 { padding-right: 1.5rem!important; } 
  nav.nav-principal { padding-left: 4rem; padding-right: 4rem; }
  nav.nav-second { padding-left: 14.5rem!important; }
  @media (min-height: 650px) {  
  	#pe_description .text-dark.text-center { font-size: .8rem; }
    /*#pe_description .textDetail {  font-size: .8rem; line-height: .9rem; } */
  }
  @media (min-height: 800px) {   
  	#pe_description .f1p3r { font-size: 1.5rem!important; }
    /*#pe_description .textDetail {  font-size: 1rem; line-height: 1.1rem;  }*/
    nav.nav-second { padding-left: 14.5rem!important; }
  } 
}

@media (min-width: 1300px) {
  @media (min-height: 700px) {  
  	#pe_description .f1p3r { font-size: 1.7rem!important; }
    /*#pe_description .textDetail {  font-size: .9rem; line-height: 1rem;  }*/
    #pe_description #sectorButtonMateriales { font-size: .8rem;  width: 150px }
    nav.nav-second { padding-left: 14.5rem!important; }
  }
}

@media (min-width: 1500px) {
  @media (min-height: 700px) {  
  	#pe_description .f1p3r { font-size: 1.8rem!important; }
    /*#pe_description .textDetail {  font-size: 1rem; line-height: 1.1rem;  }*/
    #pe_description #sectorButtonMateriales { font-size: .9rem;  width: 160px; height: 160px; right: 3rem; }
    nav.nav-principal { padding-left: 5rem; padding-right: 5rem; }
	nav.nav-second { padding-left: 15.5rem!important; }
  }
}

@media (min-width: 1800px) {
	@media (min-height: 900px) { 
		#pe_description .f1p3r { font-size: 2rem!important; }
		/*#pe_description .textDetail {   font-size: 1.4rem!important;   line-height: 1.5rem !important; }*/
		#pe_description .text-dark.text-center { font-size: .9rem; }
		#pe_description #sectorButtonMateriales {  font-size: 1rem;   width: 170px; height: 170px;   right: 5rem;   top: 3rem; }
		nav.nav-principal { padding-left: 6rem; padding-right: 6rem; }
		nav.nav-second { padding-left: 19.5rem!important; }
    .sectorButtonPrices, .sectorButtonSes {  position: absolute;   right: 9rem !important;	}
}