@font-face {
    font-family: 'Roboto-light';
    src: url(../fonts/Roboto-Light.otf);
}

@font-face {
    font-family: 'Roboto-regular';
    src: url(../fonts/Roboto.otf);
}
  
html, body{margin:0px;padding:0px;border:0px;font-size: 14px;font-family: 'Roboto-light';position: relative;color:#52525F;scroll-behavior: smooth;}

p{margin-bottom:0px;}
a:hover{text-decoration: none;}
button:focus, input:focus, *:focus{box-shadow: none;outline: none;;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
.form-control:focus, input:focus, *:focus{box-shadow: none;outline: none;;}
.row{margin:0 auto;padding:0px;}

/* header */

.headerMain{padding:0px;margin:0px;background:#FFFFFF;border-bottom: solid 1px #f1f1f1;position: fixed; top: 0;z-index:100000000}
.headerMain .headerContent{padding:0px;margin:0px auto;max-width: 70%;    justify-content: space-between; align-items: center;    height: 80px;}
.headerMain .headerContent .headerLogo{margin-right:24px;}
.headerMain .headerContent .headerLogo a:hover img{opacity:0.8}
.headerMain .headerContent .menuTop{flex:1;}
.headerMain .headerContent .menuTop .desktopMenu{    list-style: none; display: flex; flex-wrap: nowrap; align-items: center; margin: 0px;padding:0px;justify-content: flex-end;}
.headerMain .headerContent .menuTop .desktopMenu .menuItem{margin-left: 4%;}
.headerMain .headerContent .menuTop .desktopMenu .menuItem:first-child{margin-left: 0px;;}
.headerMain .headerContent .menuTop .desktopMenu .menuItem .menuHref{color:#52525F;font-family:'Roboto-regular' ;transition: all 0.3s ease-in-out;}
.headerMain .headerContent .menuTop .desktopMenu .menuItem .menuHref:hover{opacity:0.6;}
.headerMain .headerContent .menuTop .desktopMenu .menuItem .menuHref.active:hover{opacity:1;}
.headerMain .headerContent .menuTop .desktopMenu .menuItem .menuHref.active{color:#00a0e0;}

.headerMain .headerContent .menuTop .mobileMenu{display:none;}

.mainContainer{padding:115px 0 30px;margin:0px auto 0;position:relative;}
.mainContainer .mainContent{max-width:895px;;margin:0 auto;padding:0px;}

.instrucciones{padding:5px 0px;position:relative;z-index: 10;}
.instruccionesIzq{padding:50px 0px;text-align: center; }
.instruccionesIzq h1{font-size: 12px; font-weight: 500; line-height: 1.17; letter-spacing: 0.5px;  text-align: center; color: #ee174f;font-family: 'Roboto-regular';}
.instruccionesIzq h2{font-family: 'Roboto-light';font-size: 36px; font-weight: 300; line-height: 2; text-align: center; color: #52525f;margin:18px 0 12px;}
.instruccionesIzq p{font-size: 16px; font-weight: 300; line-height: 1.88; color: #52525f;margin-bottom:0px;}
.instruccionesIzq p.accionesInstrucciones{margin-top:45px;}
.instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones .iconoEnlaceHover{display:none;margin-right:8px;vertical-align: middle;}
.instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones .iconoEnlace{margin-right:8px;vertical-align: middle;}
.instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones .textoEnlace{font-family: 'Roboto-regular';font-size: 16px; font-weight: 500; letter-spacing: 0.4px; color: #00aef0;display:inline-block;vertical-align: middle;transition: all 0.3s ease-in-out;}
.instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones:hover .textoEnlace{color:#0091cb}
.instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones:hover .iconoEnlace{display:none;}
.instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones:hover .iconoEnlaceHover{display:inline-block;}
.instruccionesIzq p.accionesInstrucciones .separacionAcciones{    display: inline-block; height: 20px; width: 2px;  background: #d9d9d9;  vertical-align: middle; margin: 0 30px;}

.instruccionesDer{position:relative;z-index: 10;}
.instruccionesDer .pos_transbank{    position: absolute; left: 0; right: 0;  margin: 0 auto;  top: 0;}

.pasosAutoinstalacion{border-radius: 8px;background-image: linear-gradient(to bottom, #f9f9fc 32%, rgba(255, 255, 255, 0) 81%);padding:100px 0;margin:50px 0 0;}
.pasosAutoinstalacion h2{margin-bottom:64px;text-align: center;font-size: 24px;line-height: 1.21; letter-spacing: 0.2px; color: #52525f;font-weight: 600;}

#carouselMobile{display: none;}
#carouselMobile-2{display: none;}

.pasosAutoinstalacion .paso{margin:0px auto;padding:0px 64px;}
.pasosAutoinstalacion .paso .pasoIzq{text-align: center;padding:0px;position:relative;}
.pasosAutoinstalacion .paso .pasoIzq .pos_transbank_paso{opacity:0;transition:all 0.5s ease-in-out;position: absolute;left:0;right:0;margin:0 auto;top:0}
.pasosAutoinstalacion .paso .pasoIzq .pos_transbank_paso.show{opacity:1;}
.pasosAutoinstalacion .paso .pasoIzq .pos_transbank_paso.hided{position: relative;opacity:0;}

.pasosAutoinstalacion .paso .pasoDer{padding: 56px 0 0 50px;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor{display:flex;flex-wrap: nowrap; max-height: 32px; overflow: hidden;margin-bottom:48px;transition: all 0.5s ease-in-out;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor:last-child{margin-bottom: 0px;;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor.show{max-height: 1000px;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .lineaTiempo{    flex: 0 0 3px; background: #dedee3;; max-width: 3px; margin-right: 32px;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .lineaTiempo .lineaTiempoIn{transition:all 13s linear;background:#00a0e0;width:3px;height:0%;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor.show .lineaTiempo .lineaTiempoIn{background:#00a0e0;width:3px;animation: 13s ease-in-out 0s 1 timeBar forwards;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .textoPaso h4{margin-bottom:24px;font-family: 'Roboto-regular';height: 32px; line-height: 32px;opacity: 0.4;transition: all 0.2s ease-in-out;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .textoPaso h4 a{color:#181837;cursor:pointer;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .textoPaso h4 .numero{font-size:12px;}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .textoPaso p{margin-bottom:0px;font-size: 14px; line-height: 1.86;  color: #52525f;}

.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor.show .textoPaso h4{opacity:1}
.pasosAutoinstalacion .paso .pasoDer .paso_texto_contenedor .textoPaso:hover h4{opacity:0.7}

.verVideo{padding:0px;}
.verVideo h2{margin-bottom:64px;text-align: center;font-size: 24px;line-height: 1.21; letter-spacing: 0.2px; color: #52525f;font-weight: 600;}
.verVideo .contenedorVideo{padding:0px;}
.verVideo .contenedorVideo video{max-width: 100%;margin: 0 auto;display: block;}

.atencionClientes{border-radius: 4px;background: linear-gradient(to bottom, rgba(249, 249, 252, 0), #f9f9fc);flex-wrap: wrap;margin:19px 0 100px;padding:48px;}
.atencionClientes h3{flex:0 0 100%;font-size: 24px; font-weight: 500; letter-spacing: 0.12px; color: #52525f;font-family: 'Roboto-regular';margin-bottom:32px}
.atencionClientes .atencionClientesIzq{margin:0px;padding:0px;}
.atencionClientes .atencionClientesIzq h6{font-size: 14px; font-weight: 500; letter-spacing: 0.07px; color: #52525f;font-family: 'Roboto-regular';margin-bottom:24px;flex:0 0 100%;max-width: 100%;}
.atencionClientes .atencionClientesIzq .infoAtencionClientes{padding:5px 0px;}
.atencionClientes .atencionClientesIzq .infoAtencionClientes:last-child{border-right: solid 2px #e6e6ea;}
.atencionClientes .atencionClientesIzq .infoAtencionClientes p{margin-bottom:0px;}
.atencionClientes .atencionClientesIzq .infoAtencionClientes p:first-child{font-size: 12px; letter-spacing: 0.5px; color: #92929d;margin-bottom:4px}
.atencionClientes .atencionClientesIzq .infoAtencionClientes p.desktop{font-size: 16px; letter-spacing: 0.08px; color: #ee174f;font-weight: 600;}
.atencionClientes .atencionClientesIzq .infoAtencionClientes p.movil{display:none;cursor: pointer;}
                   
.atencionClientes .atencionClientesDer{padding:0px 0 0 46px;margin:0px;}
.atencionClientes .atencionClientesDer h6{font-size: 14px; font-weight: 500; letter-spacing: 0.07px; color: #52525f;font-family: 'Roboto-regular';margin-bottom:21px;flex:0 0 100%;max-width: 100%;}
.atencionClientes .atencionClientesDer .socialAtencionClientes{padding:0px;}
.atencionClientes .atencionClientesDer .socialAtencionClientes .socialAtencionLink{display: flex; flex-wrap: nowrap; align-items: center;}
.atencionClientes .atencionClientesDer .socialAtencionClientes .socialAtencionLink .logoSocial{margin-right: 8px;;}
.atencionClientes .atencionClientesDer .socialAtencionClientes .socialAtencionLink .textSocial{font-size: 12px; letter-spacing: 0.5px; color: #92929d;font-weight: 600;}

.otrosRecursos{justify-content: space-between;margin-bottom:30px}
.otrosRecursos h3{flex:0 0 100%;max-width: 100%;text-align: center;margin-bottom:64px;font-weight: 600;}
.otrosRecursos .tabOtroContenido{flex: 0 0 calc(50% - 11px);max-width: calc(50% - 11px);border-radius: 4px; border: solid 1px #e6e6ea;padding:0px;transition: all 0.4s ease-in-out;cursor: pointer;}
.otrosRecursos .tabOtroContenido.opacidad{opacity:0.6;}
.otrosRecursos .tabOtroContenido .otroRecursoLink{display:block;padding:32px}
.otrosRecursos .tabOtroContenido .iconoPOS{margin-bottom:32px;}
.otrosRecursos .tabOtroContenido h5{font-size: 16px; font-weight: 500; letter-spacing: 0.08px; color: #52525f;font-family: 'Roboto-regular';margin-bottom:19px;}
.otrosRecursos .tabOtroContenido h5 .arrowRight{margin-left:9px;transition: all 0.3s ease-in-out;}
.otrosRecursos .tabOtroContenido:hover h5 .arrowRight{margin-left: 4px;}
.otrosRecursos .tabOtroContenido p{margin-bottom:0px;color:#696974;}

.footer{padding:46px 0 46px;border-top: solid 2px #ff3356;}
.footer .footerContent{max-width:70%;margin:0px auto}
.footer .footerContent .logoTransbank{padding:0px;}
.footer .footerContent .logoTransbank .logoFooter{}
.footer .footerContent .socialesFooter{text-align: right;padding:0px;}
.footer .footerContent .socialesFooter .footer-icono{margin-left: 24px;}
.footer .footerContent .socialesFooter .footer-icono:first-child{margin-left: 0px;}
.footer .footerContent .socialesFooter .footer-icono .iconoSocial{transition: all 0.3s ease-in-out;}
.footer .footerContent .socialesFooter .footer-icono:hover .iconoSocial{opacity:0.4}

.descargarFixed{height: 54px; border-radius: 27.5px; box-shadow: 0 4px 6px -2px rgba(0, 121, 200, 0.5); background: #008bff; color: #FFFFFF; display: inline-block; line-height: 54px; text-align: center; padding: 0 34px; font-size: 16px; letter-spacing: 0.2px;transition: all 0.5s ease-in-out;    position: sticky; z-index: 2000; left:70%; bottom:50px}
.descargarFixed .iconoDescargarFixed{margin-right:16px;}
.descargarFixed .textDescargarFixed{font-size: 16px !important;}
.descargarFixed:hover, .descargarFixed:hover .textDescargarFixed{color:#FFF;}
.descargarFixed:hover{background:#0091cb}

.carousel-indicators{margin-bottom: 0px;position:relative;    margin-top: 18px;}
.carousel-indicators li{width:12px;height:12px;background:#FFFFFF;border: solid 1px #e1e1e8;border-radius:10px;margin-right: 20px;margin-left: 20px;opacity: 1;transition: all 0.3s ease-in-out;}
.carousel-indicators li.active{background:#00aef0;border:solid 1px #00aef0}


/* pos movil */
#slidorion{display: flex; flex-wrap: nowrap; justify-content: space-between; left: auto; margin-left: 0; right: auto;  margin: 0 auto;  width: 100%; height: auto; background: transparent; border: none; box-shadow: none;padding:0px;}
#slidorion #slider{height:474px;    min-width: 50%; width: 50%;}
#slidorion #slider .slider-image img{background:linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);padding: 0px !important; margin: 0 auto; left: 0; right: 0;}

#slidorion{padding: 0 60px;}
#slidorion #accordion{background:none;box-shadow: none;    width: 45%;;}
#slidorion #accordion .header{background:none !important;border:none !important;    border-left: solid 3px #dedee3 !important;margin-top:32px}
#slidorion #accordion .header .slider-link{background:none !important;font-weight: normal;  line-height: 3.56; color: #181837;font-size:18px;font-weight: 600;line-height: 1;font-family: 'Roboto-light';font-weight: 600;opacity:0.5;transition:all 0.4s ease-in-out;}
#slidorion #accordion .header .slider-link .numero{font-size:12px;font-family: 'Roboto-regular';}
#slidorion #accordion .header .slider-link.active{background:none !important;position:relative;opacity:1;}
#slidorion #accordion .header .slider-link.active:before{content:"";height:100%;width:3px;position: absolute;z-index: 10;background:#00a0e0;;animation: 2s linear 0s 1 timeBar forwards;left:-3px;top:-3px}

#slidorion #accordion .content{background:none;height:auto;    border-left: solid 3px #dedee3 !important;position:relative;z-index:1;overflow:visible;}
#slidorion #accordion .content[style="display: block;"]:before, #slidorion #accordion .content[style="display: block; overflow: hidden;"]:before{content:"";animation: 11s linear 0s 1 timeBar2 forwards;animation-delay: 2s;height:0%;width:3px;position: absolute;z-index: 1000;background:#00a0e0;left:-3px;top:-5px}
#slidorion #accordion .content[style="display: block;"], #slidorion #accordion .content[style="display: block; overflow: hidden;"]{animation: 2s linear 0s 1 timeBarShow forwards;}

#slidorion #accordion .header .slider-link.contentB.active:before{animation: 3s linear 0s 1 timeBar forwards;}
#slidorion #accordion .content.contentB[style="display: block; overflow: hidden;"]{animation: 2.7s linear 0s 1 timeBarShow forwards;}
#slidorion #accordion .content.contentB[style="display: block; overflow: hidden;"]:before{animation: 10s linear 0s 1 timeBar2 forwards;animation-delay: 2.7s;}

#slidorion #accordion .header .slider-link.contentC.active:before{animation: 3s linear 0s 1 timeBar forwards;}
#slidorion #accordion .content.contentC[style="display: block; overflow: hidden;"]{animation: 2.7s linear 0s 1 timeBarShow forwards;}
#slidorion #accordion .content.contentC[style="display: block; overflow: hidden;"]:before{animation: 10s linear 0s 1 timeBar2 forwards;animation-delay: 2.7s;}

#slidorion #accordion .content p{font-size: 14px;font-family: "Roboto-light"; font-weight: 300; line-height: 1.86; color: #52525f;}



/* smart pos */
#slidorion-2{display: flex; flex-wrap: nowrap; justify-content: space-between; left: auto; margin-left: 0; right: auto;  margin: 0 auto;  width: 100%; height: auto; background: transparent; border: none; box-shadow: none;padding:0px;}
#slidorion-2 #slider-2{height:474px;    min-width: 50%; width: 50%;}
#slidorion-2 #slider-2 .slider-image img{background:linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);padding: 0px !important; margin: 0 auto; left: 0; right: 0;}

#slidorion-2{padding: 0 60px;}
#slidorion-2 #accordion-2{background:none;box-shadow: none;    width: 45%;;}
#slidorion-2 #accordion-2 .header{background:none !important;border:none !important;    border-left: solid 3px #dedee3 !important;margin-top:32px}
#slidorion-2 #accordion-2 .header .slider-link{background:none !important;font-weight: normal;  line-height: 3.56; color: #181837;font-size:18px;font-weight: 600;line-height: 1;font-family: 'Roboto-light';font-weight: 600;opacity:0.5;transition:all 0.4s ease-in-out;}
#slidorion-2 #accordion-2 .header .slider-link .numero{font-size:12px;font-family: 'Roboto-regular';}
#slidorion-2 #accordion-2 .header .slider-link.active{background:none !important;position:relative;opacity:1;}
#slidorion-2 #accordion-2 .header .slider-link.active:before{content:"";height:100%;width:3px;position: absolute;z-index: 10;background:#00a0e0;;animation: 2s linear 0s 1 timeBar forwards;left:-3px;top:-3px}

#slidorion-2 #accordion-2 .content{background:none;height:auto;    border-left: solid 3px #dedee3 !important;position:relative;z-index:1;overflow:visible;}
#slidorion-2 #accordion-2 .content[style="display: block;"]:before, #slidorion-2 #accordion-2 .content[style="display: block; overflow: hidden;"]:before{content:"";animation: 11s linear 0s 1 timeBar2 forwards;animation-delay: 2s;height:0%;width:3px;position: absolute;z-index: 1000;background:#00a0e0;left:-3px;top:-5px}
#slidorion-2 #accordion-2 .content[style="display: block;"], #slidorion-2 #accordion-2 .content[style="display: block; overflow: hidden;"]{animation: 2s linear 0s 1 timeBarShow forwards;}

#slidorion-2 #accordion-2 .header .slider-link.contentB.active:before{animation: 3s linear 0s 1 timeBar forwards;}
#slidorion-2 #accordion-2 .content.contentB[style="display: block; overflow: hidden;"]{animation: 2.7s linear 0s 1 timeBarShow forwards;}
#slidorion-2 #accordion-2 .content.contentB[style="display: block; overflow: hidden;"]:before{animation: 10s linear 0s 1 timeBar2 forwards;animation-delay: 2.7s;}

#slidorion-2 #accordion-2 .header .slider-link.contentC.active:before{animation: 3s linear 0s 1 timeBar forwards;}
#slidorion-2 #accordion-2 .content.contentC[style="display: block; overflow: hidden;"]{animation: 2.7s linear 0s 1 timeBarShow forwards;}
#slidorion-2 #accordion-2 .content.contentC[style="display: block; overflow: hidden;"]:before{animation: 10s linear 0s 1 timeBar2 forwards;animation-delay: 2.7s;}

#slidorion-2 #accordion-2 .content p{font-size: 14px;font-family: "Roboto-light"; font-weight: 300; line-height: 1.86; color: #52525f;}


/* ayuda papel */
.mainContainer .mainContent.isSmall{min-height: calc(100vh - 268px);}

.instruccionesPapel{justify-content: space-between;}
.instruccionesPapel .papelPaso{flex: 0 0 calc(33.333333% - 12px);max-width: calc(33.333333% - 12px);padding:16px;border-radius: 4px; border: solid 1px #e6e6ea;}
.instruccionesPapel .papelPaso h6{font-family: "Roboto-regular"; font-size: 20px; font-weight: 500; letter-spacing: 0.1px; color: #52525f;margin-bottom: 16px;}
.instruccionesPapel .papelPaso img{max-width: 100%;margin-bottom:24px;}
.instruccionesPapel .materialApoyo p{font-family: "Roboto-regular"; font-size: 14px; font-weight: 300; line-height: 1.86; letter-spacing: 0.2px;; color: #696974;;}
.instruccionesPapel .papelPaso p{margin-bottom:0px;font-size: 14px; font-weight: 300; line-height: 1.86; color: #52525f;}

.instruccionesPapel h4{font-size: 24px;font-family: "Roboto-regular"; line-height: 1.21; letter-spacing: 0.2px; color: #52525f;flex:0 0 100%;max-width: 100%;margin-bottom:32px}
.instruccionesPapel h4.extra{font-size: 36px;font-weight: 300;line-height: 1.11;text-align: center;color: #52525f;font-family: "Roboto-light";margin-bottom:64px;}

.volverIndex{padding: 0 0 32px;text-align: center;font-size:12px;color:#bfbfc3;}
.volverIndex a img{vertical-align: middle;margin-right: 8px;transform:rotate(180deg); height: 9px; display: inline-block;}

.instruccionesPapel .materialApoyo{flex: 0 0 calc(50% - 12px);max-width: calc(350% - 12px);padding:16px;border-radius: 4px; border: solid 1px #e6e6ea;margin-bottom:24px;}
.instruccionesPapel .materialApoyo iframe{border-radius:4px;}

.descargarApoyo{justify-content: space-between;align-items: center;display:none;}
.descargarApoyo .textDescargarApoyo{flex:1;font-size:16px;}
.descargarApoyo img{max-width:16px;margin-right:16px;}
.descargarApoyo a{height: 54px; border-radius: 27.5px; box-shadow: 0 4px 6px -2px rgba(0, 121, 200, 0.5); background: #008bff; color: #FFFFFF; display: inline-block; line-height: 54px; text-align: center; font-size: 16px; letter-spacing: 0.2px;transition: all 0.5s ease-in-out; flex: 0 0 100%; max-width: 320px; }
.descargarApoyo a:hover{background:#0091cb}

.faq{    margin-bottom: 40px;}
.faq h3{flex:0 0 100%;max-width: 100%;text-align: center;margin-bottom:64px;font-weight: 600;}
.faq .preguntasFrecuentes{width:100%;margin-bottom:30px;}
.faq .preguntasFrecuentes .card{border:none;}
.faq .preguntasFrecuentes .card .card-header{background:none;border-bottom: none;padding:0px;margin-top:20px;margin-bottom: 0px;;}
.faq .preguntasFrecuentes .card:first-child .card-header{margin-top:0px;}
.faq .preguntasFrecuentes .card .card-header h2{padding:0px;line-height: 1;font-size: 16px;}
.faq .preguntasFrecuentes .card .card-header .btn-link{ padding: 18px 40px 18px 24px;;font-family: "Roboto-regular";font-size: 16px; font-weight: 500; letter-spacing: 0.08px; color: #52525f;width: 100%; text-align: left;position:relative;transition:bolder 0.4s ease-in-out;border-radius: 4px;border: solid 1px #e6e6ea;}
.faq .preguntasFrecuentes .card .card-header .btn-link .fa-chevron-up{position: absolute; right: 24px; top: calc(50% - 8px);transition:all 0.4s ease-in-out;}
.faq .preguntasFrecuentes .card .card-header .btn-link:hover .fa-chevron-up{color:#0091cb}
.faq .preguntasFrecuentes .card .card-header .btn-link:not(.collapsed) .fa-chevron-up{transform: rotate(180deg);color:#0091cb}
.faq .preguntasFrecuentes .card .card-header .btn-link:not(.collapsed){border: solid 1px rgba(82, 82, 95, 0.3);}
.faq .preguntasFrecuentes .card .card-header .btn-link:focus, .preguntasFrecuentes .card .card-header .btn-link:hover{text-decoration: none !important;}
.faq .preguntasFrecuentes .card .textoFaq{font-size: 14px;font-weight: 300;line-height: 1.86;letter-spacing: 0.2px;color: #52525f;}
.faq .preguntasFrecuentes .card .textoFaq .card-body{padding:24px 24px 4px;}
.faq .preguntasFrecuentes .card .textoFaq .card-body strong{font-family:"Roboto-regular";}


@media only screen and (min-width:768px){

/* animaciones entrada */

.instruccionesIzq{animation: 0.8s ease-in-out 0s 1 appear1 forwards;position:relative;left:-300px;opacity:0;}
.instruccionesDer .pos_transbank{animation: 0.8s ease-in-out 0s 1 appear2 forwards;right:-300px;opacity:0;}

.pasosAutoinstalacion{opacity:0;top:200px;position:relative;transition: all 0.7s ease-in-out;}
.pasosAutoinstalacion.visible{opacity:1;top:0;}

#Mira-el-video{opacity:0;transition: all 0.4s ease-in-out;}
#Mira-el-video.visible{opacity:1;}

#Atencion-a-clientes{position:relative;opacity:0;left:-120px;transition: all 0.7s ease-in-out;}
#Atencion-a-clientes.visible{opacity:1;left:0;}

#Otros-recursos{position:relative;opacity:0;right:-120px;transition: all 0.7s ease-in-out;}
#Otros-recursos.visible{opacity:1;right:0;}

.faq{opacity:0;transition:all 1s ease-in-out;}
.faq.visible{opacity:1;}

}
@media only screen and (max-width:1160px){
    .footer .footerContent, .headerMain .headerContent{max-width:80%;}
}

@media only screen and (min-width:768px) and (max-width:1116px){
    .footer .footerContent, .headerMain .headerContent{max-width:90%}
}


@media only screen and (max-width:767px){
    .headerMain .headerContent{height:60px;max-width:90%;margin-left: auto;margin-right:auto;}
    .mainContainer{max-width:100%;padding: 60px 0 30px;}

    .instrucciones{padding:0;max-width:90%;margin-left: auto;margin-right:auto;;}
    .instruccionesIzq h2{line-height: 1.44;}
    .instruccionesIzq p.accionesInstrucciones{margin-top:35px}
    .instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones .textoEnlace{font-size:14px;}
    .instruccionesIzq p.accionesInstrucciones .separacionAcciones{margin:0 15px;}
    .instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones .iconoEnlaceHover, .instruccionesIzq p.accionesInstrucciones .enlaceInstrucciones .iconoEnlace{margin-right: 1px;}
    .pasosAutoinstalacion{margin:0px;padding:50px 0}
    .pasosAutoinstalacion h2{margin-bottom: 42px;}

    #carouselMobile{display:block}
    #carouselMobile .carousel-item{text-align: center;}
    #carouselMobile .carousel-item .imagenPosMobile{margin-bottom:-100px}
    #carouselMobile .carousel-item h4{font-weight: normal;  line-height: 3.56; color: #181837;font-size:18px;font-weight: 600;line-height: 1;margin:0 auto 16px;max-width:90%}
    #carouselMobile .carousel-item h4 .numero{font-size:12px;font-family: 'Roboto-regular';}
    #carouselMobile .carousel-item p{margin:0px auto;font-size: 14px; font-weight: 300; line-height: 1.71; color: #52525f;max-width:90%}

    #carouselMobile-2{display:block}
    #carouselMobile-2 .carousel-item{text-align: center;}
    #carouselMobile-2 .carousel-item .imagenPosMobile{margin-bottom:-100px}
    #carouselMobile-2 .carousel-item h4{font-weight: normal;  line-height: 3.56; color: #181837;font-size:18px;font-weight: 600;line-height: 1;margin:0 auto 16px;max-width:90%}
    #carouselMobile-2 .carousel-item h4 .numero{font-size:12px;font-family: 'Roboto-regular';}
    #carouselMobile-2 .carousel-item p{margin:0px auto;font-size: 14px; font-weight: 300; line-height: 1.71; color: #52525f;max-width:90%}

    #carouselDesktop, .instruccionesDer, .descargarFixed, #slidorion{display:none;}
    #carouselDesktop-2, .instruccionesDer, .descargarFixed, #slidorion-2{display:none;}

    .verVideo h2{margin-bottom:32px;max-width:90%;margin-left: auto;margin-right:auto;}

    .atencionClientes{padding:0;margin:19px auto 52px;}
    .atencionClientes h3{max-width:90%;margin-left: auto;margin-right: auto;}
    .atencionClientes .atencionClientesIzq{flex: 0 0 100%;max-width:100%;margin-bottom:38px;max-width:90%;margin-left: auto;margin-right: auto;}
    .atencionClientes .atencionClientesIzq .infoAtencionClientes{flex:0 0 100%;max-width: 100%;}
    .atencionClientes .atencionClientesDer{flex: 0 0 100%;max-width:90%;margin-left: auto;margin-right: auto;padding: 0 0 13px}
    .atencionClientes .atencionClientesDer .socialAtencionClientes{flex: 0 0 100%; max-width: 100%; margin-bottom: 24px;}

    .otrosRecursos h3{margin-bottom:32px;}
    .otrosRecursos .tabOtroContenido{flex: 0 0 90%;max-width:90%;margin-left: auto;margin-right: auto;}
    .otrosRecursos .tabOtroContenido:last-child{margin-top: 24px;}

    .footer .footerContent{max-width:90%;}
    .footer .footerContent .logoTransbank{padding:0px;margin-bottom:36px;}
    .footer .footerContent .socialesFooter{text-align: left;padding:0px;;}

    .instruccionesPapel{max-width:90%;margin-left: auto;margin-right:auto;padding-top:32px}
    .instruccionesPapel .materialApoyo{flex: 0 0 100%; max-width:100%}
    .instruccionesPapel .materialApoyo iframe{height:315px;}

    .instruccionesPapel.isPapel{display:block;}
    .instruccionesPapel.isPapel .papelPaso{max-width: 440px;margin:0 auto 24px;;}

    .faq{max-width:90%;margin-left: auto;margin-right:auto;}

    .descargarApoyo{display:flex;justify-content: center;}

}

@media only screen and (min-width:681px) and (max-width:767px){
    .headerMain .headerContent{flex-wrap:nowrap;}
    .headerMain .headerContent .menuTop .desktopMenu .menuItem{margin-left: 20px;}
}

@media only screen and (max-width:680px){
    .headerMain .headerContent .menuTop .desktopMenu{display:none;}
    .headerMain .headerContent .menuTop .mobileMenu{display:block;}
    .headerLogo{margin:0 auto;}
    .instruccionesPapel .papelPaso:last-child{margin-bottom: 0px;;}
}

@media only screen and (max-width:680px){
.instruccionesPapel .materialApoyo iframe{height:290px;}
}

@media only screen and (max-width:640px){
    .instruccionesPapel .materialApoyo iframe{height:240px;}
}

@media only screen and (max-width:523px){
    .descargarApoyo .textDescargarApoyo{flex: 0 0 calc(100% - 32px)}
    .descargarApoyo a{margin:16px auto 0;}
    .instruccionesPapel .papelPaso{flex: 0 0 100%;max-width:100%;}
}

@media only screen and (max-width:480px){
    .instruccionesPapel .materialApoyo iframe{height:190px;}
    .descargarApoyo a{max-width:272px;font-size:14px;}
}

@media only screen and (max-width:350px){
    .instruccionesPapel .materialApoyo iframe{height:130px;}
}

/* keyframes */

@keyframes appear1 {
    0% { left:-300px;opacity:0; }
    100% {left: 0; opacity:1}
}

@keyframes appear2 {
    0% {right:-300px;opacity:0;}
    100% { right:0; opacity:1}
}

@keyframes timeBar {
    0%   { height:0%; }
    100% { height: 100%;;}
}

@keyframes timeBar2 {
    0%   { height:0%; }
    100% { height: calc(100% + 2px);;}
}

@keyframes timeBarShow {
    0%      { overflow:hidden; }
    99.9%   { overflow:hidden; }
    100%    { overflow:visible;}
}

.nav-tabs .nav-link{
    color: #181837;
}
.nav-tabs .nav-link.active {
    color: #ee174f;
    /*color: #d4006d;*/
    font-weight:bold;
    background-color: transparent;
    border-bottom:3px solid #ee174f;
    border-right: none;
    border-left: none;
    border-top: none;
}
.tab-content {
    margin-bottom: 40px;
    margin-top: 40px;
}
.nav-justified {
    margin-bottom: 40px;
}
.content-der {
    margin-bottom: 20px;
}
.tab-content>.tab-pane{display: block;position: absolute;}
.tab-content>.active{position: relative;}