:root {
  --ebiocolor: #00b1eb ;
  --ebiocolor70: #00b1ebbd;
  --ebiocolarnav: #2581c5;
  --ebiocolorespecial: #ff6700;
  --ebiocolorespecial2: #ff9045; 
  --ebiocolorespecial3: #ffc8a3; 
  --ebiocolorespecial4: #ffdec8;  
  --ebiocolorclaro: #ffffff;
  --ebioceleste: #c0e4f7;
}

.videoClick { display: none; }
#contacto a{ color:white; } 
#colegios .btn-close { display: none; }
nav.nav-second a.text-info:focus, nav.nav-second a.text-info:visited, nav.nav-second a.text-info:active { color: white !important; }
#seriesFull .buttonUnityMobile, #plataformaeducativafull .buttonLeft, #plataformaeducativafull .buttonRight { width: 3rem; height: 3rem; padding: 0;  animation: zoomInOut 2s infinite linear; }
#plataformaeducativafull .buttonLeft, #plataformaeducativafull .buttonRight { width: 2.5rem; height: 2.5rem;  position: fixed; top: 34%;  animation: none; -webkit-animation: none; -moz-animation:none; -o-animation:none; }
#plataformaeducativafull .buttonRight { right: -25px;  }
#plataformaeducativafull .buttonLeft { left: -25px;  }
#plataformaeducativafull .activeAnim.buttonRight{ animation: slideRight 2s linear infinite; -webkit-animation:slideRight 2s linear infinite; -moz-animation:slideRight 2s linear infinite; -o-animation:slideRight 2s linear infinite; } 
#plataformaeducativafull .activeAnim.buttonLeft { animation: slideLeft 2s linear infinite; -webkit-animation:slideLeft 2s linear infinite; -moz-animation:slideLeft 2s linear infinite; -o-animation:slideLeft 2s linear infinite; }



.scroll_mobile i { font-size: 2rem; color: var(--ebiocolor); cursor: pointer; } 
#home .scroll_mobile { font-size:.8rem;  position: fixed;  left: 0;   bottom: 0;}
#home .scroll_mobile i, #sectionPEMobile .scroll_mobile i, #contacto .scroll_mobile i { color: black; font-size: 2rdem; }
#puntoventa .scroll_mobile, #productos .scroll_mobile { position: relative; }
#puntoventa .scroll_mobile { margin-top: -40px !important; }
.scroll_mobile.footer { position: fixed; top: 88px; width: 100%;  }

.desktop .scroll_mobile { position: fixed !important;  left: 0;   bottom: 0; width: 100%; }
.desktop #home .scroll_mobile { color: white;   font-size:1rem; font-weight: bold;   }
.desktop #home .scroll_mobile i, .desktop #preciosobnate .scroll_mobile i, .desktop #contacto .scroll_mobile i{ color: white; }
.desktop #nosotros .scroll_mobile, .desktop #metodologia .scroll_mobile { z-index: -1; } 
.desktop .scroll_mobile i, .desktop #contacto .scroll_mobile.footer i { font-size: 2rem; color: var(--ebiocolor); cursor: pointer; } 
.desktop #contacto .scroll_mobile.footer { bottom: initial; top: 325px; }


.scroll_mobile i { animation: bounceMini 2s infinite; }
nav.nav-second .navbar-nav { flex-direction: row; } 

@media only screen and (max-device-width : 721px){
	.plnav2 { padding-left: initial !important; }
	nav.nav-second .navbar-nav { flex-direction: row; justify-content: center; }
	#seriesFull .img-title { height: 70px; }
    .modal-full .modal-content {  width: 100vw; } 
    .modal-video-close-btn { display: none !important; }
}

@media only screen and (min-device-width : 300px) and (max-device-width : 768px) and (min-device-height : 300px) and (max-device-height : 768), 
(pointer: coarse), (hover: none) {
	#puntoventa .honm, #productos .honm { display: none !important; } 

	nav.nav-principal {     padding: .5rem 1rem !important; } 
	nav.nav-second { padding-left: initial !important; }
	nav.nav-second .nav-link span { font-size: .7rem; }
	.btn.btn-ebio, .btn.btn-ebio-especial, .btn.btn-ebio-border, .btn-ebiolight-border  {  font-size: 1rem !important; }
	.htmlSliderHome, #carouselHome { padding-top: 44px; }
	.htmlSliderHome h1 { font-size: 1.6rem !important; line-height: 1.6rem;  font-weight: bold !important; }
	nav.navbar.nav-principal .nav-link span {  font-size: 1.1rem !important;  text-transform: initial; }
	nav.nav-principal .nav-link-right.btn-pe span { text-transform: initial !important; }  
	nav.navbar-expand-lg.nav-second .navbar-nav { display: flex !important; justify-content: center!important; flex-direction: row; } 
	#puntoventa .textRight { margin-left: 0; }
	#puntoventa .textoDetail, #sectionPEMobile .sectorButton { text-align: center; }
	#puntoventa .sectorButton { justify-content: center; display: flex; }
	.display-6 { font-size: .9rem !important; font-weight: bold; }  
	.htmlSliderHome, .htmlSliderPE {   position: absolute; }
 
	html {  height: 100%;  }
	body {  height: 100%; overflow: hidden;overflow-y: scroll; width: 100vw;  }
	.sectorNavs { position: fixed;  right: 0;    left: 0;    top: 0;  }

	#home, #puntoventa, #productos, #preciosobnate, #plataformaeducativa, #capacitacion, #nosotros, #metodologia,  #contacto, #colegios {  width: 100%; height: 100vh;  }  

	section { position: relative; }
	section.wrapper { display: block }

	.background { position: fixed;   width: 100vw;    height: 100vh;    background: #000000d6;  z-index: 0; opacity: 0;  -webkit-transition: .5s linear;  -ms-transition: .5s linear;    transition: .5s linear; }	 
	.background.open { z-index: 3; opacity: 1; }


	.htmlSliderHome {  position: absolute; } 
	#puntoventa h1.display-6, #puntoventa h1.display-5p5, #productosFull h1, #capacitacion h1.display-6, #capacitacion h1.display-5p5 { text-align: center !important; }
	#puntoventa .fondo, #productos .fondo, #preciosobnate .fondo, #capacitacion .fondo, #nosotros .fondo, #metodologia .fondo, #colegios .fondo, #contacto .fondo { opacity: 1; }
	#productos .fondo, #colegios .fondo, #preciosobnate .fondo , #colegios .fondo, #contacto .fondo { padding-top: 88px; margin-top: initial; }
	#puntoventa .fondo { margin-top: initial !important; }
	#productos { height: initial; }
	#productos .sectorButtonPricesMobile a { animation: efectoBlink 3s infinite linear; }
	#productosFull .bg-whiteAlpha { background: transparent !important; }

	#preciosobnate .textoDetail { padding-top: 1rem; } 
	#preciosobnate { height: initial; }
	#preciosobnate .fondo, #productos .fondo { padding-top: initial; }
	#sectionPEMobile .bg-whiteAlpha { opacity: 1; }
	#sectionPEMobile .htmlSliderPE { position: initial; line-height: 1rem; }
	#sectionPEMobile .htmlPE { background: rgba(255, 255, 255, 0.75); }
	#sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div {  height: 50vh;   overflow-y: auto;     margin-bottom: .5rem; }
	#sectionPEMobile .htmlSliderPE .info1PE div.sectorButton, #sectionPEMobile .htmlSliderPE .info2PE div.sectorButton { height: initial !important; }
	#sectionPEMobile .htmlSliderPE div i { color: var(--ebiocolor); } 

	#capacitacion, #nosotros, #metodologia, #colegios, #contacto { height: initial !important; padding-top: initial !important; }
	#capacitacion .fondo, #nosotros .fondo, #metodologia .fondo { height: initial;  margin-top: initial; padding-bottom: 1rem; background: var(--ebioceleste); }
	/*#capacitacion .video { order: 2 }
	#capacitacion .sectorText { order: 1 }
	#capacitacion #sectorBotonStaff{ order:3; }*/

	#capacitacion .fondo { padding-top: initial; }
	#capacitacion .fondo .laptop { width: 110%;   height: 110%; background: transparent;  margin-top: 0; position: relative;  margin-left: initial;}
	#capacitacion .fondo .laptop .pantalla { height: initial; margin-top: 0; background: transparent; margin-left: 0;  width: 100%; padding: 0rem 1.5rem; }
	#capacitacion .fondo .textoCap {  padding-left: 1.5rem !important; padding-bottom: 0rem !important; margin-top: 1rem;  margin-bottom: -1rem; }
	#capacitacion .fondo .textoCap .textoDetail {  font-size: 1rem; line-height: 1rem; padding-right: initial; }

	#capacitacion .fondo #sectorBotonStaff {   margin: 0 !important;  }
	#capacitacion #sectorStaff { border: none; margin-left: initial; padding-left: initial; padding: 1.5rem; }
	#capacitacion #sectorStaff .item-staffc { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; }
	#capacitacion #sectorStaff .tituloSC { font-size: 1rem; }
	#capacitacion #sectorStaff .textoDetail {  font-size: .8rem !important;  line-height: .9rem; }
	#capacitacion .btn-close, #colegios .btn-close { width: 3rem; height: 3rem; } 
	#capacitacion .videoClick, #nosotros .videoClick, #metodologia .videoClick{ width: 100%;  height: 100%; position: absolute;   background: transparent; display: block; top:0; left: 0; }

	#nosotros .fondo, #metodologia .fondo { background: white; padding-top: initial !important; }
	#capacitacion .videoWrapper, #nosotros .videoWrapper, #metodologia .videoWrapper {  position: initial;  } 
	#capacitacion .videoWrapper iframe, #nosotros .videoWrapper iframe, #metodologia .videoWrapper iframe { padding-left: 1.5rem;  padding-right: 1.5rem; } 
	#nosotros .cuerpo.justify-content-center { justify-content: initial !important; } 

	#colegios .fondo, #contacto .fondo { padding-top: initial; }
	#colegios .card-deck {  flex-flow: row wrap; }
	#colegios .card-deck .card { flex: 1 0 0%; } 
	#colegios .card .card-body .card-title { font-size: 1rem; }
    #colegios .card .card-footer {  font-size: .8rem; } 
    #colegios .colegioHide { display: none; opacity:0; } 
    #colegios .colegioMore { display: block; text-align: center; }
    #colegios .card-group { justify-content: center; } 
    
    #contacto #footer { color: white; position: relative; height: initial; padding-top: 1.5rem; bottom: initial; background: transparent; }
    #contacto #footer .grupoInfo { background: #4ab1e8bd; margin: .5rem;  border-radius: 2rem;  padding: 1rem; } 
    #contacto #footer .sectorInfo { font-size: 1rem; } 
    #contacto #footer .img-action { height: 48px; }
    #contacto .fondo { height: initial; }  
    #contacto a{ color:white; }  

    /*punto de venta*/
    #puntoventafull .sectorPosMapa { order: 2; padding: 0; }
    #puntoventafull .sectorPosMapa #map{   height: calc(100vh - 90px); } 
    #puntoventafull .sectorPosInfo { order: 1; margin-top: 92px;   height: calc(100vh - 90px); } 
    #puntoventafull .textDetail { font-size: 1rem; }
    #puntoventafull .sectorPosInfo .icon-gps{  display: none; }  
    #puntoventafull .buttonMore { padding-right: 3rem; }
    #puntoventafull .buttonMore button, #capacitacion #sectorStaff .buttonMore button { width: 4rem; height: 4rem; }
    #puntoventafull .listPOS { padding: 0 1rem; }
    #seriesFull .fondo { padding-top: 92px; }

    #productosFull .fondo { position: initial; } 
    #plataformaeducativafull .fondo { padding-top: 86px; } 
    #plataformaeducativafull ul{ list-style: none; padding: 0; } 
    #plataformaeducativafull ul li .div-img{ cursor:pointer; display: block; border-radius: 50%; background: var(--ebiocolor);   width: 62vw; height: 62vw; padding: 2rem; }
	#plataformaeducativafull ul li .div-img img {  }
	#plataformaeducativafull ul li h1 { font-size: 1rem !important;  } 

	#pe_description .absolutefull { position: relative; padding-top: 86px; height: initial; }
	#pe_description .h-40, #pe_description .h-60 { height: initial !important;  } 
	#pe_description .sectorTexto { order:1; padding-right: 0 !important; padding: 1.5rem !important; padding-bottom: 0 !important; }
	#pe_description .myContainer, #capacitacion .myContainer { width: 100%;   padding-right: 15px;  padding-left: 15px;   margin-right: auto;  margin-left: auto; }
	#pe_description .sectorVideo { justify-content: center !important; order:2; padding: 0; display: block !important;  padding: 0 1.5rem; }
	#pe_description .sectorVideo .especial {   }
	#pe_description .boxVideoBookSel, #pe_description .boxVideoBookSelMini{  height: 32vh;  width: 100%; }
	#pe_description .titulo {  text-align: center; }
	#pe_description .textDetail { font-size: 1rem; line-height: 1.1rem; }
	#pe_description #carouselPE { margin-top: 1.5rem; }
	#pe_description #carouselPE .carousel-inner { height: 30vh }
	#pe_description .carousel-control-prev, #pe_description .carousel-control-next { width: initial; margin-top: 20%; }
	#pe_description .tituloVideoEspecial { font-size: 1rem !important; }
	#pe_description .expanded {  margin-left: -1.5rem;  margin-right: -1.5rem; -webkit-animation: slideRight 2s infinite linear; -moz-animation: slideRight 2s infinite linear; -o-animation: slideRight 2s infinite linear; animation: slideRight 2s infinite linear; }
	#pe_description .textDetail p:last-child { margin-bottom: 1rem; }

	.noscroll { overflow: initial; height: initial; }  
	.rotateDevice { background: var(--ebiocolor); position: fixed; width: 100vw; height: calc(100vh - 80px); top: 80px; left: 0; display: none; }
	.rotateDevice img { height: 50vh; }
	.rotateDevice .texto {  margin-top: -10px; color: white; }
} 
 

 /* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen  and (min-device-width: 1024px)  and (max-device-width: 1366px) and (pointer: coarse), 
@media only screen  and (min-device-width: 1024px)  and (max-device-width: 1366px) and (hover: none) {
  #pe_description .sectorVideo { justify-content: center !important; padding: 2rem 1.5rem; }
  #pe_description .boxVideoBookSel {  height: 22vh;  width: 100%; max-width: 100%; }  
  #plataformaeducativafull .slider_mobile ul li .div-img img { width: 70%;  margin-top: 15%; }
  #plataformaeducativafull .slider_mobile ul li h1 {   font-size: 2rem !important;  }
  #plataformaeducativafull .slider_mobile .display-5p5 {    font-size: 2.5rem !important; }
  nav .pr-3/*, .px-3 */{ padding-right: 0 !important; }
  nav.navbar-expand-lg.nav-second .navbar-nav {  justify-content: initial !important; /*padding-left: 11.5rem;*/ } 
}


@media only screen and (orientation: landscape) and (pointer: coarse),  only screen and (orientation: landscape) and (hover: none) { 
	#plataformaeducativafull ul li .div-img{ width: 60vh; height: 60vh; padding: 2rem; }  
	/*nav.navbar-expand-lg.nav-second .navbar-nav { padding-left: 14.5rem !important; }*/
	#pe_description .boxVideoBookSelMini{  height: 10vh;  width: 100%; } 
	.slider_mobile .boxVideoBookSel { height: 44vh;  }
	.rotateDevice { display: block; }
	#productosFull .fondo { height: 100%; }
	#home { height: auto;  padding-top: 86px; }
	section#home, section#puntoventa, section#productos, section#sectionPEMobile, section#colegios, section#contacto, section#capacitacion { height: auto !important; } 
	.htmlSliderHome {   position: absolute;   padding-top: 0;   margin-top: 60px;   height: auto !important;  }
	.htmlSliderHome h1 { font-size: 1.3rem !important; }
	#carouselHome { padding-top: 0; }
	#sectionPEMobile .carousel-item { height: 120vh; }
	#sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div { height: 65vh; }
	#sectionPEMobile .htmlPE { height: initial !important; }
	.navbar-collapse.show .nav-link{ padding-top: 0.25rem;   padding-bottom: .25rem; } 
}

@media only screen and (orientation: landscape) and (pointer: coarse) and (min-device-height: 700px), @media only screen and (orientation: landscape) and (hover: none) and (min-device-height: 700px){
	nav.nav-second {  padding-left: 11.5rem !important; }

	.htmlSliderHome { margin-top: 0; height: 100% !important; }

	#puntoventa .honm { display: block; }
	#puntoventa h1.display-6, #puntoventa h1.display-5p5,  #puntoventa p, #puntoventa .sectorButton{ text-align: left !important; justify-content: left !important; }
	section#productos { height: calc(100vh - 100px) !important; }  
	#productosFull .fondo { height: 100vh; }

	.slider_mobile .boxVideoBookSel {   height: 44vh;   width: 70%;   margin-left: 15%;    margin-bottom: 20px; }
	#seriesFull ul li img { height: 60vh !important; }
	#seriesFull ul li img.horizontal { height: 45vh !important; }
	#seriesFull .buttonUnityMobile { top: 20px; }
	.slider_mobile .viewBooks  { margin-top: 10px; } 

	.rotateDevice { display: none; }
	#plataformaeducativafull ul li .div-img {  width: 55vh;  height: 55vh;  } 
	#pe_description .boxVideoBookSel { height: 25vh; }
	#pe_description .textDetail {   font-size: 1.1rem; }
	#pe_description .sectorVideo .especial { padding-top: 1.5rem; }
	#pe_description .absolutefull {  padding-top: 95px; } 

	#productos .capa_personajes .izquierdo, .capa_personajes .derecho { opacity: 1; }

	#sectionPEMobile .htmlPE { background: none !important; }
	#sectionPEMobile .htmlSliderPE { height: calc(100vh - 200px); }
	#sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div { height: auto !important;     padding: .5rem; margin-right: 25px; }
	#sectionPEMobile .bg-whiteAlpha { margin-right: 25px;     flex: 0 0 40%; }
	#sectionPEMobile .carousel-inner { height: calc(100vh - 100px); }

	#capacitacion .fondo .conte { justify-content: center !important; }
	#capacitacion .col-md-6 { flex: 0 0 70%; max-width: 100%;  }
	#capacitacion #sectorStaff { padding-left: calc(15% + 1.5rem); padding-right: calc(15% + 1.5rem); }
	#nosotros .cuerpo.justify-content-center { justify-content: center !important; }
	#nosotros .fondo.container, #metodologia .fondo.container{ max-width: initial; }
	#nosotros .fondo .col-md-8, #metodologia .fondo.container .col-md-8{ flex: 0 0 70%; }

	#capacitacion .videoWrapper iframe, #nosotros .videoWrapper iframe, #metodologia .videoWrapper iframe { position: absolute; height: 100%; } 
	#colegios .card-group .col-6 { max-width: 25%;  }

}

@media only screen and (orientation: landscape) and (pointer: coarse) and (min-device-height: 350px) {
	.htmlSliderHome { height: calc(100vh - 40px) !important;  background-color: transparent !important;  } 
	#sectionPEMobile .bg-whiteAlpha {  background-color: transparent !important; } 
    .container { max-width: initial !important; }
    @media only screen and (orientation: landscape) and (pointer: coarse) and (min-device-width: 800px) {
    	#puntoventa h1.display-6, #puntoventa h1.display-5p5, #productosFull h1, #capacitacion h1.display-6, #capacitacion h1.display-5p5, #puntoventa .textoDetail, #sectionPEMobile .sectorButton { text-align: left !important;  }
  		#puntoventa .sectorButton { justify-content: start !important; }
  		.capa_personajes { display: none !important; }
  		#productos .w-50 { width: 100% !important; }
  		#capacitacion .justify-content-end, #nosotros .cuerpo.justify-content-center, #metodologia .cuerpo.justify-content-center { justify-content: center !important; }
  		#contacto .col-md-4 {  flex: 0 0 40%;   max-width: 40%; }
    }
}
 

/* Portrait tablet normal*/
@media only screen 
  and (min-device-width: 600px) 
  and (min-device-height: 900px) 
  and (orientation: portrait) and (pointer: coarse) {
  .htmlSliderHome .titleSliderHome h1, .htmlSliderHome .titleSliderHome h1 .letter { line-height: 2.5rem; }
  #sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div { height: initial !important;  }
  #sectionPEMobile .bg-whiteAlpha { width: 70%;  }
  .contenedorInfoPE { height: 70vh; justify-content: center !important; }
  
  .btn.btn-ebio, .btn.btn-ebiolight-border, .btn.btn-ebiotransp-border, .btn.btn-ebio-especial-border, .btn.btn-ebio-especial { font-size: 1.3rem !important; }

  .sectorButtonSes { right: 5rem; }
  .sectorButtonPrices a.btn-ebio-especial, .sectorButtonSes a.btn-ebio-especial.princ, #seriesFull .priceMobile .textoPrice { width: 62px; height: 62px; }
  h1.display-6, h1.display-9 { font-size:1.2rem !important; margin-bottom: 0; }
  h1.display-9 { font-size:.1.4rem !important; } 
  h1.display-5p5, #preciosobnate h1.display-4 { font-size:2.1rem !important; }
   #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
  #footer .textoDetail, #pe_description .textDetail, #capacitacion .fondo .textoDetail, #capacitacion #sectorStaff .textoDetail, 
  #sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div, #contacto a, #contacto .texto{ font-size: 1.3rem;  line-height: 1.4rem; }
  #contacto .bmd-form-group .bmd-label-static { font-size:1.3rem !important; }
  #contacto input, #contacto textarea{ font-size: 1.2rem; margin-top: 1rem; }
  .container { max-width: initial; }
}

/* tablet portrait */
@media only screen 
  and (min-device-width: 700px) 
  and (min-device-height: 900px) 
  and (orientation: portrait) and (pointer: coarse) {
  .htmlSliderHome .titleSliderHome h1, .htmlSliderHome .titleSliderHome h1 .letter { line-height: 2.5rem; } 
  .btn.btn-ebio, .btn.btn-ebiolight-border, .btn.btn-ebiotransp-border, .btn.btn-ebio-especial-border, .btn.btn-ebio-especial { font-size: 1.4rem !important; } 
  h1.display-6, h1.display-9 { font-size:1.3rem !important; margin-bottom: 0; }
  h1.display-9 { font-size:.1.5rem !important; } 
  h1.display-5p5, #preciosobnate h1.display-4 { font-size:2.4rem !important; }
   #preciosobnate .textoDetail,  #puntoventa .textoDetail, #carouselPEmini .textoDetail, #nosotros .contenido, #metodologia .contenido, #contacto .textoDetail,
  #footer .textoDetail, #pe_description .textDetail, #capacitacion .fondo .textoDetail, #capacitacion #sectorStaff .textoDetail, 
  #sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div, #contacto a, #contacto .texto{ font-size: 1.4rem;  line-height: 1.5rem; }
  #contacto .bmd-form-group .bmd-label-static { font-size:1.3rem !important; }
  #contacto input, #contacto textarea{ font-size: 1.3rem; margin-top: 1rem; } 
}

@media only screen 
  and (min-device-height: 600px) 
  and (min-device-width: 900px) 
  and (orientation: landscape) and (pointer: coarse) { 
  .htmlSliderHome { height: calc(100vh - 59px) !important;     background-color: transparent !important; }
  #puntoventa h1.display-6, #puntoventa h1.display-5p5, #productosFull h1, #capacitacion h1.display-6, #capacitacion h1.display-5p5, #puntoventa .textoDetail, #sectionPEMobile .sectorButton { text-align: left !important;  }
  #puntoventa .sectorButton { justify-content: start !important; }
  section#puntoventa, section#productos, section#sectionPEMobile {  height: initial !important;  }
  #sectionPEMobile .htmlSliderPE .info1PE div, #sectionPEMobile .htmlSliderPE .info2PE div { height: auto; max-height: 50vh; }
  #sectionPEMobile .htmlPE { background: none; }
  #sectionPEMobile .text-gray-dark, #sectionPEMobile h1.display-5p5 { color: white !important; }
  #sectionPEMobile .bg-whiteAlpha { background-color: #f5f5f5cf !important; }
  #capacitacion .justify-content-end, #nosotros .cuerpo.justify-content-center, #metodologia .cuerpo.justify-content-center { justify-content: center !important; }
  #contacto #footer .grupoInfo { margin: 0;  border-radius: 0; } 
  section#home .bg-whiteAlpha { width: 60vw; max-width: 600px; } 
  
}

/* Portrait ipad normal*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  and (pointer: coarse) {
  #plataformaeducativafull .slider_mobile ul li .div-img img { width: 70%;  margin-top: 15%; }
  #plataformaeducativafull .slider_mobile ul li h1 {   font-size: 2rem !important;  }
  #plataformaeducativafull .slider_mobile .display-5p5 { font-size: 2.5rem !important; }	
  #puntoventa h1.display-6, #puntoventa h1.display-5p5, #capacitacion h1.display-6, #capacitacion h1.display-5p5, #puntoventa .textoDetail, #sectionPEMobile .sectorButton { text-align: left !important;  }
  #puntoventa .sectorButton { justify-content: start !important; }
  #puntoventa .col-md-8 { flex: 0 0 100%; max-width: 100%; }
  .capa_personajes { display: flex !important; }
  #productos .w-50 { width: 100% !important; }
  #capacitacion .justify-content-end, #nosotros .cuerpo.justify-content-center, #metodologia .cuerpo.justify-content-center { justify-content: center !important; }
  #contacto .col-md-4 {  flex: 0 0 70%;   max-width: 70%; } 
}
/*landscape*/
@media only screen 
  and (min-device-height: 600px) 
  and (min-device-width: 1024px) 
  and (orientation: landscape) and (pointer: coarse) { 
	#sectionPEMobile .bg-whiteAlpha {     background-color: #f5f5f5cf !important; }
	#contacto .col-md-4 {  flex: 0 0 33.3%;   max-width: 33.3%; }
 }



/* Landscape ipad pro*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape)  {
  #pe_description .sectorTexto { order: 2; }
  #pe_description .sectorVideo { order: 1; } 
  #pe_description #carouselPE .carousel-inner { height: 50vh; }
} 


.w200 { width: 200%; }
.soloX { overflow-y: hidden !important; overflow-x: auto !important; }
.soloY { overflow-x: hidden !important; overflow-y: auto !important; }
#seriesFull .priceMobile {  position: absolute; top: -1rem;  width: 96%;} 
#seriesFull .priceMobile .textoPrice { border-radius: 50%; font-size: .9rem; height: 3.2rem; width: 3.2rem;  line-height: 2.9rem;  }
#seriesFull .priceMobile .textoPrice.blink { animation: efectoBlink 3s infinite linear; }
#seriesFull .priceMobile .textoPrice img { padding: 10px; }
@keyframes efectoBlink {  0% { box-shadow: none;   } 45% { box-shadow: 0 0 1px 5px  var(--ebiocolorespecial2), 0 0 1px 10px var(--ebiocolorespecial3), 0 0 1px 15px var(--ebiocolorespecial4);   }  90% { box-shadow: none;   } }