div#slider-home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    right: -10px;
    left: -10px;
    width: auto;
    z-index: 3;
}

div#slider-home .item-content, div#slider-home .item, div#slider-home .owl-item {
    width: 100%;
    height: 100%;
    display: block;
    min-height: calc(100vh - 197px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}

.sliderI1 {
    background-color: #2d2d2d;
    background-image: url("slider/imagen1-portal.jpg");
}

.item {}

.owl-item {}

.fondo-portada {
    /* background-image: none !important; */
    z-index: 3;
    background-color: transparent;
    width: 58%;
    left: auto;
    background-image: url("slider/objeto.png");
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
    min-width: 630px;
    bottom: -1px;
}

.sliderI2 {
    background-color: #2d2d2d;
    background-image: url("slider/imagen1-movil.jpg");
}

div#slider-home .owl-nav {
    position: absolute;
    bottom: 19px;
    left: 30px;
    display: none;
}

div#slider-home .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 44px;
}

div#slider-home .owl-dot span {
    background: #f6f6f6;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 42%);
}

div#slider-home .owl-dot.active span {
    background: #ea6100;
}

.titulo-bienvenida h1 {
    font-size: 25px;
    font-family: 'Montserrat', sans-serif;
}


div#slider-home {
    position: relative;
    right: 0;
    left: 0;
    margin: 0px -0px 30px -0px;
}

div#contenido .fondo-portada {
    position: relative;
    width: 100%;
    right: 0;
    left: 0;
}


div#general div#slider-home .item-content,div#general div#slider-home .item,div#general div#slider-home .owl-item {
    width: 100%;
    height: 100%;
    display: block;
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}

div#slider-movil {
    display: none;
}

body a.classBTN {
    display: inline-block;
    padding: 10px 20px;
    line-height: 1;
}

.container-tbx + .container-tbx {
    margin-top: 53px;
}

html body div#general {
    padding-right: 0;
    padding-left: 0;
    background: white;
    width: 100%;
    padding-left: 299px;
    padding-right: 15px;
}

span.img-title {
    width: 38px;
    height: 38px;
    background: var(--degradado-naranjo-tibox);
    /* display: inline-block; */
    text-align: center;
    margin-right: 10px;
    /* line-height: 61px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    border-radius: 50%;
}

a.button-n2.button-primary i.fas.fa-plus {
    margin-right: 5px;
}

div#menu-central {
    box-shadow: none;
    width: 280px;
    background: #fefefe;
    /* z-index: 9999999; */
    /* display: block; */
}

div#menu-central nav#menu ul li {
    padding: 0 20px;
}

div#contenido {
    padding-bottom: 0;
    padding: 0;
    /* background: #2f2f2f; */
}

.owl-nav {
    margin: 0;
}

ul#siguenos-linkedin a {
    color: black;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    font-weight: 700;
}

ul#siguenos-linkedin {
    float: right;
    /* margin-top: 26px; */
}
* {
    margin: 0;
    padding: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.home .contenido-gral.wrapper .row.bloque-new¨{
     margin: 0;
    padding: 0
}
.clear {
    clear: both;
    height: 1px
}

.inv {
    display: none
}

a:link,a:focus,a:hover,a:visited {
    color: inherit;
    outline: none
}

.content.bloque-fecha {
    display: none
}

button.ui.active.button.desacivado {
    pointer-events: none
}

html ::selection,body ::selection,button ::selection,input ::selection,select ::selection,textarea ::selection {
    background: #00caff;
    color: #FFF
}

html ::-moz-selection,body ::-moz-selection,button ::-moz-selection,input ::-moz-selection,select ::-moz-selection,textarea ::-moz-selection {
    background: #1aa753;
    color: #fff
}

body {
    color: #404040!important;
    line-height: 1.5;
    position: relative;
    font-weight: 400;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background-size: cover;
    letter-spacing: .02em;
    min-width: 300px;
    letter-spacing: .03em
}

body.home {
    font-size: 13px;
    top: 0
}

a img {
    text-decoration: none;
    outline: none;
    border: 0
}

a {
    color: inherit;
    text-decoration: none!important;
    outline: none;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

a:hover {
    text-decoration: none;
    outline: none;
    color: inherit
}

h1 {
    color: #FFF;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: none;
    margin-top: 0;
    padding-bottom: 20px;
    display: inline-block;
    font-size: 25px;
    line-height: 22px;
    padding-top: 10px;
    letter-spacing: 0.03em;
}

h2 {
    font-size: 20px;
    color: #a76767;
    font-weight: 300;
    margin-bottom: 15px
}

h5 {
    font-size: 1em;
    line-height: 1em;
    color: #6D6C6C;
    font-weight: 400;
    text-transform: none
}

h6 {
    font-size: 25px;
    line-height: 22px;
    color: #f56c00;
    margin-bottom: 25px;
    font-weight: 400;
    text-transform: none
}

p {
    font-size: 1em;
    color: #191919;
    margin-bottom: 0;
    font-weight: 400;
    font-weight: 400;
    font-size: 15px;
    color: #222;
    line-height: 1.2;
    margin-bottom: 10px
}

#page {
    width: 100%;
    margin: auto;
    float: left
}

.top {
    height: auto;
    position: relative;
    padding-bottom: 0
}

.wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 235em;
    padding: 0;
    padding-bottom: 25px
}

header.main {
    padding: 0;
    z-index: 5;
    position: absolute;
    float: left;
    width: 305PX;
    left: 0;
    top: 0
}

.bottom {
    z-index: 5;
    position: relative;
    width: 100%;
    background: rgba(255,255,255,0.73);
    padding-bottom: 0
}

.div-bottom {
    z-index: 5;
    position: relative;
    width: 100%;
    background: rgba(255,255,255,0.73);
    padding: 0;
    text-align: right
}

.footer {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 2;
    position: relative
}

.div-top {
    z-index: 6;
    position: relative;
    width: 100%;
    background: rgba(39,39,39,0);
    padding: 50px 0
}

#main {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0
}

.body {
    border-right: none;
    display: block;
    vertical-align: top;
    border-right: none;
    padding: 0;
    color: #32373B;
    padding: 30px 20px 30px 20px;
    margin-top: -10px;
    background-color: #FFF
}

section.inicio {
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    max-width: 570px
}

#main .body section {
    margin-bottom: 20px
}

.full {
    border-right: none
}
.soporte-canal.bloque-tnd {}

.soporte-canal.bloque-tnd li.slide-item {
    font-size: 19px;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    width: 100%;
    text-align: center;
}

.soporte-canal.bloque-tnd li.slide-item b {
    color: #f5621e;
}
#logo {
    vertical-align: top;
    position: relative;
    max-width: 600px;
    z-index: 1;
    padding: 0;
    margin: 0;
    display: inline-block
}

#logo a.logo {
    text-indent: -5000px;
    display: block;
    margin: 0;
    background-size: 100%
}

.top-search {
    position: relative;
    margin-left: 0;
    float: left;
    top: 0;
    right: 0
}

#form1 #parametro {
    color: #646464;
    font-size: 12px;
    width: 195px;
    height: 30px;
    margin: 0 0 15px;
    padding: 2px 35px 2px 8px;
    border: 0;
    background: #f1f1f1;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 1px solid #6f8fe0
}

#form1 #searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/search-submit.png") no-repeat transparent 0 CENTER;
    cursor: pointer
}

.destacado h5 {
    font-size: 13px;
    color: #86C83E;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase
}

.destacado .icono {
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/cone.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 100%;
    background-color: #01262b;
    position: absolute;
    right: 0;
    top: 0
}

#home #contactForm h2 {
    color: #0347e0
}

#home .enlace {
    display: block;
    min-height: 230px;
    margin-bottom: 10px
}

.tt-wrapper {
    padding: 0;
    height: 28px;
    margin: 0 25px 0 5px;
    list-style: none;
    top: auto;
    position: relative;
    left: auto;
    float: left
}

.tt-wrapper li {
    float: left
}

@media only screen and (max-width: 1272px) {
    #example .full.height > .toc {
        width:270px
    }

    #example .article {
        margin-left: 270px
    }
}

#example .toc .ui.vertical.menu>a.item:hover {
    color: #ff3d01;
    background-color: #fff;
    border-color: #121bbd
}

.logo {
    color: #000;
    /* display: none; */
}

.content.bienvenido-bloque {
    font-size: 17px!important;
    padding-left: 59px;
    padding-bottom: 25px;
    padding-bottom: 20px!important;
    display: none
}

.logo h1 {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.logo h1 span {
    font-weight: 300
}

body#example {
    background: #fff!important;
    overflow: visible!important;
    font-size: 13px;
    font-family: "Barlow",Sans-serif
}

#example:not(.site) > .pusher > .full.height {
    background-color: rgba(48,39,39,0)!important
}

.banner {
    margin-bottom: 20px;
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/fondo_header.jpg");
    background-position: center;
    background-size: cover
}

span.aviso-fecha {
    display: inline-block;
    color: #fff
}

.titulo h2 {
    display: inline-block;
    color: #fff;
    margin: 0;
    border-right: 1px solid #fff;
    padding-right: 25px;
    margin-right: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 20px;
    font-style: italic
}

html #example .toc .ui.vertical.menu {
    width: 100%;
    box-shadow: none!important;
    border: 0!important;
    font-family: "Barlow",Sans-serif;
    margin-bottom: 37px
}

#example .toc .ui.vertical.menu>a.item {
    color: #11199F;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    line-height: 1;
    font-size: 13px;
    padding: 9px 19px;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #0200a6;
    border-style: solid;
    border: 0;
    text-align: left;
    font-weight: 700;
    box-shadow: none!important;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 1px solid #efefef;
    border-radius: .38571429rem;
}

.ui.vertical.menu .item:before {
    height: 0
}

.menu-dos {
    display: none
}

.bloque-tnd.bloque-blue span {
    display: block;
    color: inherit;
    font-family: "Barlow",Sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.ui.archivo-videos .content {
    min-height: 100px;
}

.bloque-tnd.bloque-blue {
    text-align: center;
    padding: 13px 20px;
    margin-bottom: 20px
}

.bloque-tnd.bloque-blue img.logo-soporte {
    width: 29px;
    margin-right: 10px
}
body.home a {
    color: inherit;
}
.bloque-tnd.bloque-blue a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

div#comunidad-empresas {
    margin: 0 -10px;
    width: auto;
    min-height: 214px;
    z-index: 7;
    position: relative;
}

div#cursos-realizados .ui.fluid.card .content {
    padding: .4em 0 .2em!important;
    border-top: 0 solid rgba(34,36,38,.1);
    width: 100%;
    min-height: 1px
}

a.categoria {
    top: 82px;
    z-index: 99;
    left: 23px;
    padding: 8px 10px;
    border-radius: 12px;
    font-weight: 300;
    font-size: 11px;
    color: #11069e!important;
    background-color: #fff!important;
    display: inline-block;
    line-height: 1px;
    border: 1px solid #11069e
}

div#cursos-realizados {
    margin-top: 29px
}

.bloque-tnd + .bloque-tnd {
    margin-bottom: 25px
}

div#slider {
    margin-top: 24px;
    margin-bottom: 25px
}

.slider-post .owl-dots {
    display: none
}

body#example .btn-orange:hover {
    border-color: #FF3D00!important;
    background-color: #fff!important;
    color: #ff3d01!important
}

div#cursos-realizados div#cursos-perfil .column + .column {
    padding-top: 8px;
    border-top: 1px solid #d6d6d6;
    margin-top: 10px
}

div#cursos-realizados .extra i {
    color: #121bbe;
    font-size: inherit
}

div#cursos-realizados span.left.floated {
    margin-right: 10px
}

div#cursos-perfil {
    min-height: 295px
}

html .banner-single .column {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.ui.grid.container.relacionados {
    margin-bottom: 30px
}

.relacionados figure.figure-image {
    height: 150px
}

html .banner-single a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn {
    padding: 20px
}

html .banner-single .solution-box-home .content-info h4 {
    font-size: 18px
}

html .banner-single .content-info p {
    display: block
}

html .banner-single h2 {
    color: #000;
}

.single-blog ul li {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 30px
}

.single-blog ul {
    position: relative;
    display: block;
    margin: 20px 0;
    height: auto;
    overflow: hidden;
    padding: 0
}

.single-blog ul li:before {
    position: absolute;
    display: block;
    margin-left: -30px;
    top: 5px;
    content: ' ';
    width: 9px;
    height: 9px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    background-color: #10069F
}

body.pushable>.pusher {
    background: #f4f4f4;
    padding-top: 61px;
    z-index: inherit
}

.toc {
    width: 230px;
    position: fixed;
    z-index: 1;
    background-color: #fdfdfd;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    left: 0;
    top: 50px;
    z-index: 1.0E+15;
    top: 0;
    left: 0;
    transition: none;
    will-change: transform;
    -webkit-overflow-scrolling: touch;
    height: 100%!important;
    max-height: 100%;
    border-radius: 0!important;
    margin: 0!important;
    overflow-y: auto!important;
    right: auto;
    left: 0;
    padding: 20px;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    transform: translateX(-300px);
    -webkit-transition: -webkit-transform 0.3s,width .3s;
    -moz-transition: -moz-transform 0.3s,width .3s;
    transition: transform 0.3s,width .3s;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

html #example .full.height > .toc {
    width: 300px
}

html #example .article {
    margin-left: 230px;
    position: relative;
    text-align: left;
    padding: 30px 20px 20px
}

.ui.cards.noticias-big {
    margin-bottom: 25px
}

.ui.cards.cumpleanios {
    margin-bottom: 25px
}

div#procedimientos .botton {
    display: block
}

.izq-bloque {
    display: none
}

.margin-40 {
    margin-top: 40px!important
}

body div#condicionclima {
    font-size: 12px
}

body .ui.cards.clima-bloque2 {
    margin-bottom: 15px
}

body .ui.cards.informacion-general .content.bloque-obras {
    min-height: 235px
}

body .ui.cards.informacion-general {
    margin-bottom: 15px
}

div#indicadores-explora {
    display: flex;
    justify-content: flex-end;
    flex-direction: row
}

div#indicadores-explora .listado {
    margin-left: 10px;
    text-align: right
}

.ui.cards.avisos {
    margin-bottom: 15px
}

span.ver-mas-btn {
    clear: both;
    display: block
}

.ui.cards>.card>.content.bloque-obras div#avisos .listado {
    min-height: 60px
}

div#avisos {
    padding-right: 30px
}

.ui.cards>.card>.content.bloque-obras div#avisos .owl-nav {
    top: 10px
}

.ui.cards>.card>.content.bloque-obras div#avisos .owl-prev {
    right: 0;
    top: 30px
}

.ui.cards>.card>.content.bloque-obras div#avisos .owl-next {
    right: 0;
    top: 0
}

.slider {
    min-height: 100%;
    display: block;
    width: 100%
}

.ui.cards.avisos .content.bloque-obras {
    background: rgba(193,185,169,0.38)
}

.ui.cards.novedades-comerciales .content.bloque-obras {
    min-height: 260px
}

div#indicadores-explora span:first-child {
    font-weight: 700
}

h2.header-h2 {
    color: #000;
    font-family: "Barlow",Sans-serif;
    font-weight: 700;
    font-size: 19px;
    margin: 0;
    text-align: left;
    margin: 0px 0 11px !important;
    z-index: 0;
}

body .full.height .ui.grid>.column:not(.row),body .full.height .ui.grid>.row>.column {
    text-align: left!important
}

#example .toc .ui.vertical.menu>a.item i {
    padding-right: 4px
}

a.btn-vervideo:hover {
    background-color: #0d137b;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff!important
}

div#contenido div#noticias .owl-nav {
    /* bottom: auto; */
    top: -42px;
    right: -3px;
    left: auto
}

div#slider>.slide {
    padding-left: 0;
    padding-right: 0
}

.owl-dot {
    position: relative;
    display: inline-block;
    zoom:1;*display: inline;
    margin: 0 5px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background-color: #e0e0e0;
    border-radius: 21px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px
}

.owl-dot.active {
    background-color: #10069f
}

html .owl-carousel .owl-nav>div.owl-next {
    right: 16px;
}

div#avisos .owl-prev,div#avisos .owl-next {
    background: #c1b9a9
}

div#avisos .owl-prev:hover,div#avisos .owl-next:hover {
    background: #7d7667!important
}

html .owl-carousel .owl-nav>div i {
    line-height: 1 !important;
    /* display:block; */
}

html .owl-carousel .owl-nav>div.owl-prev {
    left: 16px;
    /* font-size:0; */
    /* background:url(../imagenes/prev-owl.png); */
}

html body .bloques-not .ui.cards .card .content.noticias.carrusel {
    padding-bottom: 0!important
}

html .owl-carousel .owl-nav>div {
    right: 3em;
    left: auto;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 19px;
    margin-top: -9px;
    display: block;
    background: #ffffff;
    color: #121bbe;
}

.custom-header {
    padding: 5px 10px!important;
    height: auto;
    position: relative
}

html .owl-carousel .owl-nav>div.owl-next, html .owl-carousel .owl-nav>div.owl-prev {
    top: 0;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 38%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    line-height: 1;
    text-align: center;
}

img.guia {
    max-width: 60px;
    padding: 1em;
}

.mis-servicios-small .ui.fluid.card:hover:before {
    opacity: 1;
}

.mis-servicios-small .ui.fluid.card:hover .content-plan .c-tag {
    background: #fa3d01;
}

.slider-post .btn-base.outline-blue.margin-t-20:hover {
    border: 2px solid #fa3d01;
    color: #f4f4f4!important;
    background-color: #fa3d01;
}

html .ui.modal>.header {
    background: #0D137B;
    color: #fff;
    /* float: left; */
    font-size: 18px;
    margin: 0;
    padding: 15px;
    font-weight: 700;
}

.ui.modal>.actions {
    display: block;
    background: #fbfbfb !important;
}

.extra {
    display: none;
}

.mis-servicios-small .ui.fluid.card:before {
    content: "";
    background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/next-owl.png");
    background-size: 6px auto;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    overflow: visible;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.2;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
}

.extra.content {
    display: block;
}

html .banner-single .info .info-iconos img {
    max-height: 30px;
    filter: initial;
    margin-right: 19px;
    margin-bottom: 12px;
}

div#pag-soporte .sixteen.wide.column {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 900px;
}

span#cerrarModal {
    background: #42e8b4;
    padding: 5px 20px;
    float: right;
    border-radius: 30px;
    min-width: 100px;
    text-align: center;
}

span.mini-text {
    font-weight: 400;
    font-size: 11px;
    color: #cdcdcd;
    line-height: 1.2;
    /* margin-bottom: 10px; */
}

div#pag-soporte .column .bloque-tnd.bloque-blue {
    width: 50%;
    margin: 15px;
}

div#pag-soporte .column .bloque-tnd.bloque-blue a {
    display: flex;
    flex-direction: column;
}

div#pag-soporte .column .bloque-tnd.bloque-blue a img.logo-soporte {
    width: 46px;
    margin-right: 0;
    margin-bottom: 10px;
}

html .banner-single .info .info-iconos {
}

.cerrar-btn.close {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff!important;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 13px;
    padding: 10px 20px;
    font-family: "Barlow",Sans-serif;
    font-weight: 500;
    background-color: #42e8b4;
    border-radius: 24px 24px 24px 24px;
    border: 2px solid #42e8b4;
    min-width: 130px;
}

.image.video {
    min-height: 178px;
    background-size: cover!important
}

div#blog .image.video {
    min-height: 154px
}

div#blog .header {
    font-size: 1.08571429em
}

.banner {
    position: relative
}

html #example .article .container.ui + .container {
    margin-top: 1rem
}

.slider.slider01 {
    background: #dcdcdc
}

.slider.slider02 {
    background: #bbbbbd
}

.slider.slider03 {
    background: #f3e7e7
}

div#slider .item {
    display: block;
    height: 270px
}

div#slider a {
    display: block;
    height: 270px
}

.owl-stage-outer.owl-height {
    height: 100%
}

.elementor-image.logo-comunidad-empresas img {
    max-width: 200px
}

.menu-principal {
    margin-bottom: 45px
}

.banner .container.ui {
    z-index: 2;
    position: relative
}

div#infogeneral1 .botton.Documento {
    display: block
}

div#infogeneral2 .botton.Archivo.Compartido {
    display: block
}

.botton a:hover {
    background: #848382;
    color: #fff
}

div#presentaciones1 .botton.Destinos,div#presentaciones2 .botton.Viajes {
    display: block
}

div#bitacora .botton {
    display: block
}

div#series .botton {
    display: block
}

div#series img.logo-central-portal {
    position: relative;
    left: 0;
    max-width: 100%
}

div#series a {
    background: rgba(179,178,177,0);
    padding: .62857143em 1.14285714em
}

.toc.visible {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px)
}

.ui.visible.left.sidebar {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.animating.ui.sidebar,.ui.visible.sidebar {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

footer {
    background: #000;
    color: #9a9a9a;
    font-size: 12px
}

sidebar.ui {
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow .3s;
    padding: 36px 15px 15px;
    background: #121bbc
}

nav>ul>li>a {
    display: block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #11199F;
    color: #11199F;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-radius: 16px 16px 16px 16px;
    text-align: left
}

nav>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.elementor-image {
    margin-top: 0px;
    /* text-align: center; */
}

.elementor-image img {
    max-width: 100px;
    height: auto
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #022fff;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #022fff;
}

img.soporte-remoto {
    width: 340px;
    margin-bottom: 30px
}

.ui.tiny.modal.modal-descargas .content {
    background: #000!important
}

img.attachment-large.size-large {
    width: 100%;
    height: auto
}

html a:hover,a {
    color: #f7571e
}

ul.iconos-redes {
    list-style: none;
    display: flex;
    vertical-align: middle;
    margin: 0;
    text-align: right;
    padding: 0;
    /* margin-top: 43px; */
}

ul.iconos-redes li {
    margin-right: 10px;
}

ul.iconos-redes li a i {
    margin: 0
}

ul.iconos-redes li a {
    /* -webkit-border-radius: 50%; */
    /* border-radius: 50%; */
    /* color: #f7f7f7; */
    /* background-color: #11199F; */
    /* font-size: 11px; */
    /* padding: 0; */
    /* border-style: solid; */
    /* border-width: 1px; */
    /* border-color: #383fb9; */
    /* text-align: center; */
    /* width: 27px; */
    /* display: inline-block; */
    /* line-height: 25px; */
}

header .ui.grid.container {
    margin: 0;
    width: 100%!important;
    vertical-align: middle;
    align-items: center
}

.sixteen.wide.column.links,.sixteen.wide.column.redes {
    padding-bottom: 0
}

.eleven.wide.column.bloque-logo {
    display: flex;
    align-items: center;
    justify-content: center
}

img {
    max-width: 100%
}

.ui.tiny.modal.modal-descargas .content a {
    color: #fff;
    padding: 8px;
    border: 1px solid #232323;
    min-width: 306px;
    display: inline-block
}

.ui.tiny.modal.modal-descargas .content .col-4 {
    width: 100%;
    margin-bottom: 20px
}

.ui.tiny.modal.modal-descargas .content a i {
    margin-right: 10px;
    color: #00daff;
    font-size: 120%
}

.actions {
    display: none
}

img.logo {
    width: 48px;
    margin-left: 29px;
    margin-top: 0;
    min-width: 48px
}

form#loginForm label {
    display: none
}

form#loginForm p {
    font-size: 12px;
    letter-spacing: .03em;
    margin: 22px 0
}

form#loginForm button.button {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71dcfc',endColorstr='#05abe0',GradientType=0);
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: #FF3D00!important;
    color: #fff!important;
    border-color: #FF3D00!important;
    max-width: 150px;
    min-width: 1px;
    color: #fff!important;
    width: 100%;
    line-height: 1;
    padding: .58571429em .78571429em
}

.titulo-bienvenida h1 {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.3
}

.elementor-image.logo-digitalmarket img {
    max-width: 149px;
}

nav a {
    color: #000
}

div#login .article {
    margin: 0!important;
    align-content: center;
    align-items: center;
    padding-top: 20px
}

#login {
    background-position: center bottom;
    background-size: cover;
    align-content: center;
    align-items: center
}

#login .full.height {
    width: 100%
}

div#ingreso h1 {
    color: #0d137b;
    padding-bottom: 0
}

.titulo-bienvenida {
    margin-bottom: 29px
}

#ingreso button.ui.icon.button {
    float: none
}

#ingreso {
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow .3s;
    padding: 0;
    background-color: #FFF;
    border-radius: 17px;
    color: #000
}

h5.elementor-heading-title.elementor-size-default {
    font-size: 17px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 300;
    margin: 0
}

ul.elementor-icon-list-items li {
    margin-bottom: 9px
}

.titulo-bienvenida h1 b {
    font-weight: 900
}

div#page:before {
    content: "";
    background: #fff;
    z-index: 0;
    position: absolute;
    top: 0;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0.69) 76%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0.69) 76%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0.69) 76%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)
}

footer .ui.grid.container {
    margin-top: 0
}

.descargar {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #a0a0a0
}

nav {
    text-align: right
}

footer img {
    margin-top: 10px
}

div#page {
    height: calc(100% - 162px)!important
}

body {
    background: #000;
    font-family: "Barlow",Sans-serif;
    font-weight: 400;
    letter-spacing: .03em
}

ul.elementor-icon-list-items {
    padding: 0;
    list-style: none;
    margin-top: 7px
}

.elementor-icon-box-icon {
    position: absolute;
    right: 0;
    line-height: 1;
    color: #f1f1f1;
    top: -2px;
    background: white;
    padding: 6px;
    border-radius: 40px;
}

.elementor-icon-box-content {
    text-align: right;
    line-height: 1
}

.elementor-icon-box-wrapper {
    position: relative;
    padding-right: 45px;
}

h3.elementor-icon-box-title {
    margin: 0
}

p.elementor-icon-box-description {
    font-weight: 300;
    margin: 0
}

.elementor-widget-container {
    vertical-align: bottom
}

form.elementor-search-form {
    display: inline-block;
    margin-bottom: 25px
}

.elementor-search-form__container {
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    overflow: hidden;
    border: 0 solid transparent;
    background: #eceeef;
    overflow: hidden
}

.banner-mep {
    border: solid 1px #E5E5E5;
    background: url(https://www.entel.cl/empresas/home/assets/images/bg-mep-m.jpg);
    height: 100%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
    padding: 30px 25px 40px;
    background-position: center right;
    background-size: unset;
    background-repeat: no-repeat
}

img {
    vertical-align: middle;
    border-style: none
}

.mep-title img {
    margin-right: 10px
}

.mep-title {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.mep-title h3 {
    display: flex;
    margin: 0;
    align-items: center;
    margin-bottom: 5px;
    font-size: 22px
}

.mep-btm-title {
    text-align: left
}

.mep-btm-title .h2 {
    font-size: 22px;
    font-weight: 500
}

.mep-btm-title p {
    font-size: 15px;
    margin-bottom: 20px;
    max-width: 350px
}

.btn-base {
    cursor: pointer;
    font-weight: 400;
    color: #fff;
    background: #5c5c5c;
    font-size: 14px;
    line-height: 1.2;
    border: 2px solid #5c5c5c;
    border-radius: 25px;
    padding: 8px 20px;
    display: inline-block;
    transition: .2s
}

.outline-blue {
    border: 2px solid #10069F;
    background-color: inherit;
    color: #10069F
}

span.elementor-screen-only {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

div#login {
    min-height: calc(100vh - 0px)!important
}

a.launch.icon.item {
    font-size: 30px;
    position: absolute;
    left: 15px;
    padding: 0;
    top: 13px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start
}

button.elementor-search-form__submit {
    display: inline-block;
    font-family: inherit;
    background-color: #121bbd;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

input.elementor-search-form__input {
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    min-width: 0;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    min-width: 0;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: calc(45px / 3);
    padding-right: calc(25px / 3);
    width: 100%;
    background: #f3f3f3
}

html body a.btn-vervideo {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff!important;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 13px;
    padding: 10px 20px;
    font-family: "Barlow",Sans-serif;
    font-weight: 500;
    background-color: #f93400;
    border-radius: 24px 24px 24px 24px;
    border: 2px solid #f93400;
    min-width: 130px
}

.extra i {
    color: #afafaf
}

.ui.link.cards .header {
    color: #0d137b!important
}

.ui.items {
    width: 100%
}

body#example .ui.items .item:first-child {
    color: lime
}

body#example .bloquetodos {
    text-align: right!important
}

a.btn-todos {
    position: relative;
    font-size: 20px
}

a.btn-todos:after {
    width: 0;
    height: 2px;
    content: "";
    display: block;
    background: #0d137b;
    position: absolute;
    right: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s
}

a.btn-todos:hover:after {
    width: 100%
}

h2.header-h2 img {
    margin-right: 10px
}

.image.video:before {
    position: absolute;
    display: block;
    content: ' ';
    margin: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/img-shape.png");
    background-size: 100%;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    z-index: 3;
}

.pushable>.pusher:after {
    background-color: #000;
    z-index: 999999000
}

.bloque-simulado {
    min-height: 200px;
    width: 100%
}

.ui.dropdown.icon.item {
    color: #11199F;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    line-height: 1;
    font-size: 13px;
    padding: 9px 19px;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #11199F;
    border-style: solid;
    border: 0;
    text-align: left;
    font-weight: 700;
    box-shadow: none!important;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 1px solid #e4e4e4;
    border-radius: 1.98571429rem
}

.ui.dropdown.icon.item>img {
    margin-right: 12px;
    width: 31px
}

.menu-principal>.ui + .ui {
    margin-top: 11px
}

h3.elementor-icon-box-title {
    color: #fff;
    font-size: 1.08rem
}

body.fixed {
    margin-top: 155px
}

.main-title h1 {
    margin-bottom: 10px
}

.main-title h2 {
    font-size: 26px;
    color: #222;
    font-weight: 500
}

.main-title p {
    max-width: 420px
}

#container-migas {
    padding-bottom: 40px
}

#camino-migas {
    background: #fff;
    box-shadow: 1000px 0 0 #fff,-1000px 0 0 #fff
}

#camino-migas::before,#camino-migas::after {
    background: #fff
}

.menu-left.fixed {
    position: fixed;
    top: 75px
}

.menu-left.absolute {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    top: 0
}

.filter-menu {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    width: unset;
    border: solid 1px #cecece;
    padding: 15px 20px;
    border-radius: 4px
}

.filter-menu #filtros {
    flex-direction: column
}

.filter-menu .filtro.current,.filter-menu .filtro.active {
    box-shadow: none
}

.filter-menu .filtro {
    margin: 0;
    border: none;
    border-radius: 0!important;
    text-align: left;
    padding: 7px 0;
    cursor: pointer;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    line-height: 1.2
}

.filtro:hover {
    color: #10069F
}

.filtro:focus {
    outline: none
}

.filtro.active {
    font-weight: 500
}

.tab-container {
    padding: 20px;
    border-radius: 10px;
    background: #fff
}

.tab-container h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-left: 10px
}

.ebook-container {
    padding: 20px;
    border-radius: 4px;
    margin-top: 15px
}

.ebook-container .icon-ebook {
    display: flex;
    margin-bottom: 10px
}

.ebook-container .icon-ebook h4 {
    margin-bottom: 0
}

.ebook-container .icon-ebook img {
    margin-right: 8px
}

.ebook-container p {
    font-weight: 500
}

.ebook-container .btn-base {
    font-size: 16px;
    padding: 4px 15px
}

.soluciones-right {
    position: relative;
    background: #fff;
    border: solid 1px #cecece;
    padding-top: 25px;
    padding-bottom: 0;
    border-radius: 4px;
    transition: .4s cubic-bezier(0.4,0.0,0.2,1)
}

.soluciones-right .btn-base {
    font-size: 16px;
    padding: 4px 15px
}

.content-plan {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left
}

.content-plan .categorias {
    position: absolute;
    top: -7px;
    left: 6px
}

.content-plan .c-tag {
    line-height: 1.5;
    font-weight: 600;
    background: #000000;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 12px;
    margin: 0 5px
}

.content-plan .c-dest {
    line-height: 1.5;
    font-weight: 600;
    background: #10069F;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px
}

.content-plan h3 {
    font-weight: 500;
    font-size: 14px;
    color: #262626;
    text-transform: none;
    letter-spacing: inherit;
    line-height: inherit;
}

.content-plan img.logo-producto {
    margin-bottom: 0;
    height: 25px
}

.content-plan h3 .hover-top {
    font-size: 14px;
    position: relative;
    top: 0;
    min-width: 68px
}

.plan-col-dm {
    transition: .6s cubic-bezier(0.4,0.0,0.2,1);
    transform: translateY(20px);
    opacity: 0
}

.plan-col-dm.is-show {
    transform: translateY(0);
    opacity: 1
}

.plan-box-dm {
    overflow: hidden;
    height: 100%
}

.plan-box-dm .info-solucion {
    padding: 25px 15px 0
}

.plan-box-dm .price {
    font-size: 26px;
    height: 35px
}

.plan-box-dm .price-bajada {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #222!important
}

.plan-box-dm .plan-recomendado h4 {
    margin-bottom: 0;
    font-size: 14px;
    color: #222;
    font-weight: 500
}

.plan-box-dm .plan-recomendado {
    padding: 15px
}

.plan-box-dm .price small {
    margin-right: 3px;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    vertical-align: super;
    top: 3px
}

.plan-box-dm .price span {
    font-size: 16px;
    font-weight: 600
}

#faq .faq-box {
    min-height: 390px
}

#banner-bottom {
    background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/images/bg-banner-btm.jpg?v=1") center center/cover;
    height: 300px;
    position: relative
}

#banner-bottom .content-banner {
    background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/images/svg/bg-banner-btm.svg?v=1.1") top right/cover;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center
}

#banner-bottom .max-content {
    max-width: 530px
}

#banner-bottom .title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 30px
}

#banner-bottom .title span {
    font-size: 26px;
    font-weight: 500;
    color: #222;
    display: block;
    margin-top: 5px
}

#banner-bottom .logos img {
    width: 175px;
    display: inline-block;
    margin: 15px 0 25px
}

.bg-marketbox {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 24%,#f5f5f5 100%);
    background: -webkit-linear-gradient(top,#fff 24%,#f5f5f5 100%);
    background: linear-gradient(to bottom,#fff 24%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0)
}

#mobile-filter-buttom {
    display: none
}

#fix-top-filter h2 {
    transition: all .3s ease-in-out;
    overflow: hidden
}

#fix-top-filter figure {
    transition: all .3s ease-in-out;
    width: 100%;
    display: flex
}

#fix-top-filter img {
    transition: all .3s ease-in-out;
    display: inline-block!important
}

#fix-top-filter.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding: 10px 30px 15px;
    margin: 0;
    border-bottom: solid 1px #cecece
}

#fix-top-filter.fixed h2 {
    height: 0;
    padding: 0
}

#fix-top-filter.fixed figure {
    justify-content: center
}

#mobile-filter-buttom-select {
    width: 100%
}

img.logo-enac {
    height: 23px;
}

a.icon-nav img {
    margin: -.2em 0;
    margin-right: 10px
}

div#cursos-realizados .image.video {
    min-height: 108px;
    position: absolute;
    left: 0;
    width: 104px;
    height: 100%;
    display: none
}

div#cursos-realizados .header {
    font-size: 14px;
    color: rgba(0,0,0,.85);
    font-weight: 400
}

div#cursos-realizados .extra.content {
    display: none
}

div#mis-servicios .content-plan.plan-box-dm {
    min-height: 66px
}

.ui.fluid.card>a {
    position: relative;
    z-index: 1
}

a.btn-vervideo-img div:after {
    content: "";
    position: absolute;
    display: block;
    content: ' ';
    margin: 0;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/boton-de-play.png");
    background-color: rgb(0 0 0 / 18%);
    background-size: 61px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

div#cursos-realizados .ui.fluid.card {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-left: 45px;
    border: 0!important;
    box-shadow: none!important;
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/ico-cursos-capacitate.png");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 0 4px
}

div#cursos-realizados .meta {
    margin-bottom: 5px;
    font-size: 11px;
    display: none
}

.ui.card>.content>.header,.ui.cards>.card>.content>.header {
    color: #100;
    font-family: "Barlow",Sans-serif;
    font-weight: 400!important;
    margin-top: 7px !important;
}

.ui.fluid.card {
    box-shadow: 0 0 15px rgb(0 0 0 / 38%);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 38%);
    -moz-box-shadow: 0 0 15px rgb(0 0 0 / 38%);
    overflow: hidden;
}

html .archivo-guias .card>.content {
    min-height: 87px;
}

div#cursos-realizados .extra {
    font-size: 10px;
    padding: 2px 6px;
    border: 1px solid #f30000!important;
    color: #6b6b6b;
    border-radius: 5px;
    line-height: 1
}

div#cursos-realizados .description {
    display: none
}

div#cursos-realizados .image.video::before {
    opacity: 0!important
}

.ui.espaciomenor {
    /* margin: 0rem -1rem !important; */
    padding: 0 25px;
}

.bloque-tnd.bloque-blue {
    background-color: #ffffff;
    color: #11199f;
}

body .ui.espaciomenor.grid>.column:not(.row),body .ui.grid>.row>.column {
    padding: .7rem 1rem;
    text-align: left;
}

.ui.form input:not([type]),.ui.form input[type=text],.ui.form input[type=email],.ui.form input[type=search],.ui.form input[type=password],.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=tel],.ui.form input[type=time],.ui.form input[type=url],.ui.form input[type=number] {
    border: 1px solid #b4b3b2;
    padding: 6px 10px;
    width: 100%;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    vertical-align: middle;
    font-family: "Barlow",Sans-serif;
    line-height: 1.5142em
}

.ui.radio.checkbox + .ui.radio.checkbox {
    margin-left: 20px
}

.ui.form .field>label {
    font-family: "Barlow",Sans-serif
}

#example .toc .ui.vertical.menu>a.item img {
    margin: -.2em 0;
    margin-right: 10px
}

.ui.dropdown.icon.item.active,.ui.dropdown.icon.item:hover {
    border: 1px solid #121bbd;
    color: red
}

body#example a.btn-color2 {
    max-width: 128px!important;
    display: inline-block;
    width: 100%;
    min-width: 1px;
    min-height: 0;
    margin-top: 15px;
    font-size: 13px;
    padding: 7px 14px;
    border: 2px solid #59e8af;
    float: left
}

.modal-wrap {
    background: rgba(0,0,0,0.7);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.modal-wrap.visible {
    opacity: 1;
    visibility: visible
}

.modal-wrap .modal-container {
    background: #fff;
    border-radius: 8px 8px 8px 8px;
    margin: 1em;
    max-width: 100%;
    width: 600px;
    z-index: 100
}

.modal-wrap .modal-container .modal-header,.modal-wrap .modal-container .modal-footer {
    background: #0D137B;
    float: left;
    width: 100%
}

.modal-header {
    border-radius: 8px 8px 0 0
}

.modal-footer {
    border-radius: 0 0 8px 8px
}

.modal-wrap .modal-header .modal-title {
    color: #fff;
    float: left;
    font-size: 18px;
    margin: 0;
    padding: 15px;
    font-weight: 700
}

.modal-wrap .modal-header .close-modal {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 40px;
    opacity: .4;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.modal-wrap .modal-header .close-modal:hover {
    opacity: 1
}

.modal-wrap .modal-content {
    float: left;
    margin: 0;
    padding: 15px;
    width: 100%
}

.modal-wrap .modal-content p:last-child {
    margin-bottom: 0
}

.modal-wrap .modal-footer {
    text-align: right;
    padding: 8px
}

.modal-wrap .modal-footer p {
    color: #ccc;
    font-size: 12px;
    font-style: italic;
    margin: 10px
}

.modal-wrap .modal-footer a {
    color: #fff
}

div#contacto-perfil {
    min-height: 100px;
}

.mis-servicios-small .ui.fluid.card:hover h3 {
    color: #fa3d01;
}

.bloque-bienvenido h1 span {
    color: #59e8af;
    font-weight: 400
}

img.entel-logo {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    width: 36px;
    height: 100px;
    width: 100px;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    animation: logowaiting 1.5s ease-in-out infinite
}

.loader-animation {
    animation: firstwaiting 1.5s cubic-bezier(0.35,0.03,0.37,0.75) infinite;
    clip: rect(0,100px,100px,60px);
    height: 100px;
    width: 100px;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    border: none
}

.loader-animation:after {
    animation: secondwaiting 1.5s ease-in-out infinite;
    clip: rect(0,110px,40px,20px);
    content: '';
    border-radius: 100%;
    height: 100px;
    width: 100px;
    position: absolute;
    left: 0;
    top: 0
}

body {
    min-height: 300px
}

@keyframes firstwaiting {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes secondwaiting {
    0% {
        box-shadow: inset #ff3d00 0 0 0 10px;
        transform: rotate(0deg)
    }

    50% {
        box-shadow: inset #ff3d00 0 0 0 0
    }

    100% {
        box-shadow: inset #ff3d00 0 0 0 10px;
        transform: rotate(360deg)
    }
}

@keyframes logowaiting {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    40% {
        transform: scale(1)
    }

    60% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

body#example .imagenes-contacto a.button.button-contacto {
    background: #121bbb;
    border: 2px solid #59e8af;
    border-radius: 24px 24px 24px 24px;
    line-height: 1;
    width: auto!important;
    min-width: 200px;
    text-align: center;
    font-size: 15px;
    padding: 1.03em 1.5em;
    margin-top: 0
}

body#example .imagenes-contacto h4 {
    font-weight: 600;
    font-size: 18px;
    color: #42E8B4;
    line-height: 1.2;
    margin-bottom: 0;
    font-family: 'Barlow' ,sans-serif
}

.ui.grid.bloque-contacto {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    padding: 20px!important;
    background: #121bbc;
    border-radius: 1.48571429rem;
    color: #fff;
    margin: 0;
    max-width: 400px;
    display: flex;
    align-items: stretch
}

body#example .imagenes-contacto .social-container {
    margin-bottom: 20px;
    margin-top: 15px
}

body#example .imagenes-contacto a {
    display: inline-block;
    margin-right: 5px
}

.bloque-bienvenido h1 {
    color: #121bbe;
    font-size: 20px
}

body#example .imagenes-contacto .social-container img {
    width: 30px
}

.banner-entel .image {
    background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/slide2-bg-desk.png") no-repeat left 100%;
    max-width: 655px;
    min-height: 258px;
    width: 100%;
    margin-left: 50px;
    background-position: left center;
    background-size: cover
}

html body .btn-orange {
    color: #fff!important;
    border-color: #FF3D00!important;
    max-width: 250px;
    min-width: 1px;
    color: #fff!important;
    background: var(--degradado-naranjo-tibox) !important;
}

a.ui.button.btn-contacto-servicio {
    position: absolute;
    top: 20px;
    right: 14px;
    font-size: 13px;
    padding: 7px 14px
}

.ui.button {
    font-family: inherit !important;
    font-weight: 700;
    line-height: 1em;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff !important;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 10px 20px;
    font-family: Barlow,Sans-serif;
    font-weight: 500;
    background-color: #fff;
    border-radius: 24px 24px 24px 24px;
    border: 2px solid #1120bc
}

form button.ui.button {
    background-color: #FF3D00!important;
    color: #fff!important;
    border-color: #FF3D00!important;
    max-width: 250px;
    min-width: 1px
}

form button.ui.button:hover {
    background-color: #fff!important;
    color: #ff3d00!important
}

.ui.checkbox a.underline {
    color: #ff3d00;
    text-decoration: underline!important
}

body#example .imagenes-contacto h5 {
    font-weight: 600;
    font-size: 14px;
    color: #42E8B4;
    line-height: 1.2;
    margin-bottom: 5px
}

body#example .imagenes-contacto img.ui.middle.aligned.tiny.image {
    width: 40px;
    margin-right: 20px;
    float: none!important;
    color: #fff;
    fill: #fff
}

header .ui.vertical.menu.menu-uno {
    display: none
}

body#example .imagenes-contacto span {
    display: block
}

body#example .imagenes-contacto .sixteen.wide.column {
    padding-bottom: 7px
}

body#example .imagenes-contacto .sixteen.wide.column svg {
    fill: #fff!important
}

img.logo.logo2 {
    display: none;
}

img.logo.logo1 {
    width: 264px;
    margin-left: 80px;
    min-width: 264px;
}

i.content.icon {
    line-height: 1
}

.banner-entel .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    /* margin-left:23px; */
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    align-content: center;
}

.banner-entel .wide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap
}

.banner-entel .sixteen.wide.column {
    /* height: 258px; */
    position: relative;
    width: 100%;
    /* display: inline-block; */
}

.banner-entel h2 {
    /* font: 30px Barlow,sans-serif; */
    color: #2FCBF1;
    font-weight: 500;
    margin: 0!important;
    font-size: 20px;
}

.video-tutoriales a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn {
    min-height: 302px;
    max-width: 326px;
    padding: 12px 23px
}

.video-tutoriales .solution-box-home figure {
    height: 112px
}

.video-tutoriales .solution-box-home .content-info h4 {
    font-size: 16px;
    line-height: 1.4
}

.video-tutoriales .slider-post .btn-base.outline-blue.margin-t-20 {
    border-radius: 25px;
    padding: 8px 20px;
    border: 2px solid #10069F;
    color: #10069F;
    max-width: 161px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-tutoriales .solution-box-home p {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 13px!important
}

.onboarding img.logo-soporte {
    display: block;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 14px;
    margin-top: 10px;
    color: #10079f;
    filter: contrast(0);
    filter: brightness(3) invert(1) contrast(1);
}

.onboarding span {
    font-size: 18px;
    margin-bottom: 10px;
    display: block
}

.onboarding .bloque-tnd a {
    display: block;
    text-align: center;
    /* filter: contrast(0); */
}

.video-tutoriales .label-base.bg-blue.txt-white {
    top: 100px;
    left: 30px
}

.solution-box-home figure img {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 300%;
    top: auto
}

.solution-box-home figure {
    position: relative;
    width: 100%;
    height: auto;
    background: rgba(204,204,204,0);
    overflow: hidden;
    display: block;
    padding: 0
}

.banner-entel h3 {
    font: 20px Barlow,sans-serif;
    color: #42ebb4;
    margin-bottom: 25px;
    margin-top: 3px;
}

a.launch.icon.item:hover {
    color: #121bbb
}

a.launch.icon.item:after {
    content: "Menu";
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    color: #efefef;
}

.toc.left {
    background-repeat: no-repeat;
    background-position: bottom left
}

.banner-entel {
    background-color: #121bbd;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0;
    margin-top: 0;
    background-size: cover,100%;
    display: flex;
    align-items: center;
    /* margin-left: -35px; */
    /* margin-right: -35px; */
    /* padding-left: 35px; */
    /* width: 100%; */
    flex-direction: row;
    justify-content: flex-end;
}

.single-blog,.single-blog p {
    position: relative;
    display: block;
    font-family: 'Barlow',sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 17px
}

.single-blog h2 {
    position: relative;
    display: block;
    margin: 0 0 30px;
    font-size: 22px;
    font-family: 'Barlow',sans-serif;
    font-weight: 500;
    color: #10069f;
    font-weight: 500
}

.single-blog a#cta_button_6758175_29dd551c-0d22-4419-8574-43d49e761dbf {
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    background: #ff3d00;
    border-radius: 6px;
    border-width: 0;
    color: #fff;
    font-family: sans-serif;
    height: auto;
    transition: all .4s ease;
    padding: 6px 18px;
    text-shadow: none;
    width: auto;
    font-size: 24px;
    line-height: 1.5em;
    font-family: Barlow,Helvetica,sans-serif,Barlow;
    color: #fff;
    background-color: #FF3D00;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 20px
}

.single-blog img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px
}

.ui.grid.container.relacionados .solution-box-home .content-info h4 {
    font-size: 18px;
    line-height: 1.5
}

.ui.grid.container.relacionados .slider-post .btn-base.outline-blue.margin-t-20 {
    border: 2px solid #10069F;
    padding: 8px 20px;
    font-size: 15px;
    max-width: 170px;
    display: flex;
    justify-content: center
}

.ui.grid.container.relacionados a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn {
    max-width: 100%;
    padding: 18px;
    box-shadow: 0 0 8px #000;
    -webkit-box-shadow: 0 0 8px #000;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.25);
    margin: 5px;
    display: flex;
    align-items: flex-start
}

.label-base.bg-blue.txt-white {
    position: relative;
    top: 0;
    left: 0;
    margin: 4px 0;
    padding: 8px 11px;
    border-radius: 18px;
    color: #000!important
}

nav.tags {
    list-style: none;
    margin-bottom: 10px
}

nav.tags li {
    position: relative;
    float: left;
    margin-right: 10px
}

html .banner-single .image {
    background-position: center;
    background-size: cover;
    margin-left: 0;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 726px
}

html .banner-single .image:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: auto 100%;
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/bg-shape2.png");
    background-position: 0 0;
    background-repeat: no-repeat
}

nav.tags li a {
    position: relative;
    display: block;
    float: left;
    background-color: transparent;
    padding: 5px 10px!important;
    color: #59e8af;
    font-size: 12px;
    font-family: 'Barlow',sans-serif;
    font-weight: 500;
    border: 2px solid #59e8af;
    border-radius: 20px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease
}

.banner-single {
    background-color: #ffffff;
}

html .banner-single .info {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.bloque-tnd {
    border: 1px solid #f1f1f1;
    box-shadow: 0 2px 4px red;
    padding: 22px 20px;
    border-radius: 8px;
    background-color: #FFF;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-shadow: 0 0 20px rgb(0 0 0 / 17%);
    border: 1px solid #E7E7E7;
}

.mis-servicios-small .content-plan .c-tag {
    font-size: 12px;
    font-weight: 400;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
}

.mis-servicios-small .content-plan.plan-box-dm {
    min-height: 48px!important;
}

.mis-servicios-small .ui.fluid.card {
    margin-bottom: 20px;
    /* box-shadow: 0 1px 3px 0 #fbfbfb, 0 0 0 1px #c9c9c9; */
    background-size: 6px auto;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    overflow: visible;
    box-shadow: 0 0 10px rgb(0 0 0 / 9%) !important;
    -webkit-transition: box-shadow .3s ease,-webkit-transform .1s ease;
    transition: box-shadow .3s ease,transform .1s ease;
}

.mis-servicios-small .plan-box-dm .info-solucion {
    padding-top: 18px;
}

div#mis-servicios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px -10px -15px;
}

div#mis-servicios .column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.mis-servicios-small .c-dest.bg-orange {
    font-size: 11px;
    font-weight: 400
}

.bloque-tnd + .bloque-tnd {
    margin-top: 17px
}

div#slider {
    margin-top: 24px;
    margin-bottom: 27px
}

.slider-post .owl-dots {
    display: none
}

.mis-servicios-small .ui.fluid.card:hover {
    box-shadow: 0 1px 3px 0 #fbfbfb,0 0 0 1px #11199f;
    box-shadow: 0 0 10px rgb(0 0 0 / 27%);
}

.solution-box-home figure {
    display: flex;
    margin: 0 auto 5px;
    justify-content: center;
    height: 151px;
}

.solution-box-home .content-info h4 {
    font-size: 14px;
    color: #000000 !important;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 10px;
    min-height: 43px;
}

.solution-box-home p {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px!important;
    font-weight: 500
}

a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 10px;
    max-width: 354px;
    margin: 0;
    overflow: hidden;
    transition: transform .65s ease;
    cursor: pointer;
    -moz-border-radius: 10px;
    min-height: 192px;
}

.content-info p {
    /* display: none; */
}

html .banner-single .info img {
    max-height: 46px;
    margin-bottom: 8px;
}

.label-base.bg-blue.txt-white {
    z-index: 99;
    padding: 8px 8px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 11px;
    color: #ffffff !important;
    background-color: #000000 !important;
    display: inline-block;
    line-height: 1px;
    border: 0px solid #ebebeb;
    font-size: .8rem !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
}
span.btn-leermas, 
.slider-post .btn-base.outline-blue.margin-t-20 {
    background-color: #fff;
    position: relative;
    left: 0;
    bottom: 0;
    height: 32px;
    line-height: 18px;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
    flex-direction: row;
    min-width: 96px;
    background: #f5f5f5 !important;
    color: #242020;
    border: 0;
}

.logos-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: center;
    justify-content: space-between;
    margin-top: 38px
}

.logos-footer a {
    display: block
}

div#ingreso img {
    width: 75px
}

.logos-footer img {
    max-height: 24px;
    width: 100%
}

.logos-footer img.digitalmarket {
    max-height: 34px
}

div#ingreso h3 {
    color: #052eff;
    font-weight: 400;
    font-size: 1.628rem
}

#ingreso input {
    line-height: 1.7142em
}

#ingreso .ui.checkbox label {
    display: block
}

.pusher.inicio-de-sesion {
    padding: 0!important;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff !important;
}

.pas {
    width: 100%;
    height: 1px
}

.banner-entel .wide>div {
    height: 70px;
    display: flex;
    justify-content: center;
}

#ingreso button.ui.icon.button:hover {
    background: #fff!important;
    color: #052eff!important;
    border-color: #052eff!important
}

.fondo-login {
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/bg-inicio.jpg");
    width: 55%;
    position: absolute;
    height: 100%;
    background-size: cover;
    background-position: center;
    top: 0
}

.fondo-login:after,.fondo-login:before {
    content: ""
}

.fondo-login:before {
    position: absolute;
    display: block;
    content: ' ';
    margin: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
    z-index: 3;
    background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/shape.png")
}

.toc.left>.logo {
    display: none !important;
}

@media only screen and (min-width: 1145px) {
    html .toc {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0);
        top: 61px
    }

    img.logo {
        margin: 0!important;
        width: 284px!important;
        min-width: 276px!important;
        text-align: left;
        display: block;
        padding: 0
    }

    a.launch.icon.item {
        display: none!important
    }
}

@media (min-width: 1200px) {
    html .banner-single.banner-small .info {
        /* width: calc(1527px + 1rem)!important; */
        margin: 0 auto;
    }

    html .banner-single .info {
        /* width: calc(1167px + 1rem)!important; */
        margin: 0 auto;
    }

    html .banner-single.banner-small .image {
        max-width: 75%
    }
}

@media (max-width: 1350px) {
    .plan-box .top-plan {
        height:100px
    }
}

@media (max-width: 991px) {
    figure .content-hidden {
        opacity:1;
        background: #020247;
        background: linear-gradient(0deg,rgba(2,2,71,0.8491771708683473) 0%,rgba(16,6,159,0.85) 100%);
        transition: transform .35s;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    #mobile-bottom-bg {
        position: fixed;
        width: 100%;
        height: 100px;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)
    }

    #mobile-filter-buttom {
        display: inline-flex;
        align-items: center;
        background: #10069F;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        padding: 10px 20px;
        border-radius: 25px;
        position: fixed;
        bottom: 15px;
        left: 20px;
        z-index: 99999999
    }

    #mobile-filter-buttom img {
        margin-right: 5px
    }

    .mobile-bg-menu {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        align-items: flex-end;
        justify-content: flex-start;
        padding-left: 20px;
        padding-bottom: 70px;
        background-color: rgba(0,0,0,0.65);
        opacity: 0;
        transition: .5s
    }

    .mobile-bg-menu.active {
        opacity: 1;
        z-index: 9999999
    }

    .filter-menu {
        border: none
    }

    .ebook-container {
        margin: 0 0 20px
    }

    .soluciones-right h2 {
        padding-bottom: 20px;
        margin: 0
    }

    .soluciones-right p.bajada {
        display: none
    }

    .banner-entel h2 {
        font: 22px Barlow,sans-serif
    }

    html .banner-single .image {
        max-width: 626px
    }

    html .banner-single .info {
        position: relative;
        z-index: 1;
        padding-right: 390px
    }

    .banner-entel h3 {
        font: 15px Barlow,sans-serif
    }

    .logos-footer img {
        max-height: 16px;
        width: 100%
    }

    .logos-footer img.digitalmarket {
        max-height: 29px
    }
}

@media (max-width: 767px) {
    #container-migas {
        padding-bottom:15px
    }

    .main-title h2 {
        margin-bottom: 10px
    }

    .top-products {
        display: none
    }

    #banner-bottom {
        background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/images/bg-banner-btm-m.jpg?v=1");
        background-size: cover;
        background-position: 50% 50%;
        height: unset
    }

    #banner-bottom .content-banner {
        background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/images/svg/bg-banner-btm-m.svg?v=1.1");
        height: 260px;
        align-items: flex-end;
        background-position: 50% 0;
        background-size: cover
    }

    #banner-bottom .d-flex-slider {
        flex-direction: column-reverse
    }

    #banner-bottom .max-content {
        text-align: left;
        max-width: 300px
    }

    #banner-bottom .content-banner {
        padding-top: 20px;
        padding-bottom: 30px
    }

    #banner-bottom .title {
        font-size: 26px;
        margin-bottom: 20px
    }

    #banner-bottom .title span {
        font-size: 18px
    }

    #banner-bottom .mask-bg {
        height: 200px
    }

    #banner-bottom .mask-bg::before {
        background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/images/mask-banner-bottom-m.png?v=2");
        width: 100%;
        height: 50px;
        top: inherit;
        left: 0;
        right: 0;
        bottom: -1px;
        background-size: 100% 100%
    }

    .slider-post .owl-dots {
        display: none
    }

    .banner-entel h2 {
        font: 16px Barlow,sans-serif
    }

    html .banner-single .image {
        max-width: 70%;
        min-height: 1px
    }

    html .banner-single .info {
        position: relative;
        z-index: 1;
        padding-right: 34%;
        margin-left: 15px
    }

    .banner-entel .sixteen.wide.column,.banner-entel .wide>div,html .banner-single .image {
        height: 200px
    }

    html .owl-carousel .owl-nav>div {
        background: #fff;
        color: #10069f
    }

    html .owl-carousel .owl-nav>div:hover {
        background: #10069f;
        color: #fff
    }

    .fondo-login {
        background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/bg-inicio.jpg");
        width: 100%;
        position: relative;
        height: 0;
        background-size: cover;
        background-position: center;
        padding-bottom: 50%
    }

    body#example #login {
        align-content: flex-start
    }

    .pusher.inicio-de-sesion {
        padding: 0!important
    }

    .fondo-login:after,.fondo-login:before {
        content: ""
    }

    .fondo-login:before {
        position: absolute;
        display: block;
        content: ' ';
        margin: 0;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/img-shape.png");
        background-position: right;
        background-repeat: no-repeat;
        z-index: 3;
        background-size: 100%;
        background-position: 0 bottom
    }
}

@media (max-width: 575px) {
    #container-migas {
        padding-bottom:0
    }

    .soluciones-right {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding-top: 20px
    }

    .plan-col-dm {
        margin-bottom: 30px!important
    }

    .plan-box-dm {
        min-height: inherit
    }

    .plan-box-dm .plan-recomendado {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .plan-box-dm .price-bajada {
        margin-bottom: 0
    }
}

@media (max-width: 435px) {
    .noticias-btm .cloud-box {
        flex-direction:column-reverse;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        max-height: unset;
        margin: 15px 0
    }

    .noticias-btm .cloud-box .content-box {
        text-align: left;
        padding: 20px
    }

    .noticias-btm .right-container::before {
        content: '';
        background-image: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/images/mask-banner-bottom-white-m.png");
        background-size: 100% 100%;
        height: 80px;
        width: 100%;
        top: unset;
        bottom: -1px
    }

    .noticias-btm .right-container {
        position: relative;
        height: 180px;
        overflow: hidden
    }

    .noticias-btm img {
        width: 400px
    }

    .logo-content img {
        width: 100px
    }

    .noticias-btm h4 {
        font-size: 16px;
        line-height: 1
    }

    .noticias-btm a.btn-base {
        padding: 5px 14px;
        font-size: 14px
    }

    .plan-box-dm .plan-recomendado {
        flex-direction: column;
        justify-content: space-between;
        align-items: start
    }
}

@media (max-width: 359px) {
    #banner-top .txt-top {
        font-size:16px;
        font-weight: 500
    }
}

.content-hidden {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    opacity: 0;
    transition: transform .35s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

figure:hover .content-hidden {
    opacity: 1;
    background: #020247;
    background: linear-gradient(0deg,rgba(2,2,71,0.8491771708683473) 0%,rgba(16,6,159,0.85) 100%);
    transition: transform .35s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

figure {
    overflow: hidden;
    transition: transform .35s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

h1,h2,h3,h4,h5,body {
    /* font-family: 'Barlow',sans-serif; */
}

.info-solucion p {
    margin-bottom: 10px!important;
    font-size: 13px
}

.txt-orange {
    color: #FF3D00!important
}

.btn-base.outline-blue.txt-blue.margin-t-10 {
    border: 2px solid #10069F;
    background-color: inherit;
    color: #10069F;
    cursor: pointer;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 25px;
    padding: 8px 20px;
    display: inline-block;
    transition: .2s
}

div#slider a,div#slider .item {
    height: auto
}

.owl-dots {
    bottom: -24px
}

.owl-dot {
    width: 10px;
    height: 10px
}

.content-plan.plan-box-dm {
    min-height: 133px
}

.ui.dropdown .menu {
    background: #0e147b;
    color: #fff;
    border: 0 solid rgba(34,36,38,.15);
    margin-top: 5px
}

.ui.dropdown .menu>.item {
    color: #fff
}

.ui.dropdown .menu>.item:hover {
    color: #15029e;
    background: #3ee9b5
}

.ui.dropdown .menu>.header {
    color: #03e7b3
}

p.elementor-icon-box-description,p.elementor-icon-box-description a,a.elementor-icon-box-description {
    color: #f3f3f3;
    font-size: 12px
}

@media (max-width: 768px) {
    span.elementor-icon.elementor-animation- {
        width:10px
    }

    .elementor-icon-box-icon {
        font-size: 33px;
        right: 3px;
        top: -9px
    }

    h3.elementor-icon-box-title {
        font-size: 10px
    }

    .elementor-icon-box-wrapper {
        padding-right: 40px
    }

    html header .six.wide.column {
        padding-right: 0!important;
        padding-left: 0!important;
        width: 8.5%!important
    }

    header .six.wide.column:last-child {
        padding-right: 15px!important
    }

    p.elementor-icon-box-description {
        font-size: 12px
    }

    img.logo.logo1 {
        /* display:none */
    }

    img.logo.logo2 {
        /* display:inline-block; */
        width: 40px;
        min-width: 40px;
        margin-left: 69px;
    }

    div#login,html #example #login .container.ui {
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .single-blog,.single-blog p {
        position: relative;
        display: block;
        font-family: 'Barlow',sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        margin-bottom: 17px
    }

    html #example #login .container.ui .column {
        width: 100%!important
    }
}

@media (max-width: 480px) {
    .elementor-icon-box-icon {
        font-size:28px
    }

    img.logo {
        width: 40px;
        margin-left: 29px;
        margin-top: 0;
        min-width: 40px
    }

    body#example .pusher .wide.column {
        width: 100%!important
    }

    div#ingreso img {
        width: 55px
    }

    html .banner-single .image {
        max-width: 85%;
        min-height: 1px
    }

    nav.tags li a {
        position: relative;
        display: block;
        float: left;
        background-color: transparent;
        padding: 2px 5px!important;
        color: #59e8af;
        font-size: 11px;
        font-weight: 500;
        border: 1px solid #59e8af;
        border-radius: 20px;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease
    }

    html .banner-single .info {
        position: relative;
        z-index: 1;
        padding-right: 38%
    }

    .banner-entel .sixteen.wide.column,.banner-entel .wide>div,html .banner-single .image {
        height: 200px
    }

    html #example #login .container.ui .ten.wide.column {
        display: none
    }

    .banner-entel .image {
        background: url("../../../../../TIBOX/2022%20hacia%20atr�s/TITRACK/PORTAL%20CLIENTES/imagenes/slide2-bg-mob.png") no-repeat center top/cover;
        margin: 0;
        max-width: unset;
        width: 100%;
        height: 177px;
        min-height: unset
    }

    .banner-entel .sixteen.wide.column {
        height: auto;
        width: 100%
    }

    .banner-entel h2 {
        font: 15px Barlow,sans-serif
    }

    .banner-entel h3 {
        font: 14px Barlow,sans-serif;
        color: #fff;
        margin-bottom: 15px;
        margin-top: 3px
    }

    .banner-entel .wide>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .banner-entel .info {
        margin-top: 25px;
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 1200px) {
    .container-tbx, .ui.grid.container {
        width: calc(1527px + 4rem) !important;
    }
}




.contenedor-indicadores {
    display: flex;
    flex-direction: column;
    align-content: space-evenly;
    justify-items: stretch;
    gap: 10px 10px;
    flex-wrap: nowrap;
}

.listado {
    /* width: calc(50% - 5px); */
    border: 1px solid #f1f1f1;
    /* box-shadow: 0 2px 4px red; */
    padding: 22px 20px;
    border-radius: 8px;
    background-color: #FFF;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /* box-shadow: 0 0 20px rgb(0 0 0 / 17%); */
    border: 1px solid #E7E7E7;
    text-align: center;
    padding: 7px 20px;
    /* margin-bottom: 12px; */
    justify-content: center;
}

.listado > span {
    font-size: 16px;
    font-weight: 700;
}
.listado > span:last-child {font-weight: 300;margin-left: 15px;}
.listado > span i {
    display: none;
}

.nombre-noticia {
    font-size: 14px;
    color: #000000 !important;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 10px;
    /* min-height: 68px; */
    margin-top: 10px;
}

.categoria {
    z-index: 99;
    padding: 8px 10px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 11px;
    color: #ffffff !important;
    background-color: #000000 !important;
    display: inline-block;
    line-height: 1px;
    border: 1px solid #ebebeb;
    margin-bottom: 8px;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
}

span.btn-leermas {
    display: none;
    margin-top: 15px;
}

.texto-noticia {
    font-size: 11px;
    /* display: none; */
    color: #686868;
}

div#seguridad-post, div#slider-calendario {
    margin: -20px;
    width: auto;
}
div#slider-calendario a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn,
div#seguridad-post a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn {
    width: 100%;
    max-width: 100%;
    padding: 20px;
    min-height: 350px;
    display: flex;
    justify-content: flex-end;
}
div#slider-calendario .solution-box-home figure,
div#seguridad-post .solution-box-home figure {
    height: 350px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.owl-nav {}

div#slider-calendario .label-base.bg-blue.txt-white,
div#seguridad-post  .label-base.bg-blue.txt-white {z-index: 3;}

div#slider-calendario .content-info,
div#seguridad-post .content-info {z-index: 3;width: 100%;position: absolute;bottom: 0;left: 0;/* padding: 20px; */position: relative;}

div#slider-calendario .solution-box-home .content-info h4,
div#seguridad-post .solution-box-home .content-info h4 {
    min-height: 1px;
    font-size: 22px;
    color: #ffffff !important;
}

.item-button a.gtm_card:hover {
    background: #000000;
    color: white;
}

.slider-post.seguridad-post.bloque-tnd h2.header-h2 {
    position: absolute;
    z-index: 2;
}

.slider-post.seguridad-post.bloque-tnd {}

.slider-post .owl-nav {
    /* display: none; */
}

.slider-post.seguridad-post.bloque-tnd a.ui.button.btn-contacto-servicio {
    z-index: 3;
    right: 109px;
}

.bottom_btns {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
}

div#contenido .owl-theme .owl-nav .owl-prev, 
div#contenido .owl-theme .owl-nav .owl-next, 
div#contenido ul.slick-dots li button {
    width: 20px;
    height: 29px;
    line-height: 35px;
    background-color: hsl(0deg 0% 100% / 98%);
    margin: 0 3px;
    border: 0;
    background-image: url(iconos/proximo.png);
    font-size: 0;
    background-size: 82%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}
div#contenido ul.slick-dots li#slick-slide00 button,
div#contenido .owl-theme .owl-nav  .owl-prev {
    background-image: url(iconos/atras.png);
}
div#contenido div#slider-servicios .owl-nav .owl-prev {
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

div#contenido {}

div#contenido .owl-nav,div#contenido  ul.slick-dots {
    position: absolute;
    top: 0;
    margin: 0;
}

div#contenido .slider-post .owl-nav,  div#contenido ul.slick-dots {
    right: 20px;
    top: 19px;
    /* bottom: 0; */
}

div#contenido div#comunidad-empresas .owl-nav {
    right: 6px;
    top: -37px;
}

div#contenido .slider-post.bloque-tnd a.ui.button.btn-contacto-servicio.btn-orange {
    right: 77px;
    background: hsl(0deg 0% 34.3% / 0%) !important;
    color: black !important;
    border: 2px solid hsl(0deg 0.32% 76.31% / 18%) !important;
}

.slider-post.bloque-tnd {}

.owl-dots {
    display: none;
}

div#contenido  div#slider-servicios .owl-nav {
    top: 50%;
    /* margin-top: -20px; */
    /* position: inherit; */
    width: 100%;
}

div#contenido div#slider-servicios .owl-nav .owl-next {
    right: 0;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

div#contenido div#slider-servicios  .owl-dots {
    display: none;
}

span.btn-leermas, .slider-post .btn-base.outline-blue.margin-t-20 span.img-title {
    width: 22px;
    height: 22px;
    font-size: 9px;
    margin: 0;
    background: hsl(0deg 0% 20.41% / 0%);
    color: black;
}
div#slider-calendario a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn:after,
div#seguridad-post a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn:after {
    content: "";
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(4, 31, 78, 1) 100%);
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    z-index: 2;
    right: 0;
    bottom: 0;
}
div#slider-calendario .btn-base.outline-blue.margin-t-20,
div#seguridad-post .btn-base.outline-blue.margin-t-20 {
    background: var(--degradado-naranjo-tibox) !important;
    color: white;
    display: flex;
    justify-content: flex-start;
}
div#slider-calendario .btn-base.outline-blue.margin-t-20 span.img-title,
div#seguridad-post .btn-base.outline-blue.margin-t-20 span.img-title {
    color: #f9f0f0;
}

div#noticias .img-new img {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 300%;
    top: auto;
}
@supports(object-fit: cover){
div#galerias a img {
      height: 100%;
      object-fit: cover;
      object-position: center center;
}
}

div#noticias .img-new .bloque-img {
    height: 88px;
    overflow: hidden;
}

div#noticias {
    min-height: 316px;
}

div#noticias .img-new {}

div#noticias .img-new .bloque-img {}

div#noticias .item a>.img-new img,
div#galerias a img {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 300%;
    top: auto;
}
@supports(object-fit: cover){
    .solution-box-home figure img,
div#noticias .item a>.img-new img,
div#galerias a img {
      height: 100%;
      object-fit: cover;
      object-position: center center;
}
}


ul.contenedor-indicadores {
    letter-spacing: 0;
}
div#contenido  div#slider-home .owl-nav {
    display: block;
    right: 25px;
    left: auto;
    top: 50%;
    margin-top: -20px;
}
ul.contenedor-indicadores li {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 15px;
}

ul.contenedor-indicadores li i.fas.fa-chevron-right {
    font-size: 50%;
    display: none;
}

span.spnDolar {
    margin-right: 20px;
}

span.spnDolar,
span.spnEuro,
span.spnUF,
span.spnUTM {font-weight: 300;margin: 0 10px;}

ul.slick-dots {}




.bottom_btns>div {
    display: flex;
}

div#slider-calendario .solution-box-home .content-info h4 {
    font-size: 20px;
}

div#slider-calendario figure.figure-image, div#slider-calendario a.box-shadow-white.solution-box-home.gtm_articulos_cards_btn {
    height: 50px;
    min-height: 389px;
    margin: 0 !important;
}

div#superior {
    z-index: 8;
}