/* STYLE ROBOTO */
@charset "utf-8";
@font-face{font-family:'Roboto-Light';src:url(../tipografia/roboto/Roboto-Light.ttf)}
@font-face{font-family:'Roboto-Thin';src:url(../tipografia/roboto/Roboto-Thin.ttf)}
@font-face{font-family:'Roboto-Regular';src:url(../tipografia/roboto/Roboto-Regular.ttf)}
@font-face{font-family:'Barcelony';src:url(../tipografia/Barcelony/Barcelony.ttf)}
@font-face{font-family:'Comfotaa-Regular';src:url(../tipografia/Comfortaa/Comfortaa-Regular.ttf)}
@font-face{font-family:'Montserrat';src:url(../tipografia/Montserrat/Montserrat-Regular.otf)}
@font-face{font-family:'Montserrat-SemiBold';src:url(../tipografia/Montserrat/Montserrat-SemiBold.otf)}
@font-face{font-family:'Montserrat-Bold';src:url(../tipografia/Montserrat/Montserrat-Bold.otf)}
@font-face{font-family:'Brahma-Bold';src:url(../tipografia/Brahma/Brahma-Bold.ttf)}
/* Style navegacion*/

.breadcrumb{

  overflow: hidden;

    list-style: none;

    width: 100%;

    border-radius: 3px;

    border: 1px solid #adadb999;

    position: relative;

    padding: 10px;

}

.welcome{

	font-size: 2.375rem;

    color: #206bc4;

}

.welcome-v2{
  font-family: 'Comfotaa-Regular';
  font-size: 2.175rem;
  color: #241b42;
  line-height: 41px;
}
.title-home{
  font-size: 24px;
  font-family: 'Roboto-Light';
}
@media only screen and (max-width: 600px) {
  .welcome-v2{
    font-size: 1.375rem;
    line-height: 30px;
  }
}


/* ANIMATE CSS notificacions */

[data-notify="progressbar"] {

	margin-bottom: 0px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 5px;

}



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both; }



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite; }



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s; }



.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s; }



.animated.flipOutX,

.animated.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s; }



@-webkit-keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



@keyframes shake {

  from, to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translate3d(-10px, 0, 0);

    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {

    -webkit-transform: translate3d(10px, 0, 0);

    transform: translate3d(10px, 0, 0); } }



.shake {

  -webkit-animation-name: shake;

  animation-name: shake; }



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }



@keyframes fadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none; } }



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown; }



@-webkit-keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }



@keyframes fadeOut {

  from {

    opacity: 1; }

  to {

    opacity: 0; } }



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut; }



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



@keyframes fadeOutDown {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0); } }



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



@keyframes fadeOutUp {

  from {

    opacity: 1; }

  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0); } }



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp; }



  .alert {

  border: 0;

  border-radius: 0.1875rem;

  color: #FFFFFF;

  z-index: 1000;

  /*padding-top: .9rem;

  padding-bottom: .9rem;*/

  position: relative; }

  .alert.alert-success {

    background-color: #1be611; z-index: 3000 !important}

  .alert.alert-danger {

    background-color: #ff5050; }

  .alert.alert-warning {

    background-color: #ffbc50; }

  .alert.alert-info {

    background-color: #46b3ff; }

  .alert.alert-primary {

    background-color: #fa764b; z-index: 3000 !important; }

  .alert i.fa,

  .alert i.now-ui-icons {

    font-size: 20px; }

  .alert .close {

    color: #FFFFFF;

    opacity: .9;

    text-shadow: none;

    outline: 0; }

  

.text-justify{

      text-align: justify !important;

}

.navbar-brand-logo{
  width: 93px;
  height: auto;
}
.bg-phi{
  background: #0f062c;
}
.avatar-pdf{
  width: 3rem;
    height: 3rem;
}

/* Section Cuando el PDF es nuevo o actualizado */
.class-Verde{
  background: #4CAF50;
}
.class-Salmon{
  background: #f96332;
}
.pdf-notifica{
  font-size: 11px;
  color: white;
  text-transform: capitalize;
  transform: rotate(30deg);
  position: absolute;
  z-index: 15;
  top: 13px;
  right: 2px;
  width: 80px;
  box-shadow: 5px 2px 9px 0px #00000085;
  border-radius: 19px;
  text-align: center;
}
.pdf-notifica-vd{
  font-size: 11px;
  color: white;
  text-transform: capitalize;
  transform: rotate(30deg);
  position: absolute;
  z-index: 15;
  top: 24px;
  right: -27px;
  width: 118px;
  box-shadow: 5px 2px 9px 0px #00000085;
  border-radius: 19px;
  text-align: center;
}
.pdf-version{
  top: 12px;
    right: -21px;
    width: 90px;
  text-align: center;
}
.pdf-notifica-div{
  
    color: white;
    text-transform: capitalize;
    transform: rotate(30deg);
    position: absolute;
    z-index: 15;
    top: 5px;
    right: -21px;
    width: 81px;
    box-shadow: 5px 2px 9px 0px #00000085;
    border-radius: 19px;
    font-size: 11px;
    text-align: -webkit-center;
}
.info-success{
  font-size: 10px;
    color: #28a745;
    position: absolute;
    left: 18px;
    margin-top: 0px;
}
.item-fecha{
  font-size: 12px;
  position: absolute;
  z-index: 127;
  top: -2px;
  left: -1px;
  background: #4caf50c9;
  color: white;
  padding: 2px 5px;
  border-radius: 21px;
}
.btn-descargar{
    position: fixed;
    z-index: 10;
    bottom: 18px;
    right: 2%;
}
.btn-whatsapp{
    position: fixed;
    z-index: 10;
    bottom: 18px;
    left: 2%;
    background-color: #22a530;
    border-color: #54cc61;
}
.btn-whatsapp:hover {
    color: #fff;
    background-color: #167527;
    border-color: #167527;
}
/* *********** zona subir archivo masivo*/
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

.dropzone, .dropzone * {
    box-sizing: border-box;
}
.dropzone {
    min-height: 150px;
    border: 2px solid rgba(0,0,0,0.3);
    background: white;
    padding: 20px 20px;
}
.dropzone {
    border: 2px dashed #ccc;
    border-radius: .25rem;
}

.dropzone.dz-clickable {
    cursor: pointer;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}
.dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.cargando{
  color: #602278;
  position: fixed;
    z-index: 5;
    left: 50%;
    top: 44%;
  display: none;
}
#Cerrar.close{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  width: 25px;
  height: 25px;
  padding: 3px;
}
/* ****** STYLE DE LA API DE GALERIA PARA ZOOM ***** */
.img-sesiones{
      width: 120px;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.img-logo{
  width: 200px;
}
.navbar-escuela{
    background: #0f062c !important;
}
/*  STYLE PAGE COACHING - PLAY */
.card-modulo{
  border-radius: 15px;
}
.text-modulo-principal{
  font-family: 'Roboto-Light';
  font-size: 19px;
  margin-bottom: 27px;
  color: #f5b214;
}
.title-modulo{
  font-family: 'Roboto-Light';
}
.text-modulo{
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}
.enlace-modulo{
  font-family: 'Roboto-Light';
  background-color: #151429;
  color: white;
  font-size: 19px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 0.6rem 1rem;
}
.enlace-modulo i{
  float: right;
  top: 14%;
  position: relative;
}
.enlace-modulo:hover {
    text-decoration: none;
    background: rgba(32,107,196,.06);
    color: #154782;
}
.avatar-modulos{
  width: 7rem;
  height: 7rem;
  font-size: 3.25rem;
  background-color: #0f062c;
  color: white;
  margin-top: 30px;
}
.avatar-numeracion{
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2.25rem;
    line-height: 4.5rem;
    vertical-align: middle;
    background-color: #0f062c;
    color: white;
    margin-right: 18px;
}
.banner-inferior{
  background-position: 50% -270px;
    background-image: url(../img/recursos/banner-inferior.jpg);
    background-color: #000;
    padding: 50px 0 50px;
    background-repeat: no-repeat;
}
.text-banner{
    font-family: 'Roboto-Thin';
    font-size: 48px;
    color: #ffffff;
    padding: 0px 40px;
}
.avatar-iconos{
  background-color: #0f062c;
  color: white;

}
.avatar-iconos:hover{
  background-color: #0f062cd1;
}
/* STYLE CURSOS HOME */

.card-home{
  border-radius: 15px;
 

  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.card-home:hover{
  background-color: #0f062c;
  color: white;
}
.card-home:hover div div .avatar-home{
  background-color: #ffffff !important;
}
.card-home
.avatar-home{
  background-color: #0f062c;
  color: white;

}
.card-home img{
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  transition: all .8s ease-in-out !important;
  -webkit-transition: all .8s ease-in-out !important;
}
.card-home:hover img{
  -webkit-transform:scale(1.1);transform:scale(1.1);
  border-radius: 14px;
}
.avatar-home:hover{
  background-color: #ffffff !important;
}
.avatar-15{background-color: #fffae5 !important;} /* LIFE */
.avatar-16{background-color: #fff6f5 !important;} /* BUSINESS */
.avatar-17{background-color: #eafbf3 !important;} /* SST */
.avatar-18{background-color: aliceblue !important;} /* PRO */
.avatar-19{background-color: #416fc32b !important} /* PLUS */
.avatar-20{background-color: #67c6c933 !important} /* PROFESSIONAL */
.avatar-21{background-color: #a261cd2e !important} /* TEAM COACH */
.avatar-22{background-color: #117bbd1a !important} /* LIDERAZGO */
.avatar-23{background-color: #f2ced626 !important} /* ASSESSMENT */
.avatar-24{background-color: #a177b230 !important} /* CLIMA 18 */
.avatar-25{background-color: #feb45721 !important} /* PERFORMANCE */
.avatar-26{background-color: #0d70b01f !important} /* COACHIMNG-PLAY TEAMS */
.avatar-27{background-color: #7fa63630 !important} /* BPL */
.enlace-home{
  font-family: 'Roboto-Light';
  background-color: #f5f7fb;
  color: #0f062c;
  font-size: 13px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 0.6rem 1rem;
}
.enlace-home i{
  float: right;
  top: 14%;
  position: relative;
}
.enlace-home:hover {
    text-decoration: none;
    background: rgb(15 6 44);
    color: white;
}

/* STYLE CHAT */
.body-chat{
  height: 350px;
  overflow: auto;
}
.body-mensaje{
  background-color: #bbc2cc63;
  color: #0f062c;
  padding: 8px 7px;
  border-radius: 5px;
}
.save{
  height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.52);
    z-index: 100;
    color: white;
    font-size: 20px;
}
.save i {
    margin-left: 40%;
    margin-top: 24%;
}

/* COACHING-PLAY PLUS */
.bg-plus{
  background-color: #fab005;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-plus{
    background-color: #fab0052e;
    color: #5eba00;
    border: 1px solid #5eba00;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-plus{
    background-color: #5eba00;
    color: white;
}
.enlace-plus:hover{
    text-decoration: none;
    background: #5eba00;
    color: #f2fcff;
}

.btn-plus {
  color: #fff;
  background-color: #5eba00;
  border-color: #408000;
}

.btn-plus:hover {
  color: #fff;
  background-color: #4e9c00;
  border-color: #408000;
}

/* COACHING-PLAY LIFE */
.bg-life{
  background-color: #f39a27;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-life{
    background-color: #f39a2729;
    color: #f39a27;
    border: 1px solid #f39a27;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-life{
    background-color: #f39a27;
    color: white;  
}
.enlace-life:hover{
    text-decoration: none;
    background: #f39a27;
    color: #f2fcff;
}

.btn-life {
  color: #fff;
  background-color: #f19008;
  border-color: #b86b00;
}

.btn-life:hover {
  color: #fff;
  background-color: #df8200;
  border-color: #b86b00;
}

/* COACHING-PLAY BUSINESS */
.bg-business{
  background-color: #0f062c;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-business{
    background-color: #206bc42e;
    color: #FFA600;
    border: 1px solid #FFA600;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-business{
    background-color: #FFA600;
    color: white;  
}
.enlace-business:hover{
    text-decoration: none;
    background: #FFA600;
    color: #f2fcff;
}

.btn-business {
  color: #000000;
  background-color: #fcdc17;
  border-color: #aa9300;
}

.btn-business:hover {
  color: #000000;
  background-color: #ebcd10;
  border-color: #aa9300;
}

/* COACHING-PLAY LIDERAZGO */
.bg-liderazgo{
  background-color: #a00a0a;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-liderazgo{
    background-color: #206bc42e;
    color: #a00a0a;
    border: 1px solid #a00a0a;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-liderazgo{
    background-color: #a00a0a;
    color: white;  
}
.enlace-liderazgo:hover{
    text-decoration: none;
    background: #a00a0a;
    color: #f2fcff;
}

/* COACHING-PLAY DECISIONES PODEROSAS*/
.bg-decisiones{
  background-color: #f2ba1d;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-decisiones{
    background-color: #206bc42e;
    color: #f2ba1d;
    border: 1px solid #f2ba1d;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-decisiones{
    background-color: #f2ba1d;
    color: white;  
}
.enlace-decisiones:hover{
    text-decoration: none;
    background: #f2ba1d;
    color: #f2fcff;
}

/* MASTER CLASS COACHING-PLAY */
.bg-masterclass{
  background-color: #ff5722;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-masterclass{
    background-color: #206bc42e;
    color: #ff5722;
    border: 1px solid #ff5722;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-masterclass{
    background-color: #ff5722;
    color: white;  
}
.enlace-masterclass:hover{
    text-decoration: none;
    background: #ff5722;
    color: #f2fcff;
}

/* DISC SERIUS GAME */
.bg-disc{
  background-color: #fbbe18;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-disc{
    background-color: #206bc42e;
    color: #fbbe18;
    border: 1px solid #fbbe18;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-disc{
    background-color: #fbbe18;
    color: white;  
}
.enlace-disc:hover{
    text-decoration: none;
    background: #fbbe18;
    color: #f2fcff;
}

.btn-disc {
  color: #fff;
  background-color: #f08333;
  border-color: rgb(146, 85, 0);
}

.btn-disc:hover {
  color: #fff;
  background-color: #ff9b54;
  border-color: rgb(146, 85, 0);
}


/* PRACTITIONER */
.bg-practitioner{
  background-color: #e6007e;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-practitioner{
    background-color: #206bc42e;
    color: #fbbe18;
    border: 1px solid #fbbe18;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-practitioner{
    background-color: #fbbe18;
    color: white;  
}
.enlace-practitioner:hover{
    text-decoration: none;
    background: #fbbe18;
    color: #f2fcff;
}

.btn-practitioner {
  color: #fff;
  background-color: #f08333;
  border-color: rgb(146, 85, 0);
}

.btn-practitioner:hover {
  color: #fff;
  background-color: #ff9b54;
  border-color: rgb(146, 85, 0);
}

/* BUENAS PRACTICAS DE LIDERAZGO (BPL) */

.btn-bpl {
  color: #fff;
  background-color: #c41e23;
  border-color: #75080c;
}

.btn-bpl:hover {
  color: #fff;
  background-color: #d42e33;
  border-color: #75080c;
}

/* TEAMS 6.0 */

.btn-teams6 {
  color: #fff;
  background-color: #f39200;
  border-color: #945900;
}

.btn-teams6:hover {
  color: #fff;
  background-color: #e08700;
  border-color: #945900;
}

/* SST SERIUS GAME */
.bg-sst{
  background-color: #fbbe18;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-sst{
    background-color: #206bc42e;
    color: #fb7318;
    border: 1px solid #fb7318;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-sst{
    background-color: #fb7318;
    color: white;  
}
.enlace-sst:hover{
    text-decoration: none;
    background: #fb7318;
    color: #f2fcff;
}

/* CONSULTORES */
.bg-cons{
  background-color: #4A1973;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-cons{
    background-color: #206bc42e;
    color: #4A1973;
    border: 1px solid #4A1973;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-cons{
    background-color: #4A1973;
    color: white;  
}
.enlace-cons:hover{
    text-decoration: none;
    background: #4A1973;
    color: #f2fcff;
}


/* STYLE POR DEFECTO */
.bg-default{
  background-color: #0f062c;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-default{
    background-color: #0f062c2b;
    color: #0f062c;
    border: 1px solid #0f062c;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-default{
    background-color: #0f062c;
    color: white;  
}
.enlace-default:hover{
    text-decoration: none;
    background: rgba(32,107,196,.06);
    color: #154782;
}

/* COACHING-PLAY ASSASSMENT */
.bg-assessment{
  background-color: #0f062c;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
.avatar-assessment{
    background-color: #fab0052e;
    color: #dc1129;
    border: 1px solid #dc1129;
    transform: translate(0px,0px) scale(1);
    -webkit-transform: translate(0px,0px) scale(1);
    -moz-transform: translate(0px,0px) scale(1);
    -o-transform: translate(0px,0px) scale(1);
    -ms-transform: translate(0px,0px) scale(1);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
}
.card-modulo:hover .card-body div.mb-3 .avatar-assessment{
    background-color: #dc1129;
    color: white;
}
.enlace-assessment:hover{
    text-decoration: none;
    background: #dc1129;
    color: #f2fcff;
}

.btn-assessment {
  color: #fff;
  background-color: #dc1129;
  border-color: #910011;
}

.btn-assessment:hover {
  color: #fff;
  background-color: #c50218;
  border-color: #910011;
}

.btn-leadership {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-leadership:hover {
  color: #fff;
  background-color: #ffaa16;
  border-color: #f6af33;
}

/* Style Formulario de juegos de liderazgo */
table.table-liderazgo{
  border: 1px solid #c4c7ce;
}
table.table-liderazgo thead{
  border: 1px solid #c3c3c3;
  background-color: #f5f7fb;
  color: black;
  border-style: double;
}

tr.thead-titulo th{
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
    text-align: center;
}
tr.thead-titulo th span{
    font-size: 10px;
    text-transform: capitalize;
}
td.td-button{
    padding: 5px !important;
}
/* STYLE POR BPL */
.bg-default{
  background-color: #f9c211;
  box-shadow: rgb(53 64 82 / 24%) 6px 7px 5px 0px;
  border-radius: 10px;
}
/* ************* NUEVO DISEÑO DE LA ESCUELA ****************** */
body{
  background-color: #ffffff;
}
.subtitle-home{
    color: #F14D5D;
    line-height: 23px;
    font-family: 'Roboto-Light'
}
.title-home2{
    color: #120F2D;
    margin: 0 0 0 0;
    font-size: 39px;
    font-weight: 800;
    line-height: 46px;
    letter-spacing: -.2px;
    font-family: 'Roboto-Light';
}
.card-home2{
    box-shadow: 0 10px 30px rgb(19 14 57 / 5%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    overflow: hidden;
    position: relative;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    border: 0px;
}
.card-home2:hover, .card-home2.active{
  -webkit-box-shadow: 0 15px 30px rgb(29 23 77 / 8%);
  box-shadow: 0 15px 30px rgb(29 23 77 / 19%)
}
.card-home2:hover div div .avatar-home, .card-home2.active div div .avatar-home{
  background-color: #ffffff !important;
}
.card-home2
.avatar-home2{
  background-color: #0f062c;
  color: white;

}
.card-home2 img{
  border-radius: 8px;
}

.card-home2 .card-body div ul.list-unstyled{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
    font-family: 'Roboto-Light';
}
.card-home2 .card-body div ul.list-unstyled li {
    display: inline-block;
    text-transform: capitalize;
}
.card-home2 .card-body div ul.list-unstyled li i {
    color: #F14D5D;
    padding-right: 5px;
}

/* .curso:nth-child(odd) .card-home2 {
  background-color: rgb(255, 255, 255);
}

.curso:nth-child(even) .card-home2 {
  background-color: #29042f;
} */

.curso .card-home2 {
  background-color: #29042f;
  box-shadow: 0px 0px 10px 0px #00000052;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.4s;
}
.curso .card-home2:hover{
  background: linear-gradient( 90deg, rgb(104 3 120) 0%, rgb(41 4 47) 100% );
}

.curso .card-15:hover{ /* LIFE */
  background: linear-gradient( 90deg, rgb(16 165 223) 0%, rgb(14 133 179) 100% ) !important;
}

.curso .card-16:hover{ /* BUSSINES */
  background: linear-gradient( 90deg, rgb(69 165 57) 0%, rgb(142 194 24) 100% ) !important;
}

.curso .card-1:hover{ /* PLUS */
  background: linear-gradient( 90deg, rgb(255 204 1) 0%, rgb(255 161 1) 100% ) !important;
}

/* .curso:nth-child(odd) .card-home2 .ts-course-el-title a, .curso:nth-child(odd) .card-home2 .text-modulo{
  color: #120F2D;
}

.curso:nth-child(even) .card-home2 .ts-course-el-title a, .curso:nth-child(even) .card-home2 .text-modulo{
  color: #ffffff;
} */

.curso .card-home2 .ts-course-el-title a, .curso .card-home2 .text-modulo{
  color: #ffffff;
}

.curso a:hover {
  text-decoration: none;
  color: white;
}
.ts-course-el-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    font-family: 'Montserrat-Bold', sans-serif;
}
.ts-course-el-title a {
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    text-decoration: none;
}
.ts-course-el-title a:hover {
    color: #2878eb;
}
.course-footer {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.course-footer-diploma{
  display: initial;
}
.card-diploma{
  border: 1px solid rgb(250 70 84);
}
.course-footer .lessons {
    font-size: 14px;
    color: #706f81;
}
.xs-ratting-content {
    display: inline-block;
}
.xs-ratting-content .xs-review-rattting {
    display: inline-block;
    vertical-align: middle;
}
.xs-ratting-content .xs-review-rattting i{
    line-height: 12px;
    color: #FF912C;
}
.cl-button .btn-link {
    font-size: 12px;
    color: #F14D5D;
    text-decoration: none;
    text-transform: capitalize;
    border-bottom: 2px solid #F14D5D;
    -webkit-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    font-family: 'Montserrat-SemiBold', sans-serif;
    padding-bottom: 6px;
}
.cl-button .btn-infor{
    color: #120F2D;
    border-bottom: 0px;
    margin-bottom: 10px;
    font-size: 15px
}
.cl-button .btn-link i {
    margin-left: 6px;
    font-size: 13px;
}
.cl-button .btn-link:hover {
    color: #2878EB;
    border-color: #2878EB;
}
.course-price-item .course-price {
    display: inline-block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    font-size: 18px;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
    background: #F14D5D;
    color: #FFF;
    -webkit-box-shadow: 0 5px 15px rgb(241 77 93 / 41%);
    box-shadow: 0 5px 15px rgb(241 77 93 / 41%);
    position: absolute;
    right: 15px;
    top: 160px;
    min-width: 70px;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

.setion-informativo{
      background-color: #120F2D;
}
.elementor-widget-container {
    padding: 31px 30px 31px 30px;
    background-color: #FFF;
    border-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0 15px 30px rgb(29 23 77 / 8%);
    box-shadow: 0 15px 30px rgb(29 23 77 / 19%);
}
.elementor-widget-container:hover{
  -webkit-box-shadow: 0 15px 30px rgb(29 23 77 / 8%);
  box-shadow: 0 15px 30px rgb(29 23 77 / 19%);
}
.elementor-icon-box-wrapper {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
}
.elementor-icon-box-icon {
    margin-right: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.elementor-icon {
    font-size: 26px;
    padding: 22px;
    color: #fff;
    fill: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;

    display: inline-block;
    line-height: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
}
.elementor-icon1{
  background-color: #1DC29226;
  color: #1dc292;
}
.elementor-icon2{
  background-color: #6857FF26;
  color: #6857ff;
}
.elementor-icon3{
  background-color: #F14D5D26;
  color: #f14d5d;
}
.elementor-icon-box-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.elementor-icon-box-title {
  font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0;
    color: #120F2D;
    font-family: 'Roboto-Light';
}
.elementor-icon-box-description {
    color: #58566B;
    font-family: "Manrope",Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: .2px;
    text-align: justify;
}
.title-footer{
  font-size: 26px;
}
.ver-middle{
  vertical-align: middle;
}
.video-master{
  border-radius: 8px !important;
  padding: 10px;
}

.titulo-montserrat-semibold {
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 24px;
  line-height: 1.4;

}

.texto-elige-curso {
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 28px;
  line-height: 1.4;

}

.montserrat-semibold {
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 20px;
  line-height: 1.4;
}

.contenedor-titulo {
  padding-left: 100px;
  padding-right: 100px;
}

.contenedor-cajas {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: row;
  justify-content: center;
}

.contenedor-cajas .caja {
  width: 30%;
  float: left;
  background: #29042f;
  color: white;
  margin: 0 10px 0 0;
  font-weight: 500;
  font-size: 16px;
  padding: 22px 22px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
}

.montserrat-normal {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.contenedor-cajas .caja .caja-icono {
  font-size: 36px;
  margin-left: 0;
  margin-right: 5px;
}

.contenedor-cajas .caja .caja-info {
  line-height: 19px;
}

.contenedor-cajas .caja .caja-info .titulo{
  font-family: 'Montserrat-Bold', sans-serif;
  color: #efba24;
  font-size: 17px;
}

.montserrat-bold {
  font-family: 'Montserrat-Bold', sans-serif;
}

.montserrat-semibold-sm {
  font-family: 'Montserrat-SemiBold', sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.color-amarillo {
  color: #efba24;
}

.bg-phi-naranja {
  background: rgb(255,174,0);
  background: -moz-linear-gradient(90deg, rgba(255,174,0,1) 0%, rgba(255,126,0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,174,0,1) 0%, rgba(255,126,0,1) 100%);
  background: linear-gradient(90deg, rgba(255,174,0,1) 0%, rgba(255,126,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffae00",endColorstr="#ff7e00",GradientType=1);
}

.btn-bonito {
  background: rgb(255,174,0);
  background: -moz-linear-gradient(90deg, rgba(255,174,0,1) 0%, rgba(255,126,0,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,174,0,1) 0%, rgba(255,126,0,1) 100%);
  background: linear-gradient(90deg, rgba(255,174,0,1) 0%, rgba(255,126,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffae00",endColorstr="#ff7e00",GradientType=1);
  color: white;
  font-family: 'Brahma-Bold', Arial, Helvetica, sans-serif;
  border-radius: 25px;
  border: 0;
  padding: 8px 20px;
  transition: transform 0.35s ease;
}

.btn-bonito:hover {
  transform: translateY(4px);
}

.btn-bonito:focus {
  outline: 0;
}

.banner-play {
  background-image: url('../img/recursos/portada-escuela-play4.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}

#soli-comentario {
  resize: none;
}
.hr-welcome>:first-child {
  color: #0f062c;
  font-size: 21px;
}
.hr-welcome {
  margin: 0rem 0;
  color: #0f062c;
}
.alert-cronometro{
  width: 200px;
  position: fixed;
  top: 94px;
  right: 46px;
  z-index: 2000;
}
.badge-puntos{
  font-size: 34px;
  padding: 2px 28px;
}

.tab-referidos{
  box-shadow: 3px 7px 12px 2px #f39a276e;
}

/* Style mensaje evaluacion */
.text-valor-evaluacion {
  position: absolute;
  top: 38%;
  font-size: 82px;
  left: 32%;
  margin: 0;
  color: white;
}
.text-valor-evaluacion-up {
  top: 28% !important;
}
.text-valor-evaluacion-up-co {
  top: 38% !important
}
.evaluacion-extra{
  left: 25%;
}
.evaluacion-error{
  top: 30%;
}
.evaluacion-sesion{
  top: 42%;
  left: 36%;
  font-size: 90px;
}
.evaluacion-sesion-extra{
  left: 33%;
}
.evaluacion-sesion-error{
  top: 35%;
  left: 39%;
}
.evaluacion-sesion-error-up{
  top: 24% !important;
}
.text-valor-calificacion-up{
  top: 41% !important;
}
.text-valor-calificacion-up-co{
  top: 57% !important;
}

.text-valor-calificacion{
  position: absolute;
    top: 61%;
    font-size: 32px;
    left: 41%;
    margin: 0;
    color: black;
    font-family: 'Montserrat-SemiBold';
}
.calificacion-extra{
  left: 29%;
}
.calificacion-sesion{
  font-size: 42px;
  left: 42%;
}
.calificacion-sesion-extra{
  left: 32%;
}
.info-recordatorio {
  padding: 18px 21px;
  border-radius: 14px;
  background: #0f062c;
  font-size: 13px;
  box-shadow: 3px 6px 9px 2px #0000006b;
}
.info-publicidad {
  padding: 0px 0px;
  border-radius: 14px;
  background: #0f062c03;
  font-size: 13px;
  box-shadow: 3px 6px 9px 2px #0000006b;
}
.info-recordatorio h2{
  color: #fab005;
}

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

  .texto-elige-curso {
    font-size: 22px;
    line-height: 1.2;
  
  }
  
  .contenedor-titulo {
    padding-left: 20px;
    padding-right: 20px;
  }
  .contenedor-cajas {
    flex-direction: column;
  }
  .contenedor-cajas .caja {
    width: 95%;
    min-height: 85px;
    justify-content: flex-start;
    margin: 0 auto;
  }
  .contenedor-cajas .caja .caja-icono {
    width: 40px;
    display: flex !important;
    justify-content: flex-end !important;
  }
  
  .titulo-montserrat-semibold {
    font-size: 16px;
  
  }

  .montserrat-semibold {
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 16px;
    line-height: 1.24;
  }

  .banner-play {
    background-image: url('../img/recursos/portada-escuela-play-movil.jpg');
    min-height: 650px;
  }
  .br-movil{
    display: none;
  }
}


@media (min-width: 1200px){
  .h2, h2 {
      font-size: 1.1rem;
  }
}
/* Estilo del botón de WhatsApp */
.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whatsapp-button img {
  width: 81px;
  height: 60px;
  margin-top: 5px;
}

/* Estilo de la ventana emergente de WhatsApp */

.carousel-control-next-icon, .carousel-control-prev-icon{
  width: 4.5rem !important;
  height: 4.5rem !important;
}
.carousel-control-next, .carousel-control-prev{
  background-color: #00000080;
}