@font-face { font-family: 'Montserrat'; src: url('Montserrat-Light.eot'); src: url('Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('Montserrat-Light.woff2') format('woff2'), url('Montserrat-Light.woff') format('woff'), url('Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } html::-webkit-scrollbar { width: 3px; height: 3px; border-radius: 1px; border: 0px solid transparent; } html::-webkit-scrollbar-track { background: #dedede; border-radius: 1px; border: 0px solid transparent; } html::-webkit-scrollbar-thumb { background-color: #dedede; border-radius: 1px; border: 0px solid transparent; } html { overflow-x: hidden !important; } body, h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat'; font-weight: 300; font-style: normal; } form { filter: grayscale(65%); } a:hover { text-decoration: none; } a.active { font-weight: 400; } .right { float: right; text-align: right; } .center { text-align: center !important; } .white { color: #f7f7f7 !important; } .brand-item-image { max-width: 80%; opacity: 0.6; filter: grayscale(95%); } .brand-item-image:hover { filter: grayscale(5%); opacity: 0.9; } .brand-item { min-height: 75px; } .logo-certi { height: 40px; opacity: 0.6; filter: grayscale(95%); } .logo-certi:hover { filter: grayscale(5%); opacity: 0.9; } .featured-boxes-item-ico, .panel-image { filter: grayscale(75%); } .featured-boxes-item-ico:hover, .panel-image:hover { filter: grayscale(5%); } .visual-guide-img { filter: grayscale(75%); } .play { width: 10%; } .image.remove-border:hover, .play:hover, .panel-image:hover, .box-image:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .featured-boxes-item:hover { background: #f6f7f8; } .header-back-web { padding: 0px 0 0; } .header-back-bg-web { background-image: url(../img/backgrounds/6.jpg); background-position: center; } .header-back-simple { background-image: url(../img/backgrounds/6.jpg); background-position: center; } .header-back-small { padding: 40px 0 70px; } .header-browser { overflow-x: hidden; max-width: 576px; } .chat { border-radius: 100%; width: 50px; height: 50px; position: fixed; bottom: 10px; right: 10px; z-index: 900; font-size: 2em; padding: 5px 8px; } .step-title { font-size: 1em; } .step-content { font-size: 0.8em; } .step { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 0px solid transparent; } .morphext > .animated { color: #fff; } .visual-guide-step-number:after { width: 4px; height: 4px; } .visual-guide-step-number { font-size: 2em; } .visual-guide-step-title { font-size: 1.2em; } .link-footer { margin-left: 1em; } .pt-4 { padding-top: 4em; } .header-browser-content { background: #384051; filter: grayscale(45%); } .header-back-video .header-back-container { background-color: transparent; } .header-back-full-page { filter: grayscale(85%); } .logo-image img { filter: invert(50%); } .menu a { display: none; } .header-fixed a { display: block; } .menu-secundario { font-size: 11px; } .header-secundario { top: 80px; padding: 10px 0; } @media screen and (max-width: 1200px) { .header-secundario { display: none; } .sostenible { margin-top: -19em; } #digital { display: none; } } .flex { display: flex; align-items: center; } .justify { text-align: justify; } .header-fixed .logo-image { display: block; } .logo-image { display: none; } .header-back-bg-app { background-image: url(../img/backgrounds/6.jpg); background-position: bottom; } .logo-home { width: 150px; filter: grayscale(85%); } .promo-image:hover { zoom: 2; } .promo-new { margin-bottom: -10px; margin-right: -35px; z-index: 4; background-color: #384051; color: #f6f7f8; } .box-small-icon-alt { padding-bottom: 20px; } .box-small-icon-alt .box-icon { top: 20px; } .box-small-icon-alt:hover { background: #f6f7f8; border-radius: 5px; } .tag-item a:before { background-color: transparent; z-index: 6; }