@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}nav{height:8%;background-color:#000;padding:8px 16px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}nav .container-first .nav-image{width:50px}nav .container-second ul{display:flex;flex-direction:row;box-sizing:border-box;list-style:none;font-size:14px}nav .container-second ul li{list-style:none;padding:12px}nav .container-second ul li:first-child{border-right:0}nav .container-second ul li a{color:#fff;text-decoration:none}nav .container-second ul .bars{display:none}nav .container-second ul .bars .menu-header-bars{width:14px;fill:#fff}nav .titlebar-menu{width:100%;margin-top:30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}nav .titlebar-menu .container-menu{height:100%!important;box-sizing:border-box;width:100%}nav .titlebar-menu .container-menu ul{height:100%;width:80%;margin:auto;display:flex;justify-content:space-around;flex-direction:column;box-sizing:border-box}nav .titlebar-menu .container-menu ul li{opacity:.8;width:100%;box-sizing:border-box;padding:18px 0;display:flex;flex-direction:row;transition:all .3s ease;border-top:1px solid hsla(0,0%,100%,.4)}nav .titlebar-menu .container-menu ul li a{text-decoration:none;color:#fff}nav .titlebar-menu .container-menu ul li:hover{opacity:.5}.titlebar-100{height:100vh;background-color:#000!important;z-index:4}.titlebar-100 ul{-webkit-animation-name:displayAnimation;animation-name:displayAnimation;-webkit-animation-duration:.5s;animation-duration:.5s;color:#fff}.titlebar-100 ul li a,.titlebar-100 ul li span,.titlebar-100 ul li svg{color:#fff!important}.quit-header-full{height:0;-webkit-animation-name:quitHeight;animation-name:quitHeight;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes heightAnimation{0%{height:0}to{height:100vh}}@keyframes heightAnimation{0%{height:0}to{height:100vh}}@-webkit-keyframes displayAnimation{0%{opacity:0}30%{opacity:0}to{opacity:1}}@keyframes displayAnimation{0%{opacity:0}30%{opacity:0}to{opacity:1}}@-webkit-keyframes quitHeight{0%{height:100vh}to{height:0}}@keyframes quitHeight{0%{height:100vh}to{height:0}}@media only screen and (max-width:720px){nav .container-second ul li.menu-header-el{display:none}nav .container-second ul li.bars{display:block}}.oxxo-dialog{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(5,22,43,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.oxxo-dialog,.oxxo-dialog .dialog-container{display:flex;justify-content:center;align-items:center}.oxxo-dialog .dialog-container{margin:auto;background-color:#fff;box-shadow:10px 10px 38px -28px rgba(0,0,0,.4);border-radius:8px;padding:60px;flex-direction:column;position:relative}.oxxo-dialog .dialog-container .close-icon{font-size:14px;position:absolute;top:0;right:0;padding:6px 12px;background-color:#f06767;color:#fff;transition:all .3s ease;cursor:pointer}.oxxo-dialog .dialog-container .close-icon:hover{background-color:#da3535}.oxxo-dialog .dialog-container .close-icon:active{background-color:#e48989}.oxxo-dialog .dialog-container h2{font-size:32px;width:100%;color:#09b03e;margin-bottom:22px;text-align:center}.oxxo-dialog .dialog-container p{font-size:18px;width:100%;color:#5e5e5e;text-align:center}.oxxo-dialog .dialog-container span.icon{margin-top:30px;color:#a4a4a4;opacity:.3}.oxxo-dialog .dialog-container .btn-generate{margin-top:30px;background-color:#64e36e;text-decoration:none;color:#fff;font-size:18px;padding:12px 32px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:5px;transition:background-color .3s ease}.oxxo-dialog .dialog-container .btn-generate:hover{background-color:#32a33c}.oxxo-dialog .dialog-container .btn-generate:active{background-color:#13831c}.successDialog{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(5,22,43,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.successDialog,.successDialog .dialog-container{display:flex;justify-content:center;align-items:center}.successDialog .dialog-container{margin:auto;background-color:#fff;box-shadow:10px 10px 38px -28px rgba(0,0,0,.4);border-radius:8px;padding:60px;flex-direction:column;position:relative}.successDialog .dialog-container .close-icon{font-size:14px;position:absolute;top:0;right:0;padding:6px 12px;background-color:#f06767;color:#fff;transition:all .3s ease;cursor:pointer}.successDialog .dialog-container .close-icon:hover{background-color:#da3535}.successDialog .dialog-container .close-icon:active{background-color:#e48989}.successDialog .dialog-container h2{font-size:32px;width:100%;color:#09b03e;margin-bottom:22px;text-align:center}.successDialog .dialog-container p{font-size:18px;width:100%;color:#5e5e5e;text-align:center}.successDialog .dialog-container span.icon{margin-top:20px;color:grey;display:none}.successDialog .dialog-container .btn-aceptar{margin-top:30px;background-color:#64e36e;text-decoration:none;color:#fff;font-size:18px;padding:12px 32px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:5px;transition:background-color .3s ease}.successDialog .dialog-container .btn-aceptar:hover{background-color:#32a33c}.successDialog .dialog-container .btn-aceptar:active{background-color:#13831c}.oxxo-dialog{overflow-y:auto;padding-top:30px;padding-bottom:30px}.oxxo-dialog .dialog-container-reference{width:80%;margin:auto;background-color:#fff;box-shadow:10px 10px 38px -28px rgba(0,0,0,.4);border-radius:8px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.oxxo-dialog .dialog-container-reference .head{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.oxxo-dialog .dialog-container-reference .head img{width:100px;height:40px}.oxxo-dialog .dialog-container-reference .head .coemle-logo{width:50px;height:40px}.oxxo-dialog .dialog-container-reference h1{margin:24px 0;width:100%;font-size:26px;font-weight:400;color:#4b4b4b}.oxxo-dialog .dialog-container-reference .field{width:100%;display:flex;flex-direction:column;margin-bottom:22px}.oxxo-dialog .dialog-container-reference .field p{color:#767676;font-size:18px;font-weight:400;margin-bottom:12px;margin-left:4px}.oxxo-dialog .dialog-container-reference .field .amount{display:flex;flex-direction:row;align-items:flex-start}.oxxo-dialog .dialog-container-reference .field .amount .price{color:#000;font-weight:bolder;font-size:32px}.oxxo-dialog .dialog-container-reference .field .amount .currency{margin-top:4px;margin-left:4px;color:#000;font-weight:bolder}.oxxo-dialog .dialog-container-reference .field .message{margin-top:4px;color:hsla(0,0%,46.3%,.53);font-style:italic}.oxxo-dialog .dialog-container-reference .field .reference{width:100%;text-align:center;background-color:#fcfcfc;padding:16px 8px;border-radius:8px}.oxxo-dialog .dialog-container-reference .field .reference .reference-number{font-weight:800;font-size:24px}.oxxo-dialog .dialog-container-reference .field .instructions{display:flex;flex-direction:column}.oxxo-dialog .dialog-container-reference .field .instructions .instruction{color:#767676;margin:4px 0;font-size:14px;line-height:20px}.oxxo-dialog .dialog-container-reference .fin{margin:30px 0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.oxxo-dialog .dialog-container-reference .fin span{color:#767676;text-align:center}.oxxo-dialog .dialog-container-reference .fin button{margin-top:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;background-color:#64e36e;color:#fff;padding:8px 42px;max-width:200px;min-width:120px;font-size:20px;border-radius:5px;transition:background-color .3s ease}.oxxo-dialog .dialog-container-reference .fin button:hover{background-color:#32a33c}.oxxo-dialog .dialog-container-reference .fin button:active{background-color:#13831c}@media only screen and (max-width:816px){.oxxo-dialog{padding-top:10px}.oxxo-dialog .dialog-container-reference{width:90%}}@media only screen and (max-width:728px){.oxxo-dialog{padding:0}.oxxo-dialog .dialog-container-reference{border-radius:0;width:100%}}@media only screen and (max-width:318px){.oxxo-dialog .dialog-container-reference{padding:30px 20px}.oxxo-dialog .dialog-container-reference .field .reference .reference-number{font-size:20px}}.globalContainer{height:100%;height:100vh;position:relative}.main{height:93%;display:flex;transition:flex-direction .3s ease}.main .select-log-option{width:50%;background-image:url(/static/media/login-background.d8c05c07.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;position:relative}.main .select-log-option span.citysoft{position:absolute;bottom:0;left:0;right:0;font-size:12px;font-weight:300;opacity:.4}.main .select-log-option span.citysoft a{font-size:14px;text-decoration:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;transition:all .3s ease}.main .select-log-option span.citysoft a:hover{color:#0586ff}.main .select-log-option span{color:#fff;font-weight:700;font-size:36px;margin-bottom:20px;text-align:center}.main .select-log-option button{background-color:#000;border:none;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;font-size:16px;padding:8px 32px;margin-bottom:40px}.main .select-log-option button:hover{color:hsla(0,0%,100%,.6);transition:all .3s ease}.main .log-option{width:70%;display:flex;flex-direction:column;justify-content:center;padding:40px;overflow-y:auto}.main .log-option .title{color:#2cc388;font-size:42px;margin-bottom:8px}.main .log-option .description{color:#868686;font-size:14px}.main .log-option form{width:100%;margin:30px 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.main .log-option form .row-100{width:100%}.main .log-option form .row-50{width:45%}.main .log-option form .inputRow{display:flex;flex-direction:column;margin:30px 0}.main .log-option form .inputRow label{color:#868686;font-size:14px}.main .log-option form .inputRow input{padding-top:12px;padding-bottom:4px;border:0;border-bottom:1px solid #ebebeb}.main .log-option form .inputRow input,.main .log-option form button{font-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.main .log-option form button{background-color:#64e36e;color:#fff;border:0;padding:8px 42px;font-weight:500;border-radius:5px;transition:color .3s ease}.main .log-option form button:hover{color:#269007}@media only screen and (max-width:926px){.main .select-log-option{width:30%}}@media only screen and (max-width:690px){.globalContainer{overflow-y:auto}.main{flex-direction:row;flex-wrap:wrap}.main .select-log-option{width:100%;padding:20px 0}.main .select-log-option button,.main .select-log-option span{margin-bottom:0}.main .select-log-option span.citysoft{padding-bottom:10px}.main .log-option{width:100%}}@media only screen and (max-width:600px){.main .log-option form .row-50{width:100%}}@media only screen and (max-width:691px){.main .select-log-option span.citysoft{display:none}}.topbar{height:6vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:4px 16px;box-shadow:10px 10px 22px -12px rgba(0,0,0,.08)}.topbar img{width:50px}.topbar span{cursor:default}.topbar .logOption{display:flex;flex-direction:row;align-items:center}.topbar .logOption .svg{width:18px;margin-right:5px}.topbar .logOption:hover{opacity:.6;cursor:pointer}.user-dashboard .content{display:flex;flex-direction:row;width:100%;height:94vh}.user-dashboard .content main.user-dashboard-main{width:100%;height:100%;background-color:#fdfdfd;overflow:auto}.user-dashboard .content main.user-dashboard-main .cover{height:300px;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.user-dashboard .content main.user-dashboard-main .cover .cover-content{text-align:center}.user-dashboard .content main.user-dashboard-main .cover .cover-content .cover-desc span{font-size:12px;color:#fff;letter-spacing:1px}.user-dashboard .content main.user-dashboard-main .cover .cover-content .cover-title{font-size:32px;color:#fff;letter-spacing:1px;font-weight:bolder}.user-dashboard .content main.user-dashboard-main .cover img{position:absolute;right:0;bottom:0;width:80px;opacity:.5;padding:10px}.user-dashboard .content main.user-dashboard-main .cover .goback{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#fff;font-size:18px;margin:30px;opacity:.5;transition:opacity .3s ease}.user-dashboard .content main.user-dashboard-main .cover .goback img{margin-right:12px;width:30px}.user-dashboard .content main.user-dashboard-main .cover .goback:active,.user-dashboard .content main.user-dashboard-main .cover .goback:hover{opacity:1}.user-dashboard .content main.user-dashboard-main .container{width:90%;margin:40px auto;display:flex;flex-direction:column}.user-dashboard .content main.user-dashboard-main .container .cursos{margin:30px 0;display:flex;flex-direction:row;flex-wrap:wrap}.user-dashboard .content main.user-dashboard-main .container .cursos .curso{text-decoration:none;width:24%;min-width:240px;max-width:340px;box-sizing:border-box;margin-right:20px;margin-bottom:30px;display:flex;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:10px 10px 38px -28px rgba(0,0,0,.2)}.user-dashboard .content main.user-dashboard-main .container .cursos .curso:hover{box-shadow:10px 10px 38px -28px rgba(39,56,206,.8)}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container{display:flex;flex-direction:column;flex-grow:1}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container .present{width:100%;padding:20px 20px 50px;background-position:50%;background-size:cover}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container .present span{color:#fff;font-size:12px;letter-spacing:1px}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container .present p{font-size:16px;color:#fff;font-weight:600}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container .info{background-color:#fff;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container .info span.price{color:#87d96f}.user-dashboard .content main.user-dashboard-main .container .cursos .curso .curso-container .info h3{color:#454545;font-weight:400;margin-bottom:18px}@media only screen and (max-width:924px){.user-dashboard .content main.user-dashboard-main .container .cursos{justify-content:space-between}}@media only screen and (max-width:760px){.user-dashboard .content main.user-dashboard-main .container .cursos .curso{margin:0}}@media only screen and (max-width:621px){.user-dashboard .content main.user-dashboard-main .container .cursos{justify-content:center}.user-dashboard .content main.user-dashboard-main .container .cursos .curso{max-width:100%;min-width:100%;width:100%;margin:20px 0}}@media only screen and (max-width:500px){.user-dashboard .content{flex-direction:column}}.loading{width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.loading h1{font-size:32px;font-weight:400;color:#bababa}.loading span{margin-top:30px;color:#2d95fd;opacity:.6}.adminDashboard .content{display:flex;flex-direction:row;width:100%;height:94vh}.adminDashboard .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fdfdfd}.adminDashboard .content main .screen-title{width:90%;font-size:38px;margin:auto auto 50px}.adminDashboard .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.adminDashboard .content main .container .dashboard-card{width:25%;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 48px;background-color:#fff;box-shadow:10px 10px 38px -28px rgba(0,0,0,.1);border-radius:8px;margin-right:40px;margin-bottom:40px}.adminDashboard .content main .container .dashboard-card .card-title{font-size:26px;margin-bottom:8px;width:100%;text-align:center}.adminDashboard .content main .container .dashboard-card .card-text{color:#87d96f;font-size:32px;margin-bottom:8px}.adminDashboard .content main .container .dashboard-card .card-button{background-color:#1078e0;text-decoration:none;outline:none;color:#fff;padding:8px 24px;margin-bottom:8px;font-weight:500;transition:all .3s ease;border-radius:100px}.adminDashboard .content main .container .dashboard-card .card-button:hover{background-color:#649ed8}@media only screen and (max-width:500px){.adminDashboard .content{flex-direction:column}.adminDashboard .content main .container .dashboard-card{min-width:100%;padding-left:8px;padding-right:8px;width:100%;margin-right:0}}.sidebar{width:10%;max-width:100px;min-width:70px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background-color:#04a64d;height:94vh}.sidebar ul{width:100%;margin-top:30px}.sidebar ul a{text-decoration:none;width:100%;margin-bottom:30px}.sidebar ul a li.selected{background-color:#2dc973;pointer-events:none}.sidebar ul a li{display:flex;flex-direction:column;text-align:center;align-items:center;padding:20px 0;transition:background-color .3s ease}.sidebar ul a li img{width:28px}.sidebar ul a li .user-photo{border-radius:100%;border:3px solid #fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebar ul a li .user-photo img{width:50px}.sidebar ul a li span{margin-top:5px;font-size:16px;font-weight:600;color:#fff}.sidebar ul a li:active,.sidebar ul a li:hover{background-color:#158447}@media only screen and (max-width:760px){.sidebar ul a li span{display:none}}@media only screen and (max-width:500px){.sidebar{min-width:100%}.sidebar,.sidebar ul{height:auto;flex-direction:row;justify-content:space-between;margin:0}.sidebar ul{padding:0;width:100%;display:flex;align-items:center;position:relative}.sidebar ul a{padding:0;width:auto;margin:0;height:100%}.sidebar ul a li{margin:0;padding:20px;border:2px solid transparent}.sidebar ul a li .user-photo{border:0}.sidebar ul a li .user-photo img{width:28px}}@media only screen and (max-width:292px){.sidebar ul a li{padding:12px}}@media only screen and (max-width:224px){.sidebar ul{overflow-x:auto}}.adminCourses .content{display:flex;flex-direction:row;width:100%;height:94vh}.adminCourses .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fdfdfd}.adminCourses .content main .top{width:90%;margin:auto auto 50px;display:flex;flex-direction:row;justify-content:space-between}.adminCourses .content main .top .screen-title{font-size:38px}.adminCourses .content main .top .button{background-color:#64e36e;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;font-weight:500;font-size:18px;padding:2px 42px;border-radius:5px;outline:0;transition:all .3s ease;text-decoration:none;display:flex;justify-content:center;align-items:center}.adminCourses .content main .top .button:hover{background-color:#00a30d}.adminCourses .content main .top .button:active{background-color:#3ee692}.adminCourses .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.adminCourses .content main .container .course{width:100%;background-color:#fff;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;padding:10px 20px;box-shadow:10px 10px 38px -28px rgba(0,0,0,.1)}.adminCourses .content main .container .course .course-img{width:54px;height:50px;border:2px solid #3a64ed;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.adminCourses .content main .container .course .course-img img{width:180%}.adminCourses .content main .container .course .course-title{width:30%;padding:0 18px;height:100%;border-right:1px solid #dedede;display:flex;justify-content:flex-start;align-items:center;text-align:center}.adminCourses .content main .container .course .course-title span{cursor:default}.adminCourses .content main .container .course .course-duration,.adminCourses .content main .container .course .course-price{width:15%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-right:1px solid #dedede}.adminCourses .content main .container .course .course-duration span,.adminCourses .content main .container .course .course-price span{color:#87d96f;cursor:default}.adminCourses .content main .container .course .course-actions{width:44%;display:flex;flex-direction:row;justify-content:space-around}.adminCourses .content main .container .course .course-actions span{color:#6e6e6e;transition:color .3s ease;cursor:pointer}.adminCourses .content main .container .course .course-actions span:hover{color:#000}.adminCourses .content main .container .course .course-actions span:active{color:#1d1dae}@media only screen and (max-width:890px){.adminCourses .content main .container .course .course-actions{width:40%}.adminCourses .content main .container .course .course-duration{width:10%}}@media only screen and (max-width:686px){.adminCourses .content main .container .course .course-title{width:40%}.adminCourses .content main .container .course .course-duration,.adminCourses .content main .container .course .course-price{display:none}.adminCourses .content main .container .course .course-actions{flex-direction:column;justify-content:center;align-items:center;margin-left:18px}.adminCourses .content main .container .course .course-actions span{margin:6px 0}}@media only screen and (max-width:540px){.adminCourses .content main .container .course .course-duration,.adminCourses .content main .container .course .course-price{display:none}}@media only screen and (max-width:500px){.adminCourses .content{flex-direction:column}}.adminEditCourse .content{display:flex;flex-direction:row;width:100%;height:94vh}.adminEditCourse .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fdfdfd}.adminEditCourse .content main div{margin-left:5%;display:inline-block}.adminEditCourse .content main div .goback{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:grey;font-size:22px;margin-bottom:30px;transition:opacity .3s ease}.adminEditCourse .content main div .goback img{margin-right:12px;width:30px}.adminEditCourse .content main div .goback:hover{opacity:.4}.adminEditCourse .content main div .goback:active{opacity:1}.adminEditCourse .content main .screen-title{width:90%;font-size:38px;margin:auto auto 50px}.adminEditCourse .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.adminEditCourse .content main .container-course-info{padding-bottom:50px}.adminEditCourse .content main .container-course-info section{width:100%;display:flex;flex-direction:column;padding:0;margin:0 0 40px}.adminEditCourse .content main .container-course-info section .section-title{color:#1e7213;font-size:18px;font-weight:400}.adminEditCourse .content main .container-course-info section .contenido-tematico{display:flex;flex-direction:column}.adminEditCourse .content main .container-course-info section .contenido-tematico label{color:#868686;font-size:14px;margin-bottom:12px}.adminEditCourse .content main .container-course-info section .contenido-tematico .button-container{width:100%;margin:0}.adminEditCourse .content main .container-course-info section .contenido-tematico .button-container button{background-color:#004080;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;font-size:16px;font-weight:600;padding:8px 22px;border-radius:5px;transition:background-color .3s ease}.adminEditCourse .content main .container-course-info section .contenido-tematico .button-container button:hover{background-color:#1e5b98}.adminEditCourse .content main .container-course-info section .contenido-tematico .button-container button:active{background-color:#082645}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics{width:100%;margin:20px 0 0;padding:20px 0;display:flex;flex-direction:row;overflow-x:auto}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics .topic-card{margin:0 20px 0 0;padding:20px;background-color:#fff;display:flex;flex-direction:column;min-width:520px;border-radius:5px;box-shadow:10px 10px 38px -28px rgba(0,0,0,.1)}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics .topic-card span{color:#4b4b4b;font-size:12px}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics .topic-card input{margin-bottom:18px;font-size:16px;color:#434343}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics .topic-card .buttons{width:100%;margin:0;outline:none}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics .topic-card .buttons button{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:#ac96a1;font-size:16px}.adminEditCourse .content main .container-course-info section .contenido-tematico .topics::-webkit-scrollbar{display:none}.adminEditCourse .content main .container-course-info section .section-content{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.adminEditCourse .content main .container-course-info section .section-content .inputRowCourse{display:flex;flex-direction:column;margin:30px 0}.adminEditCourse .content main .container-course-info section .section-content .inputRowCourse label{color:#868686;font-size:14px}.adminEditCourse .content main .container-course-info section .section-content .inputRowCourse input{font-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding-top:12px;padding-bottom:4px;border:0;border-bottom:1px solid #ebebeb;background-color:transparent}.adminEditCourse .content main .container-course-info section .section-content .course-row-50{width:45%}.adminEditCourse .content main .container-course-info section .section-content .course-row-100{width:100%}.adminEditCourse .content main .container-course-info .btn-actualizar-curso{background-color:#64e36e;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;font-size:18px;font-weight:600;padding:12px 32px;border-radius:5px;transition:background-color .3s ease}.adminEditCourse .content main .container-course-info .btn-actualizar-curso:hover{background-color:#2eb739}.adminEditCourse .content main .container-course-info .btn-actualizar-curso:active{background-color:#008e0b}@media only screen and (max-width:500px){.adminEditCourse .content{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}@media only screen and (max-width:500px){.viewCourse .content{flex-direction:column}}.adminUsers{position:relative}.adminUsers .content{display:flex;flex-direction:row;width:100%;height:94vh}.adminUsers .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fdfdfd}.adminUsers .content main .top{width:90%;margin:auto auto 50px;display:flex;flex-direction:row;justify-content:space-between}.adminUsers .content main .top .screen-title{font-size:38px}.adminUsers .content main .top .button{background-color:#64e36e;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;font-weight:500;font-size:18px;padding:2px 42px;border-radius:5px;outline:0;transition:all .3s ease;text-decoration:none;display:flex;justify-content:center;align-items:center}.adminUsers .content main .top .button:hover{background-color:#00a30d}.adminUsers .content main .top .button:active{background-color:#3ee692}.adminUsers .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.adminUsers .content main .container .course{width:100%;background-color:#fff;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;padding:10px 20px;box-shadow:10px 10px 38px -28px rgba(0,0,0,.1)}.adminUsers .content main .container .course .course-img{width:50px;height:50px;border:2px solid #3a64ed;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.adminUsers .content main .container .course .course-img img{width:110%}.adminUsers .content main .container .course .course-title{width:30%;padding:0 18px;border-right:1px solid #dedede;display:flex;justify-content:flex-start;align-items:center;text-align:left}.adminUsers .content main .container .course .course-title span{cursor:default}.adminUsers .content main .container .course .course-price{width:15%}.adminUsers .content main .container .course .course-duration{width:35%}.adminUsers .content main .container .course .course-duration,.adminUsers .content main .container .course .course-price{display:flex;justify-content:center;align-items:center;text-align:center;border-right:1px solid #dedede}.adminUsers .content main .container .course .course-duration span,.adminUsers .content main .container .course .course-price span{color:#454545;cursor:default}.adminUsers .content main .container .course .course-actions{width:10%;display:flex;flex-direction:row;justify-content:space-around}.adminUsers .content main .container .course .course-actions button{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:none}.adminUsers .content main .container .course .course-actions span{color:#6e6e6e;transition:color .3s ease;font-size:16px;cursor:pointer}.adminUsers .content main .container .course .course-actions span:hover{color:#000}.adminUsers .content main .container .course .course-actions span:active{color:#1d1dae}@media only screen and (max-width:890px){.adminUsers .content main .container .course .course-actions{width:5%}.adminUsers .content main .container .course .course-price{display:none}.adminUsers .content main .container .course .course-duration{width:50%}}@media only screen and (max-width:686px){.adminUsers .content main .container .course .course-title{width:80%}.adminUsers .content main .container .course .course-duration,.adminUsers .content main .container .course .course-price{display:none}.adminUsers .content main .container .course .course-actions{flex-direction:column;justify-content:center;align-items:flex-start;margin-left:18px}.adminUsers .content main .container .course .course-actions span{margin:6px 0}}@media only screen and (max-width:540px){.adminUsers .content main .container .course .course-duration,.adminUsers .content main .container .course .course-price{display:none}}@media only screen and (max-width:500px){.adminUsers .content{flex-direction:column}}.userDialog{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(5,22,43,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center}.userDialog .dialog-container{width:90%;margin:auto;background-color:#fff;box-shadow:10px 10px 38px -28px rgba(0,0,0,.4);border-radius:8px;padding:30px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative}.userDialog .dialog-container .close-icon{font-size:14px;position:absolute;top:0;right:0;padding:6px 12px;background-color:#f06767;color:#fff;transition:all .3s ease;cursor:pointer}.userDialog .dialog-container .close-icon:hover{background-color:#da3535}.userDialog .dialog-container .close-icon:active{background-color:#e48989}.userDialog .dialog-container h2{font-size:32px;width:100%;color:#062b55;margin-bottom:12px}.userDialog .dialog-container .row-cursos{width:100%}.userDialog .dialog-container .row-cursos span.curso{margin-top:8px;font-size:16px;color:#000;display:flex;align-items:center}.userDialog .dialog-container .row-cursos span.curso img{width:16px;margin-right:4px}.userDialog .dialog-container .row{display:flex;flex-direction:column;margin-bottom:12px}.userDialog .dialog-container .row span{color:rgba(75,75,75,.43);font-size:14px}.userDialog .dialog-container .row input{border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;font-size:16px;padding:10px 0}.userDialog .dialog-container .row-50{width:45%}.loadingDialog{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(5,22,43,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loadingDialog,.loadingDialog .dialog-container{display:flex;justify-content:center;align-items:center}.loadingDialog .dialog-container{margin:auto;background-color:#fff;box-shadow:10px 10px 38px -28px rgba(0,0,0,.4);border-radius:8px;padding:60px;flex-direction:column;position:relative}.loadingDialog .dialog-container .close-icon{font-size:14px;position:absolute;top:0;right:0;padding:6px 12px;background-color:#f06767;color:#fff;transition:all .3s ease;cursor:pointer}.loadingDialog .dialog-container .close-icon:hover{background-color:#da3535}.loadingDialog .dialog-container .close-icon:active{background-color:#e48989}.loadingDialog .dialog-container h2{font-size:32px;width:100%;color:#062b55;margin-bottom:32px}.loadingDialog .dialog-container span.icon{margin-top:20px;color:grey}@media only screen and (max-width:752px){.userDialog .dialog-container .row-50{width:100%}}.profile{position:relative}.profile .content{display:flex;flex-direction:row;width:100%;height:94vh}.profile .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fdfdfd}.profile .content main .top{width:90%;margin:auto auto 50px;display:flex;flex-direction:row;justify-content:space-between}.profile .content main .top .screen-title{font-size:38px}.profile .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.profile .content main .container .section{width:100%;display:flex;flex-direction:column;padding:0;margin:0 0 40px}.profile .content main .container .section .section-title{color:#1e7213;font-size:18px;font-weight:400}.profile .content main .container .section label{color:#868686;font-size:14px;margin-bottom:12px}.profile .content main .container .section .section-content{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.profile .content main .container .section .section-content .inputRow{display:flex;flex-direction:column;margin:20px 0}.profile .content main .container .section .section-content .inputRow label{color:#868686;font-size:14px}.profile .content main .container .section .section-content .inputRow input{font-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding-top:12px;padding-bottom:4px;border:0;border-bottom:1px solid #ebebeb;background-color:transparent}.profile .content main .container .section .section-content .row-50{width:45%}.profile .content main .container .section .section-content .row-100{width:100%}.profile .content main .container .section .section-content .row-100 .image-container{width:100px;height:100px;overflow:hidden;border-radius:100%;border:2px solid #399edd}.profile .content main .container .section .section-content .row-100 .image-container img{width:100%;transition:all .3s ease}.profile .content main .container .section .section-content .row-100 .image-container img:hover{opacity:.7}.profile .content main .container .btn-actualizar-user{background-color:#64e36e;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;font-size:18px;font-weight:600;padding:12px 32px;border-radius:5px;transition:background-color .3s ease}.profile .content main .container .btn-actualizar-user:hover{background-color:#2eb739}.profile .content main .container .btn-actualizar-user:active{background-color:#008e0b}@media only screen and (max-width:500px){.profile .content{flex-direction:column}.profile .content main .container .section .section-content .row-50{width:100%}}.viewCourse .content{display:flex;flex-direction:row;width:100%;height:94vh}.viewCourse main{width:100%;height:100%;overflow:auto;background-color:#fdfdfd}.viewCourse main .cover{height:300px;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.viewCourse main .cover .cover-content{border-left:3px solid #fff;padding:14px 20px}.viewCourse main .cover .cover-content .cover-category span{font-size:12px;color:#fff;letter-spacing:1px}.viewCourse main .cover .cover-content .cover-category span.category{letter-spacing:normal;font-size:18px;color:#fff;font-weight:600}.viewCourse main .cover .cover-content .cover-title{font-size:38px;color:#fff;font-weight:bolder}.viewCourse main .cover img{position:absolute;right:0;bottom:0;width:80px;opacity:.5;padding:10px}.viewCourse main .cover .goback{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#fff;font-size:18px;margin:30px;opacity:.5;transition:opacity .3s ease}.viewCourse main .cover .goback img{margin-right:12px;width:30px}.viewCourse main .cover .goback:active,.viewCourse main .cover .goback:hover{opacity:1}.viewCourse main .banner-general-info{background-color:#fff;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:40px 10px}.viewCourse main .banner-general-info .info{width:auto;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.viewCourse main .banner-general-info .info .enroll-btn{background-color:#64e36e;text-decoration:none;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;padding:8px 24px;font-weight:600;border-radius:5px;transition:background-color .3s ease}.viewCourse main .banner-general-info .info .enroll-btn:hover{background-color:#32a33c}.viewCourse main .banner-general-info .info .enroll-btn:active{background-color:#13831c}.viewCourse main .banner-general-info .info span.info-title{color:#2cc388;margin-bottom:14px}.viewCourse main .banner-general-info .info span{display:flex;align-items:center;font-size:20px}.viewCourse main .banner-general-info .info span img{width:20px;margin-right:4px}.viewCourse main .container{width:90%;margin:auto;display:flex;flex-direction:column}.viewCourse main .container .course-content-info{padding:70px 0}.viewCourse main .container .course-content-info section{margin-bottom:40px}.viewCourse main .container .course-content-info section h2{color:#4e4d4d;margin-bottom:18px;font-size:28px}.viewCourse main .container .course-content-info section p{color:#575757;line-height:28px}.viewCourse main .container .course-content-info section .topics{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.viewCourse main .container .course-content-info section .topics .topic{background-color:#fff;padding:20px;width:30%;margin-bottom:24px;max-width:420px;min-width:320px;box-shadow:10px 10px 38px -28px rgba(0,0,0,.2);border-radius:8px}.viewCourse main .container .course-content-info section .topics .topic h3{color:#0f1f31;font-size:18px;font-weight:500;border-left:3px solid green;padding-left:4px;margin-bottom:18px}.viewCourse main .container .course-content-info section .topics .topic p{color:#575757;font-size:16px;line-height:26px}.viewCourse main .container .course-content-info .goAction{display:flex;justify-content:center;align-items:center}.viewCourse main .container .course-content-info .goAction .enroll-btn{background-color:#64e36e;text-decoration:none;color:#fff;font-size:18px;padding:12px 32px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:5px;transition:background-color .3s ease}.viewCourse main .container .course-content-info .goAction .enroll-btn:hover{background-color:#32a33c}.viewCourse main .container .course-content-info .goAction .enroll-btn:active{background-color:#13831c}@media only screen and (max-width:792px){.viewCourse .content main .container .course-content-info section .topics .topic{width:100%;min-width:100%;max-width:100%}}@media only screen and (max-width:500px){.viewCourse .content{flex-direction:column}.viewCourse .content main .banner-general-info{flex-direction:column;padding:0}.viewCourse .content main .banner-general-info .info{width:100%;padding:20px 0;border-bottom:1px solid hsla(0,0%,91.4%,.687)}}.userCourses{position:relative}.userCourses .content{display:flex;flex-direction:row;width:100%;height:94vh}.userCourses .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fdfdfd}.userCourses .content main .top{width:90%;margin:auto auto 50px;display:flex;flex-direction:row;justify-content:space-between}.userCourses .content main .top .screen-title{font-size:38px}.userCourses .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.userCourses .content main .container .cursos-user{margin:30px 0;display:flex;flex-direction:row;flex-wrap:wrap}.userCourses .content main .container .cursos-user .curso-user{text-decoration:none;width:24%;min-width:240px;max-width:340px;box-sizing:border-box;margin-right:20px;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:10px 10px 38px -28px rgba(0,0,0,.2)}.userCourses .content main .container .cursos-user .curso-user:hover{box-shadow:10px 10px 38px -28px rgba(39,56,206,.8)}.userCourses .content main .container .cursos-user .curso-user .curso-container-user{display:flex;flex-direction:column;flex-grow:1}.userCourses .content main .container .cursos-user .curso-user .curso-container-user .present{width:100%;padding:20px 20px 50px;background-position:50%;background-size:cover}.userCourses .content main .container .cursos-user .curso-user .curso-container-user .present span{color:#fff;font-size:12px;letter-spacing:1px}.userCourses .content main .container .cursos-user .curso-user .curso-container-user .present p{font-size:16px;color:#fff;font-weight:600}.userCourses .content main .container .cursos-user .curso-user .curso-container-user .info{background-color:#fff;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.userCourses .content main .container .cursos-user .curso-user .curso-container-user .info span.price{color:#87d96f}.userCourses .content main .container .cursos-user .curso-user .curso-container-user .info h3{color:#454545;font-weight:400;margin-bottom:18px}@media only screen and (max-width:500px){.userCourses .content{flex-direction:column}}.takeCourse{position:relative}.takeCourse .content{display:flex;flex-direction:row;width:100%;height:94vh}.takeCourse .content main{width:100%;height:100%;overflow:auto;background-color:#fdfdfd}.takeCourse .content main .cover{height:200px;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.takeCourse .content main .cover .cover-content{border-left:3px solid #fff;padding:14px 20px}.takeCourse .content main .cover .cover-content .cover-category span{font-size:12px;color:#fff;letter-spacing:1px}.takeCourse .content main .cover .cover-content .cover-category span.category{letter-spacing:normal;font-size:18px;color:#fff;font-weight:600}.takeCourse .content main .cover .cover-content .cover-title{font-size:38px;color:#fff;font-weight:bolder}.takeCourse .content main .cover img{position:absolute;right:0;bottom:0;width:80px;opacity:.5;padding:10px}.takeCourse .content main .cover .goback{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#fff;font-size:18px;margin:30px;opacity:.5;transition:opacity .3s ease}.takeCourse .content main .cover .goback img{margin-right:12px;width:30px}.takeCourse .content main .cover .goback:active,.takeCourse .content main .cover .goback:hover{opacity:1}.takeCourse .content main .top{width:90%;margin:auto auto 50px;display:flex;flex-direction:row;justify-content:space-between}.takeCourse .content main .top .screen-title{font-size:38px}.takeCourse .content main .container{width:90%;display:flex;flex-direction:column;margin:auto auto 120px}.takeCourse .content main .container .course-content-info{padding:70px 0}.takeCourse .content main .container .course-content-info section{margin-bottom:40px}.takeCourse .content main .container .course-content-info section h2{color:#4e4d4d;margin-bottom:18px;font-size:28px}.takeCourse .content main .container .course-content-info section p{color:#575757;line-height:24px}.takeCourse .content main .container .course-video{width:100%;display:flex;flex-direction:column;justify-content:center;outline:none}.takeCourse .content main .container .course-video h2{color:#4e4d4d;margin-bottom:18px;font-size:28px}.takeCourse .content main .container .course-video .video{width:100%;outline:none}.takeCourse .content main .container .course-video .video:focus{outline:none}@media only screen and (max-width:500px){.takeCourse .content{flex-direction:column}}.payScreen .content{display:flex;flex-direction:row;width:100%;height:94vh}.payScreen .content main{width:100%;height:100%;padding:30px 0;overflow:auto;background-color:#fff}.payScreen .content main div{margin-left:5%;display:inline-block}.payScreen .content main div .goback{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:grey;font-size:22px;margin-bottom:30px;transition:opacity .3s ease}.payScreen .content main div .goback img{margin-right:12px;width:30px}.payScreen .content main div .goback:hover{opacity:.4}.payScreen .content main div .goback:active{opacity:1}.payScreen .content main .screen-title{width:90%;font-size:38px;margin:auto auto 0}.payScreen .content main .container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap}.payScreen .content main .container .pay-buttons{width:100%;margin:0;padding:50px 0;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;position:relative;z-index:0}.payScreen .content main .container .pay-buttons .pay-buttons-title{width:100%!important;font-weight:500;color:#71e293;margin-bottom:18px}.payScreen .content main .container .pay-buttons .pay-buttons-payment{width:30%;max-width:300px;min-width:260px;margin:0 10px 0 0;box-sizing:border-box;border-radius:5px}.payScreen .content main .container .pay-buttons .pay-buttons-payment *{width:100%;max-width:300px;margin:0;box-sizing:border-box;right:0}.payScreen .content main .container .pay-buttons .pay-buttons-payment button{height:93%;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;background-color:#efefef;padding:8px;transition:background-color .3s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.payScreen .content main .container .pay-buttons .pay-buttons-payment button:hover{background-color:#dedede}.payScreen .content main .container .pay-buttons .pay-buttons-payment button img{width:40%}.payScreen .content main .container .to-pay-info{width:100%;margin:0;padding:50px 0;display:flex;flex-direction:column;border-bottom:1px solid hsla(0,0%,43.9%,.23)}.payScreen .content main .container .to-pay-info .to-pay-info-title{font-weight:500;color:#71e293;margin-bottom:18px}.payScreen .content main .container .to-pay-info .to-pay-info-course,.payScreen .content main .container .to-pay-info .to-pay-info-user{background-color:#fff;width:100%;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.payScreen .content main .container .to-pay-info .to-pay-info-course .presentation,.payScreen .content main .container .to-pay-info .to-pay-info-user .presentation{margin:20px 0;width:24%;min-width:240px;max-width:340px;padding:20px 20px 70px;background-position:50%;background-size:cover;border-radius:8px;box-shadow:10px 10px 38px -28px rgba(0,0,0,.4)}.payScreen .content main .container .to-pay-info .to-pay-info-course .presentation span,.payScreen .content main .container .to-pay-info .to-pay-info-user .presentation span{color:#fff;font-size:12px;letter-spacing:1px}.payScreen .content main .container .to-pay-info .to-pay-info-course .presentation p,.payScreen .content main .container .to-pay-info .to-pay-info-user .presentation p{font-size:16px;color:#fff;font-weight:600}.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-name,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-price,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-user-name,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-course-name,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-course-price,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-user-name{margin-top:20px;margin-bottom:20px}.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-name span,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-price span,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-user-name span,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-course-name span,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-course-price span,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-user-name span{color:#a7a7a7;font-weight:500}.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-name p,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-user-name p,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-course-name p,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-user-name p{color:#454545;font-size:18px;margin-top:14px}.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-price p,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-course-price p{color:#87d96f;font-size:18px;margin-top:14px}.payScreen .content main .container .to-pay-info .to-pay-info-course .info-user-name,.payScreen .content main .container .to-pay-info .to-pay-info-user .info-user-name{margin-left:0;margin-right:40px}@media only screen and (max-width:760px){.payScreen .content main .container .to-pay-info .to-pay-info-course{flex-direction:column;justify-content:center;align-items:flex-start}.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-name,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-course-price,.payScreen .content main .container .to-pay-info .to-pay-info-course .info-user-name{margin-left:0}}@media only screen and (max-width:500px){.payScreen .content{flex-direction:column}.payScreen .content main .container .pay-buttons .pay-buttons-payment{margin-bottom:10px}.payScreen .content main .container .to-pay-info .to-pay-info-course .presentation{min-width:100%;max-width:100%}}@media only screen and (max-width:480px){.payScreen .content{flex-direction:column}.payScreen .content main .container .pay-buttons .pay-buttons-payment{width:100%;min-width:100%;max-width:100%}.payScreen .content main .container .pay-buttons .pay-buttons-payment :not(button){max-width:100%}.payScreen .content main .container .pay-buttons .pay-buttons-payment button.btn{min-width:100%;max-width:100%;padding:8px}.payScreen .content main .container .pay-buttons .pay-buttons-payment button.btn img{width:30%}}.web-courses .content{display:flex;flex-direction:row;width:100%}.web-courses .content main.web-courses-main{width:100%;height:100%;background-color:#fdfdfd;overflow:auto}.web-courses .content main.web-courses-main .cover{height:300px;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.web-courses .content main.web-courses-main .cover .cover-content{text-align:center}.web-courses .content main.web-courses-main .cover .cover-content .cover-desc span{font-size:12px;color:#fff;letter-spacing:1px}.web-courses .content main.web-courses-main .cover .cover-content .cover-title{font-size:32px;color:#fff;letter-spacing:1px;font-weight:bolder}.web-courses .content main.web-courses-main .cover img{position:absolute;right:0;bottom:0;width:80px;opacity:.5;padding:10px}.web-courses .content main.web-courses-main .cover .goback{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#fff;font-size:18px;margin:30px;opacity:.5;transition:opacity .3s ease}.web-courses .content main.web-courses-main .cover .goback img{margin-right:12px;width:30px}.web-courses .content main.web-courses-main .cover .goback:active,.web-courses .content main.web-courses-main .cover .goback:hover{opacity:1}.web-courses .content main.web-courses-main .container{width:90%;margin:40px auto;display:flex;flex-direction:column}.web-courses .content main.web-courses-main .container .cursos{margin:30px 0;display:flex;flex-direction:row;flex-wrap:wrap}.web-courses .content main.web-courses-main .container .cursos .curso{text-decoration:none;width:24%;min-width:240px;max-width:340px;box-sizing:border-box;margin-right:20px;margin-bottom:30px;display:flex;border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:10px 10px 38px -28px rgba(0,0,0,.2)}.web-courses .content main.web-courses-main .container .cursos .curso:hover{box-shadow:10px 10px 38px -28px rgba(39,56,206,.8)}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container{display:flex;flex-direction:column;flex-grow:1}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container .present{width:100%;padding:20px 20px 50px;background-position:50%;background-size:cover}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container .present span{color:#fff;font-size:12px;letter-spacing:1px}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container .present p{font-size:16px;color:#fff;font-weight:600}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container .info{background-color:#fff;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container .info span.price{color:#87d96f}.web-courses .content main.web-courses-main .container .cursos .curso .curso-container .info h3{color:#454545;font-weight:400;margin-bottom:18px}@media only screen and (max-width:924px){.web-courses .content main.web-courses-main .container .cursos{justify-content:space-between}}@media only screen and (max-width:760px){.web-courses .content main.web-courses-main .container .cursos .curso{margin:0}}@media only screen and (max-width:621px){.web-courses .content main.web-courses-main .container .cursos{justify-content:center}.web-courses .content main.web-courses-main .container .cursos .curso{max-width:100%;min-width:100%;width:100%;margin:20px 0}}@media only screen and (max-width:500px){.web-courses .content{flex-direction:column}}.web-course .content{display:flex;flex-direction:row;width:100%}.web-course main{width:100%;height:100%;overflow:auto;background-color:#fdfdfd}.web-course main .cover{height:300px;background-position:50%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.web-course main .cover .cover-content{border-left:3px solid #fff;padding:14px 20px}.web-course main .cover .cover-content .cover-category span{font-size:12px;color:#fff;letter-spacing:1px}.web-course main .cover .cover-content .cover-category span.category{letter-spacing:normal;font-size:18px;color:#fff;font-weight:600}.web-course main .cover .cover-content .cover-title{font-size:38px;color:#fff;font-weight:bolder}.web-course main .cover img{position:absolute;right:0;bottom:0;width:80px;opacity:.5;padding:10px}.web-course main .cover .goback{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#fff;font-size:18px;margin:30px;opacity:.5;transition:opacity .3s ease}.web-course main .cover .goback .icon{color:#fff;margin-right:5px}.web-course main .cover .goback:active,.web-course main .cover .goback:hover{opacity:1}.web-course main .banner-general-info{background-color:#fff;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:40px 10px}.web-course main .banner-general-info .info{width:auto;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.web-course main .banner-general-info .info .enroll-btn{background-color:#64e36e;text-decoration:none;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;padding:8px 24px;font-weight:600;border-radius:5px;transition:background-color .3s ease}.web-course main .banner-general-info .info .enroll-btn:hover{background-color:#32a33c}.web-course main .banner-general-info .info .enroll-btn:active{background-color:#13831c}.web-course main .banner-general-info .info span.info-title{color:#2cc388;margin-bottom:14px}.web-course main .banner-general-info .info span{display:flex;align-items:center;font-size:20px}.web-course main .banner-general-info .info span img{width:20px;margin-right:4px}.web-course main .container{width:90%;margin:auto;display:flex;flex-direction:column}.web-course main .container .course-content-info{padding:70px 0}.web-course main .container .course-content-info section{margin-bottom:40px}.web-course main .container .course-content-info section h2{color:#4e4d4d;margin-bottom:18px;font-size:28px}.web-course main .container .course-content-info section p{color:#575757;line-height:28px}.web-course main .container .course-content-info section .topics{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.web-course main .container .course-content-info section .topics .topic{background-color:#fff;padding:20px;width:30%;margin-bottom:24px;max-width:420px;min-width:320px;box-shadow:10px 10px 38px -28px rgba(0,0,0,.2);border-radius:8px}.web-course main .container .course-content-info section .topics .topic h3{color:#0f1f31;font-size:18px;font-weight:500;border-left:3px solid green;padding-left:4px;margin-bottom:18px}.web-course main .container .course-content-info section .topics .topic p{color:#575757;font-size:16px;line-height:26px}.web-course main .container .course-content-info .goAction{display:flex;justify-content:center;align-items:center}.web-course main .container .course-content-info .goAction .enroll-btn{background-color:#64e36e;text-decoration:none;color:#fff;font-size:18px;padding:12px 32px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;border-radius:5px;transition:background-color .3s ease}.web-course main .container .course-content-info .goAction .enroll-btn:hover{background-color:#32a33c}.web-course main .container .course-content-info .goAction .enroll-btn:active{background-color:#13831c}@media only screen and (max-width:792px){.web-course .content main .container .course-content-info section .topics .topic{width:100%;min-width:100%;max-width:100%}}@media only screen and (max-width:500px){.web-course .content{flex-direction:column}}
/*# sourceMappingURL=main.9f5ac22b.chunk.css.map */