@font-face{font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal;}@font-face{font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.eot'); src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal;}@font-face{font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal;}/* RESET CSS */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, section, header, footer, main{margin: 0;padding: 0;border: 0; font-size: 100%; font-weight: unset; vertical-align: baseline;}b{margin: 0;padding: 0;border: 0; font-size: 100%; vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}ol, ul{list-style: none;}blockquote, q{quotes: none;}blockquote:before, blockquote:after,q:before, q:after{content: '';content: none;}table{border-collapse: collapse;border-spacing: 0;}html{height: 100%;width: 100%; scroll-behavior: smooth;}body{width: 100%; height: 100%; font-size: 16px; line-height: 24px; color: #000; overflow-x: auto;}*{-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased;box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: center;}*:focus{outline: none !important; box-shadow: unset !important;}li{margin-bottom: 0px; list-style-type: none;}a, a:hover, a:visited{text-decoration: none; color: inherit;}a *, a, a:hover, a:visited{cursor: pointer;}input[type="search"]{border: unset; padding: unset; background-color: unset; appearance: none; -webkit-appearance: none; -moz-appearance: none;}input::-webkit-search-decoration,input::-webkit-search-cancel-button{display: none;}input::-ms-clear{display: none;}button{border: unset; padding: unset; display: block; font: unset; color: initial; cursor: pointer; background-color: unset; margin: 0;}[class^="icon-"]:before, [class*=" icon-"]:before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.button{display: inline-flex; align-items: center; justify-content: center; position: relative; padding: 12px 28px; border-radius: 8px; box-sizing: border-box; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 22px; text-align: center; background-color: #3966E9; color: #ffff; box-shadow: 0 0 0 0px rgb(56 102 233 / 0%);}.button:hover{background-color: #4474ff; box-shadow: 0 0 0 3px rgb(56 102 233 / 25%); transition: all .1s ease-in;}.button:hover,.button:visited{color: #ffff;}.button span{white-space: nowrap;}.button.disabled{opacity: .5; cursor: default; pointer-events: none;}.text{font-size: 16px; line-height: 1.2; font-weight: 500;}.text.bold{font-weight: 700;}.separator{padding: 0 6px;}.flex{display: flex; align-items: center; justify-content: flex-start;}.input{display: block; width: 100%; min-height: 52px; padding: 8px 18px 6px 18px; color: #1c1c1c; background-color: unset; font-size: 16px; line-height: 1.2; font-weight: 500; font-family: 'Roboto'; border: solid 1px #DFE4E8; border-radius: 8px; box-shadow: 0 0 0 0px rgb(56 102 233 / 0%) !important;}.input:focus{box-shadow: 0 0 0 3px rgb(56 102 233 / 15%) !important; border: solid 1px rgb(56 102 233 / 60%); transition: all .15s linear;}.input::-webkit-input-placeholder{/* Chrome/Opera/Safari */ font-size: 16px; line-height: 1.2; font-weight: 400; color: #a7a9ac;}.input::-moz-placeholder{/* Firefox 19+ */ font-size: 16px; line-height: 1.2; font-weight: 400; color: #a7a9ac;}.input:-ms-input-placeholder{/* IE 10+ */ font-size: 16px; line-height: 1.2; font-weight: 400; color: #a7a9ac;}.input:-moz-placeholder{/* Firefox 18- */ font-size: 16px; line-height: 1.2; font-weight: 400; color: #a7a9ac;}.animaction{animation: expand 3.5s forwards;}@keyframes expand{0%{opacity: 1;}100%{opacity: 0;}}.view{height: 100%; font-family: 'Roboto'; color: #1c1c1c;}.view .wrapper{position: relative; height: 100%;}.view .container{height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0;}.view .logo{display: block; background-image: url(../images/logo-conectados.svg); padding-top: 31.58%;}.view .logo .text-logo{text-indent: -9999px; height: 0;}.login .form-container{width: 50%; max-width: 580px; display: flex; align-items: center; justify-content: center;}.login .form{width: 100%; max-width: 398px; margin: 44px;}.login .form .title{font-size: 34px; line-height: 1.2; font-weight: 700; padding: 0 0 10px 0;}.login .form .text{font-size: 18px; line-height: 1.2; font-weight: 400; padding: 0 0 8px 0;}.login .form .form-body{padding: 22px 0;}.login .form .field{position: relative; margin: 18px 0 0 0;}.login .form .form-body .field:first-child{margin: 0;}.login .form .field:before{content: ""; display: block; height: 18px; width: 18px; position: absolute; top: 50%; left: 16px; transform: translateY(-50%); background-position: center; background-repeat: no-repeat;}.login .form .field.user-field:before{background-image: url(../images/user.svg); background-size: 16px;}.login .form .field.password-field:before{background-image: url(../images/key.svg);}.login .form .input{padding: 8px 18px 6px 46px;}.login .form .button{padding: 15px 32px; min-width: 148px;}.login .logo-container{height: 100%; width: 50%; flex: 1; display: flex; align-items: center; background-image: url(../images/login-image.png); background-position: bottom right;}.login .logo-wrapper{width: 100%; max-width: 310px; margin: 0 15%; transform: translateY(-108px);}.page .container{justify-content: flex-end; background-image: url(../images/gradient.svg);}.page .data-container{position: absolute; top: 0; left: 0; height: 100%; width: 476px; display: flex; align-items: center; justify-content: center; background-color: #fff; box-shadow: 106px 0px 0px 0px #fff; transform: translateX(0px); transition: all .15s linear}.page .video-container{position: relative; width: calc(100% - 476px); display: flex; align-items: center; z-index: 2; transition: all .15s linear; height: calc(100% - 220px);}.top-bar{position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: flex-end; padding: 40px 50px 0 0; transform: translateY(0%); transition: all .15s linear;}.top-bar .logo-wrapper{width: 100%; max-width: 166px;}.page .video-container .media-view{position: relative; margin: 0 50px 0 0; transition: all .15s linear; height: 100%; display: flex; align-items: center;}.page .video-container .media-view .play{height: 74px; width: 74px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background-color: #fff; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-image: url(../images/play.svg); background-size: 30px; box-shadow: 0 0 0 0px rgb(255 255 255 / 0%), 0 0 0 0px rgb(255 255 255 / 0%); z-index: 2; transition: all .25s ease-in-out;}.page .video-container .media-view .media:hover + .play{box-shadow: 0 0 0 8px rgb(255 255 255 / 45%), 0 0 0 16px rgb(255 255 255 / 15%);}.page .video-container .media-view .media{max-height: 100%; width: auto; max-width: 100%; object-fit: contain; border-radius: 12px; cursor: pointer; box-shadow: 0 6px 20px 0 rgb(28 28 28 / 20%), 0 2px 5px 0 rgb(28 28 28 / 15%);}.page .video-container .media-view .media:focus{box-shadow: 0 6px 20px 0 rgb(28 28 28 / 20%), 0 2px 5px 0 rgb(28 28 28 / 15%) !important;}.close{height: 43px; width: 42px; margin: 10px; position: fixed; top: 0; right: 0; background-image: url(../images/close.svg); background-size: 20px; transform: translateX(100%); transition: all .15s linear;}.page .media-info{padding: 0 50px 0 90px;}.page .media-info .label{padding: 0 0 24px 0; font-size: 12px; font-weight: 700; line-height: 1.5; text-transform: uppercase; letter-spacing: .5px; color: #FF592C;}.page .media-info .title{font-size: 30px; font-weight: 700; line-height: 1.2; padding: 0 0 26px 0;}.page .media-info .text{font-size: 16px; font-weight: 400; line-height: 1.65;}.page .speaker{display: flex; align-items: center; padding: 40px 0 0 0}.page .speaker .item-image{min-width: 48px; width: 48px; margin: 0 12px 0 0;}.page .speaker .item-image .image-speaker{border-radius: 100%; overflow: hidden; width: 100%; padding-top: 100%; position: relative;}.page .speaker .item-image .image{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}.page .speaker .item-data .main-text{font-size: 15px; font-weight: 700;}.page .speaker .item-data .text{font-size: 14px; font-weight: 400; line-height: 1.5; color: rgb(28 28 28 / 70%);}.page.playing .video-container .media-view .play{transform: translate(-50%, -50%) scale(0);}/* MEDIAQUERY +1600 ///////////////////////////////////////////////////////////////////////////////////////// MEDIAQUERY +1600 */@media screen and (min-width: 1600px){.login .logo-wrapper{margin: 0 10%; transform: translateY(-220px);}}/* MEDIAQUERY +1600 ///////////////////////////////////////////////////////////////////////////////////////// MEDIAQUERY +1023 */@media screen and (min-width: 1023px){.page.playing .data-container{transform: translateX(calc(-100% - 476px));}.page.playing .video-container{width: 100%; justify-content: center; height: calc(100% - 120px);}.page.playing .video-container .media-view{margin: 0 50px;}.playing .top-bar{transform: translateY(-100%);}.playing .close{transform: translateX(0);}}/* MEDIAQUERY 1024 ///////////////////////////////////////////////////////////////////////////////////////// MEDIAQUERY 1024 */@media screen and (max-width: 1024px){}/* MEDIAQUERY 1023 ///////////////////////////////////////////////////////////////////////////////////////// MEDIAQUERY 1023 */@media screen and (max-width: 1023px){.top-bar{justify-content: center; padding: 40px 24px 48px 24px;}.page .container{flex-direction: column-reverse; height: auto; background-color: unset; padding-top: 130px;}.page .video-container:before{content: ""; display: block; height: 50%; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #ffffff; box-shadow: 0px -4px 0px 0px #fffff;}.page .video-container{width: 100%;}.page .video-container .media-view{max-width: 900px; margin: 0 auto; padding: 0 32px;}.page .data-container{position: initial; width: 100%; align-items: flex-start; box-shadow: unset;}.page .media-info{padding: 48px 70px 80px 70px; max-width: 900px;}}/* MEDIAQUERY 768 ///////////////////////////////////////////////////////////////////////////////////////// MEDIAQUERY 768 */@media screen and (max-width: 768px){.login .container{flex-direction: column-reverse; align-items: center; justify-content: flex-end; background-image: url(../images/gradient.svg);}.login .logo-container{flex: unset; background-image: unset; width: 100%; height: 25%;}.login .logo-wrapper{max-width: 280px; margin: 0 auto; transform: unset;}.login .form-container{width: 100%; max-width: 100%; flex: 1; align-items: flex-start; padding: 0 24px;}.login .form{max-width: 442px; margin: 0; background-color: #fff; padding: 50px 36px; border-radius: 18px;}.login .form .title, .login .form .text{text-align: center;}.login .form .button{min-width: 100%;}}/* MEDIAQUERY 414 ///////////////////////////////////////////////////////////////////////////////////////// MEDIAQUERY 414 */@media screen and (max-width: 414px){.login .logo-wrapper{max-width: 200px; margin: 0 auto; transform: unset;}.login .form .title{font-size: 28px;}.login .form .text{font-size: 16px;}.login .logo-container{height: 20%;}.top-bar{padding: 25px 24px 38px 24px;}.top-bar .logo-wrapper{max-width: 148px;}.page .video-container .media-view{padding: 0 24px;}.page .media-info{padding: 28px 36px 48px 36px;}.page .media-info .label{padding: 0 0 16px 0;}.page .media-info .title{font-size: 25px; padding: 0 0 18px 0;}.page .speaker{padding: 28px 0 0 0;}.page .video-container .media-view .play{height: 54px; width: 54px; background-size: 22px;}}