/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.cell_16886433659943-padding {border-radius:32px !important;}
.cell_16890732300412-padding {border-radius:32px !important;}
.cell_16895749949558-padding {border-radius:32px !important;}
.cell_16895751254724-padding {border-radius:32px !important;}
.cell_16895770924192-padding {border-radius:32px !important;}
.cell_16895776397014-padding {border-radius:32px !important;}
.cell_16895777430572-padding {border-radius:32px !important;}
.cell_1705579869979-padding {border-radius:32px !important;}
.cell_17138585205364-padding {border-radius:32px !important;}
.cell_1737633062907-padding {border-radius:32px !important;}
.cell_17492036782336-padding {border-radius:32px !important;}


@media (min-width: 768px) {
  .cell_1699461667160-vertical-alignment {
    border-radius:32px !important;
    padding:20px;
  }
}


 .img-txt__col--img {
    text-align: center !important;
  }

.img-txt {padding-bottom: 22px !important;}


#botones-home .btn--large{font-size: 1.3rem !important;  }

#botones-home .tabs__content {padding-top:22px !important;  }

.featshow__content__wrapper {
padding: 44px 0 90px 0;}

.featshow__nav--light .featshow__btn--active, .featshow__nav--light .featshow__btn:hover {
  color: #a12c7a; font-weight:bold; font-size: 18px !important;
  }

.featshow__nav--light .featshow__btn--active, .featshow__nav--light .featshow__btn:hover {
  color: #a12c7a;
  font-weight: 700;
}

.featshow__btn {font-size:18px !important;}

.caja-presupuesto-imparticion h1 {color: #17234a !important}

.caja-transformacion-digital h1 {color: #6c207e !important}

.caja-bpo h1 {color: #a63898 !important}

.caja-gif h1 span {color: #46bee9 !important}


.sep-imparticion .section-intro__divider div {background-color: #f080a5 !important}

.bot-bpo {}

b, strong {
  font-family: Open Sans,sans-serif;
  font-style: normal !important;
  font-weight: bold !important;
}

.numbers__number {
  color: #f36d34;
  font-family: Open Sans,sans-serif;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 0.89rem !important;
}

#cajaverde {background: rgba(51, 170, 51, .7) ; padding:22px}
#cajamorada {background: rgba(58, 62, 83, .7) ; padding:22px}



.numbers__number {
  color: #f36d34;
  font-family: Open Sans,sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 0.89rem !important;}

#numbers-distrib .numbers__number {
  color: #6c207e;
  font-family: Open Sans,sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.05;
  margin-bottom: 0.89rem !important;}

#numbers-distrib h3 {font-size: 1.5rem;}


#linea-imp .section-intro__divider  div {
  background: linear-gradient(111.02deg,#17234a,#17234a);
  border-radius: 4px;
  display: inline-block;
  height: 4px;
  max-width: 100%;
  vertical-align: top;
  width: 65px;
}


.span-home {font-weight: bold; color:#6c207e; padding:0 6px 0 6px}
.span-imp {background-color:#f080a5; color:#fff;padding:0 6px 0 6px}
.span-bpo {background-color:#a12c7a; color:#fff;padding:0 6px 0 6px}
.span-gif {background-color:#46bee9; color:#fff;padding:0 6px 0 6px}
.span-gif2 {background-color:#f16896; color:#fff;padding:0 6px 0 6px;
transform: skew(-15deg) translate(-50%, -50%);
}

.span-skills {background-color:#F36D34; color:#fff;padding:0 6px 0 6px}
.span-curso {background-color:#46bee9; color:#fff;padding:0 6px 0 6px}
.span-curso2 {background-color:#a12c7a; color:#fff;padding:0 6px 0 6px}
.span-trans {background-color:#fff; color:#6c207e;padding:0 6px 0 6px}
.span-trans2 {background-color:#6c207e; color:#fff;padding:0 6px 0 6px}
.span-webinario {background-color:#fff; color:#F36D34;padding:0 2px 0 2px}
.span-curso3 {background-color:#fff; color:#2ebfeb;padding:0 2px 0 2px}


#h1curso h1 {font-weight:bold !important}

.destaca {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.destaca-fase {
  width: calc(100% - 10px);
  background:#f16896;
  height: 100%;
  display: block;
  position: absolute;
  left: calc(50% - 5px);
  top: 50%;
  z-index: -1;
  transform: skew(-15deg) translate(-50%, -50%);
}

.des-imp {color: #6c207e; font-weight:bold !important}
.des-bpo {color: #a63898;}

 #linea-gif .section-intro__divider  div {
  background: linear-gradient(111.02deg,#46bee9,#46bee9 );
  border-radius: 4px;
  display: inline-block;
  height: 4px;
  max-width: 100%;
  vertical-align: top;
  width: 65px;
   
}

 #linea-bpo .section-intro__divider  div {
  background: linear-gradient(111.02deg,#a63898,#a63898 );
  border-radius: 4px;
  display: inline-block;
  height: 4px;
  max-width: 100%;
  vertical-align: top;
  width: 65px;
   
}

.steps__nav {
  align-items: center !important;
  display: flex;
  justify-content: center;
}

.td-catalogo {overflow-x: auto; max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; background-color: gray; border-radius: 50px;padding:25px; color: #fff; border:0px}

#onda-azul, .section-bg--dark,
.section-bg__deco--dark,
.section-bg__overlay--dark {
  background:#001d49;
}

#quickfeat_titleh4 h4 {font-size: 1rem;
  line-height: 1.4; color:#17234a;
}

.microsoft-h h3 { color:#f080a5;padding:0 6px 0 6px;text-align:center; }


.ttip--accent::after, .ttip--accent::before {
  background: #a12c7a;
}
   

.steps__icon--active {
  background: linear-gradient(111.02deg,#654891,#654891);
  box-shadow: none;
  color: #fff;
}

#curso-properties {font-size: 20px !important;}


.accordion__title {font-weight:bold !important;}


#bignumbers .numbers__number {
  color: #a12c7a;
  
}
 
#bignumbers2 .numbers__number {
  color: #6c207e;
  font-size: 2.2em !important;
}


#categorias .image-box__caption {
  position: relative !important;
}

#categorias .image-box__caption--dark .image-box__title {color: #f36d34; font-weight:bold;text-align:center !important;}



#reconocimientos .go-card__desc  {
  padding:15px 0 15px 0 !important;
}

@media (min-width: 1140px) {
  .img-txt--it .img-txt__col--txt .img-txt__col-content {
    padding-inline-start: 10px;
  }
}

@media (min-width: 1140px) {
  .img-txt--ti .img-txt__col--txt .img-txt__col-content {
    padding-inline-end: 10px;
  }
}

.pricing__desc {font-size:1.2rem}

#pricing-skills .pricing__title  {font-size:1.2rem}

.image-box__text {
  padding: 1px !important;
  position: relative;
}

.color-landing-gif a {color: #f16896 !important;}



/* codigo de skills
 * 
 * 
 */

:root {
            --main-color: #202124;
            --alt-color: #ff5733;
            --font: Helvetica, Arial, sans-serif;
        }
#contenidodevelhub .main {
            width: 100%;
            position: relative;
            background-color: var(--main-color);
            min-height: 100vh;
            /* overflow-x:hidden; */
            padding-top: 70px;
        }

        #contenidodevelhub .seccion {
            color: #ffffff;
            font-size: 20px;
            margin: 15px 0px -30px 50px;
            font-weight: bold;
            border-left: solid 5px #ff5733;
            padding-left: 10px;
            z-index: 5;
            position: relative;
        }

        #contenidodevelhub .fila {
            display: flex;
            align-items: center;
            position: relative;
            z-index: 5;
        }

        #contenidodevelhub .fila .flecha-izquierda,
        #contenidodevelhub .fila .flecha-derecha {
            position: absolute;
            border: none;
            /*background: rgba(0, 0, 0, 0.3);*/
            background-color: rgb(32, 33, 36);
            font-size: 40px;
            /*height: 50%;
    top: calc(50% - 25%);*/
            height: calc(100% - 100px); 
            top: 50px;
            line-height: 40px;
            width: 50px;
            color: #fff;
            cursor: pointer;
            z-index: 500;
            transition: .2s ease all;
        }

        #contenidodevelhub .fila .flecha-izquierda img,
        #contenidodevelhub .fila .flecha-derecha img {
            width: 15px
        }

        #contenidodevelhub .fila .flecha-izquierda img {
            transform: rotate(-180deg);
        }

        #contenidodevelhub .fila .flecha-izquierda:hover,
        #contenidodevelhub .fila .flecha-derecha:hover {
            background: #ff5733;
        }

        #contenidodevelhub .fila .flecha-izquierda {
            left: 0;
        }

        #contenidodevelhub .fila .flecha-derecha {
            right: 0;
        }

        #contenidodevelhub .contenido {
            width: calc(100% - 100px);
            padding: 50px 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
            margin: auto;

        }

        #contenidodevelhub .contenido .carrusel {
            display: flex;
            flex-wrap: nowrap;
        }

        #contenidodevelhub .contenido .carrusel .item,
        #contenidodevelhub .contenido .carrusel .item_proximo {
            width: 19.4%;
            flex: 0 0 19.4%;
            /*height: 180px;*/
            transition: .3s ease all;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
            background-color: antiquewhite;
            margin: 0px 0.3%;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            z-index: 10;
            min-width: 218.5px;
        }

        #contenidodevelhub .contenido .carrusel .item_proximo {
            cursor: default;
        }

        #contenidodevelhub .item .info {
            display: none;
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, black, transparent);
            padding: 50px 30px 10px 10px;
        }

        #contenidodevelhub .item .info p {
            color: white;
            font-size: 9px;
            margin-bottom: 3px;
            border-left: solid 2px #ff5733;
            padding-left: 4px;
            margin-left: -2px;

        }

        #contenidodevelhub .item .lista {
            position: absolute;
            width: 23px;
            bottom: 11px;
            right: 7px;
            cursor: pointer;
            padding-right: 10px;
        }

        #contenidodevelhub .item .valoracion {
            border: none !important;
            margin-left: 2px !important;
        }

        #contenidodevelhub .item .valoracion img {
            width: 7px;
            margin-right: 2px;
        }

        #contenidodevelhub .item .info .labels {
            width: 100%;
            margin-top: 5px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
        }

        #contenidodevelhub .item .info .datos {
            color: #c2c2c2;
            border: none !important;
            margin-left: 0px !important;
            font-size: 8px;
        }


        #contenidodevelhub .item .info .autor {
            font-style: italic;
            border: none !important;
            margin-left: 0px !important;
        }



        #contenidodevelhub .labels span {
            background-color: rgba(255, 255, 255, 0.8);
            padding: 2px;
            border-radius: 2px;
            margin: 0px 2px 0px 0px;
            font-size: 6px;
            margin-bottom: 2px;
            color: black;
        }

        #contenidodevelhub .carrusel .item video {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }

        #contenidodevelhub .contenido .carrusel .item .poster {
            width: 100%;
            height: 100%;
        }



        #contenidodevelhub .item:hover {
            transform: scale(1.5);
            z-index: 12 !important;
        }

        #contenidodevelhub .item:last-of-type {
            transform-origin: right;
        }

        #contenidodevelhub .item:nth-of-type(5) {
            transform-origin: right;
        }

        #contenidodevelhub .item:nth-of-type(10) {
            transform-origin: right;
        }

        #contenidodevelhub .item:nth-of-type(15) {
            transform-origin: right;
        }

        #contenidodevelhub .item:nth-of-type(6) {
            transform-origin: left;
        }

        #contenidodevelhub .item:nth-of-type(11) {
            transform-origin: left;
        }

        #contenidodevelhub .item:nth-of-type(16) {
            transform-origin: left;
        }


        #contenidodevelhub .item:first-of-type {
            transform-origin: left;
        }

        #contenidodevelhub .poster{
            width:100%;
            height: 100%;
        }

#fp {
            width: 100%;
            height: 100vh;
            position: relative;
            background-color: var(--main-color);
            min-height: 100vh;
            overflow-x: hidden;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-wrap: wrap;
            padding: 65px 0 0;
        }

        #fp .cabecera {
            padding: 5px 10px;
            position: absolute;
            top: 0;
            left: 0;
        }

        #fp .cabecera img {
            width: 150px;
            margin: 5px;
        }


        #fp .movil {
            flex-wrap: wrap !important;
        }

        #fp *:focus {
            outline: none;
        }

        #fp .left {
            flex: 4 4 300px;
            margin: 0px 15px;
            height: 100%;
            overflow: auto;
        }

        #fp .movil .left {
            height: auto !important;
            overflow: initial !important;
            margin: 0px !important;
            width: 100% !important;
            flex: 1 1 100% !important;
        }

        #fp .movil .right {
            height: auto !important;
            overflow: initial !important;
            width: 100% !important;
            flex: 1 1 100% !important;
        }

        #fp .left {
            -ms-overflow-style: none;
            /* Internet Explorer 10+ */
            scrollbar-width: none;
            /* Firefox */
        }

        #fp .left::-webkit-scrollbar {
            display: none;
            /* Safari and Chrome */
        }

        #fp .right {
            flex: 1 1 300px;
            margin: 0px 15px;
            height: 100%;
            overflow: auto;
        }

        #fp .right {
            -ms-overflow-style: none;
            /* Internet Explorer 10+ */
            scrollbar-width: none;
            /* Firefox */
        }

        #fp .right::-webkit-scrollbar {
            display: none;
            /* Safari and Chrome */
        }

        #fp .viendo {
            color: #fff;
            font-size: 20px;
            margin: 10px 0px 10px 5px;


        }



        #fp .viendodesc {
            color: #b3b3b3;
            margin: 0px 0px 20px 5px;
        }

        #fp .selector {
            width: 100%;
            display: flex;
            justify-content: space-around;
            margin-bottom: 20px;
        }

        #fp .selector p {
            color: white;
            border-bottom: solid 2px white;
            padding-bottom: 10px;
            cursor: pointer;
        }

        #fp .selector .activo {
            border-color: var(--alt-color) !important;
        }

        #fp .section {
            color: #fff;
            font-size: 20px;
            margin: 0px 0px 20px 15px;
            font-weight: bold;
            border-left: solid 5px var(--alt-color);
            padding-left: 10px;
            padding: 0 0 0 10px !important;
            align-items: left;
            display: inherit;
        }


        #fp .mascontenido {
            margin:25px 0 30px 0px;
        }

        #fp .contenedorextras {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }

        #fp .productoextra {
            flex: 0 0 32%;
            margin: 2px;
            transition: 300ms;
            cursor: pointer;
        }

        #fp .productoextra:hover {
            transform: scale(1.1)
        }

        #fp .productoextra img {
            width: 100%;
        }

        #fp .transcripcion p {
            color: white;
            margin: 0px 0px 20px 5px;
            line-height: 25px;
        }

        #fp .transcripcion span {
            margin-left: 5px;
        }

        #fp .tituloprograma {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%
        }

        #fp .tituloprograma img {
            flex: 0 0 45%;
            width: 45%
        }

        #fp .autor {
            width: fit-content;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 15px 0px;
        }

        #fp .autor .stories {
            width: 65px;
            height: 65px;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            border: solid 2px var(--alt-color);
        }

        #fp .autor .foto {
            width: 53px;
            height: 53px;
            border-radius: 0%;
            background-size: 100%;
            background-position: center;
            border-radius: 100%;
        }

        #fp .autor p {
            margin: 0px 15px;
            color: white;
            font-size: 14px;
        }

        #fp .autor span {
            font-size: 17px;
            font-weight: bold;
            text-transform: uppercase;
            display: block;
        }

        #fp .produccion {
            font-size: 15px;
            color: var(--alt-color);
            font-weight: bold;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        #fp .produccion img {
            width: 15px;
            margin-right: 2px;
        }

        #fp .produccion img:first-of-type {
            margin-left: 10px;
        }

        #fp .produccion .episodios {
            flex: 1 1 auto;
            text-align: right;
            margin-right: 15px;
            color: #b3b3b3;
            font-weight: initial;
        }

        #fp .desc {
            color: white;
            margin-top: 25px;
        }

        #fp .idiomas {
            color: #b3b3b3;
            margin-bottom: 10px;
            font-size: 15px;
        }

        #fp .labels {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 10px;
            font-size: 14px;
            margin-top: 5px;
        }

        #fp .labels p {
            margin: 5px 5px 0px 0px;
            background-color: #3a3a3a;
            color: white;
            border-radius: 5px;
            padding: 3px;
        }

        #fp .tools {
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            margin: 0px 0px 25px 5px;
            position: relative;
        }

        #fp .tools div {
            flex: 1 1 50px;
            font-size: 14px;
            text-align: center;
            cursor: pointer;
            color: #b3b3b3;
        }

        #fp .tools .incompleto {
            position: absolute;
            width: 250px;
            right: 0px;
            bottom: 58px;
            background-color: white;
            padding: 10px 15px;
            text-align: center;
            color: black;
        }

        #fp .tools div:not(.incompleto):hover {
            color: var(--alt-color) !important;
        }

        #fp .tools div img {
            height: 25px;
            margin: 7px auto;
            display: block;
        }

        #fp .modulo {
            color: #fff;
            font-size: 18px;
            margin: 10px 0px 10px 0px;
        }

        #fp .modulo b {
            color: var(--alt-color);
        }

        #fp .episodes {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        #fp .item {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin: 0px 10px 10px 0px;
            /* padding: 10px 0px; */
            border-left: solid 10px var(--main-color);
            padding-left: 10px;
        }

        #fp .actual {
            background-color: #484848;
            /* animation: seleccion 2s; */
        }

    /* @keyframes seleccion{
    0%{
        background-color: #484848;
    }
    50%{
        background-color: #7b3728;
    }
    100%{
        background-color: #484848;
    }
} */

        #fp .item .poster {
            flex: 0 0 100px;
            margin-right: 10px;
            position: relative;
        }

        #fp .item .podcast {
            flex: 0 0 100px !important;
        }

        #fp .item .poster img {
            width: 100%;
        }

        #fp .item .titulo {
            color: white;
            font-size: 16px;
            margin: 0 !important;
        }

        #fp .item .titulo span {
            font-size: 12px;
            color: #b3b3b3;
            display: block;
        }

        #fp .item .duracion {
            position: absolute;
            bottom: 4px;
            right: 4px;
            font-size: 13px;
            color: white;
            background-color: rgba(0, 0, 0, 0.6);
            padding: 2px;

        }

        #fp .item .progreso {
            position: absolute;
            bottom: 1px;
            left: 0;
            background-color: var(--alt-color);
            height: 3px;
            width: 0%;
        }

        #fp .item .desc {
            font-size: 14px;
            color: white;
            color: #b3b3b3;
            margin: 0 !important;
        }

        #fp .transcripcion_on {
            color: var(--alt-color);
        }

        #fp .descargar-podcasts {
            color: white;
            cursor: pointer;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

        #fp .descargar-podcasts img {
            display: block;
            width: 20px;
            margin-right: 5px;
        }

        #fp .estilo {
            color: white;
            font-weight: initial;
            margin: 0px 5px;
        }

        #fp .flex {
            flex: 1 1;
        }

        #fp .cursor {
            cursor: default;
        }

        #fp .left video {
            width: 100%;
        }

        #fp .viendo {
            margin-bottom: 50px;
        }

        #fp .demo-disabled{
            opacity: 0.4;
            cursor: default !important;
        }

        #fp .demo-disabled img{
            filter: grayscale(1);
        }

        #fp button {
            width: 100%;
            padding: 5px;
        }


#pestanas-equipos .btn--dark.btn--fill, .btn--dark.btn--outline:hover {
  background: #f16896 !important;
  color: #fff;
} 
.form-cargo .hs-input {
  background-color: #fff;
  border: 1px solid #e3e6ec;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(59,61,66,.05),0 4px 8px rgba(59,61,66,.05);
  color: #3b3d42;
  display: block;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.36;
  padding: .61rem;
  width: 100% !important; }

.form-cargo .hs-input[type="checkbox"] {
  background-size: 12px 12px;
}
.form-cargo .hs-input[type="checkbox"], .hs-input[type="radio"] {
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid #cfd2d8;
  border-radius: 4px;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  height: 20px;
  line-height: normal;
  margin: 0;
  margin-inline-end: .56rem;
  padding: 0;
  vertical-align: middle;
  width: 20px !important;
}


#bpofeatshow .featshow {
padding: 36px 24px !important;
  position: relative;
}

#featshowSKDH .featshow {padding: 16px 24px !important;}
}

h1.mobile-title  {color: red !important;}

#hs_cos_wrapper_widget_1737633913159 .kohorta-narration-container {
  background-color: #a12c7a !important;
}
.h1bpo h1 {font-size:40px !important; line-height:55px;}
.h1bpo span { font-weight: bold; color:#a12c7a;padding:0 30px 0 30px; font-size:70px !important;}


#form-trans .form--box-white {
  background: none;
  box-shadow: none;
  color: #fff;
}

.btn--light.btn--outline {
  border-color: #f16896;
  color: #fff;
  background-color: #f16896;
}

#nmbrs-pink .numbers__number {color : #f16896 !important}

#sergio-webinario h1 {
  color: #f36d34 !important; 
  font-size:64px !important;
  font-family: Book Antiqua, Palatino, Georgia, serif;
  font-style: normal !important;
  font-weight: bold !important;
}

#hs_cos_wrapper_widget_1713785048763 {background:  linear-gradient(180deg,rgba(232, 240, 244, 1) 0%, rgba(179, 189, 180, 1) 50%, rgba(222, 222, 222, 1) 100%) !important;

}

.destacados-bienestar p {font-size: 1.3em !important;}