/* step 0 - titulo */ ._1000 section.register.step0 .centro {margin-bottom: 100px;} section.register.step0 .centro .titulo{display: flex ; flex-direction: column; text-align: center; margin-bottom: 88px;} section.register.step0 .centro .titulo h2 {font: 700 40px / 43px 'omnes-pro'; letter-spacing: 0.02em; color: #1A1B1D; text-align: center;} section.register.step0 .centro .titulo em {font: 400 18px / 20px 'omnes-pro'; letter-spacing: 0.04em; color: #9FA4AC; font-style: italic; display: block; text-align: center;} /* step 0 - form */ ._1000 section.register.step0 .centro form {width: 100%; max-width: 416px; position: relative; display: flex; flex-direction: column;align-items: center;} section.register.step0 .centro form ul{position: relative; width: 100%;} section.register.step0 .centro form > ul li {display: flex;flex-direction: column;margin-bottom: 20px;position: relative;} section.register.step0 .centro form > ul li label {font: 500 16px/20px 'omnes-pro';color: #272D38;letter-spacing: 0.02em;margin-bottom: 4px;} section.register.step0 .centro form ul li input:not(.checkBtn){transition: all 0.5s ease;height: 44px;background: #EFEFF0;border-radius: 2px 60px 60px;padding: 13px 22px;font: 400 16px/16px 'omnes-pro';letter-spacing: 0.02em;color: #53565E;} section.register.step0 .centro form ul li input.hoverOrange {box-shadow: 0 0 5px #D46A45;} section.register.step0 .centro form ul li input.hoverBlue {box-shadow: 0 0 5px #2D9CBB;} section.register.step0 .centro form ul li div{position:relative;} /* step 0 - form select */ section.register.step0 .centro form ul li select {appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; max-width: 232px; width: 100%; height: 44px; background: #EFEFF0; border-radius: 2px 60px 60px; font: 400 16px / 16px 'omnes-pro'; color: #53565E; padding: 10px 28px; background-image: url("../img/icons/seta.svg"); background-size: 25px 22px; background-repeat: no-repeat; cursor: pointer; background-position: calc(100% - 23px) calc(1em - 1px);letter-spacing: 0.02em;transition: all 0.5s ease; } section.register.step0 .centro form ul li select.hoverOrange {box-shadow: 0 0 5px #D46A45;} section.register.step0 .centro form ul li select.hoverBlue {box-shadow: 0 0 5px #2D9CBB;} /* step 0 - form boxType */ ._1000 section.register.step0 .centro form > ul li.boxType {position: absolute; right: 3px;top: 40px; width: 100%; max-width: 292px;} ._1000 section.register.step0 .centro form > ul li.boxType::before{content: ""; display: block; position: absolute; width: 203px; height: 1px; border-top: 1px dashed #CDD0D4; left: -235px; top: 6px;} section.register.step0 .centro form > ul li.boxType h3 {font: 500 20px / 20px 'omnes-pro'; letter-spacing: 0.02em; color: #272D38; position: relative; background: #FFF; z-index: 1; margin-bottom: 25px;} section.register.step0 .centro form > ul li.boxType h3 em {font-weight: 700;color: #D46A45;} section.register.step0 .centro form > ul li.boxType ol {visibility:hidden;opacity:0;position:relative;padding: 0;height: 0;} section.register.step0 .centro form > ul li.boxType ol.ativo {position:relative;transition: all 0.5s ease;visibility:visible;opacity:1;height: fit-content;} section.register.step0 .centro form > ul li.boxType ol li{position: relative; margin-bottom: 20px; font: 400 16px / 20px 'omnes-pro'; letter-spacing: 0.02em; padding: 0 0 0 28px; color: #373B41; display: block;} section.register.step0 .centro form > ul li.boxType ol li::before {position: absolute;content: '';width: 16px;height:12px;left: 0;top:5px;} section.register.step0 .centro form > ul li.boxType ol.localDetails li::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%23D46A45' d='M15.075 0a.888.888 0 0 0-.618.28L5.205 9.774l-3.658-3.74a.899.899 0 0 0-.639-.284.879.879 0 0 0-.645.27A.925.925 0 0 0 0 6.68a.943.943 0 0 0 .276.656L4.57 11.73a.888.888 0 0 0 1.271 0l9.888-10.146a.945.945 0 0 0 .201-1.021.917.917 0 0 0-.342-.417.882.882 0 0 0-.512-.146Z'/%3E%3C/svg%3E") center center no-repeat;} section.register.step0 .centro form > ul li.boxType ol.virtualDetails li::before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%232D9CBB' d='M15.075 0a.888.888 0 0 0-.618.28L5.205 9.774l-3.658-3.74a.899.899 0 0 0-.639-.284.879.879 0 0 0-.645.27A.925.925 0 0 0 0 6.68a.943.943 0 0 0 .276.656L4.57 11.73a.888.888 0 0 0 1.271 0l9.888-10.146a.945.945 0 0 0 .201-1.021.917.917 0 0 0-.342-.417.882.882 0 0 0-.512-.146Z'/%3E%3C/svg%3E") center center no-repeat;} section.register.step0 .centro form > ul li.boxType ol li b {font-weight: 600;} /* boxType - infoLanguage */ ._1000 section.register.step0 .centro form > ul li.boxType .infoLanguage{display: block; position: relative; width: 312px; padding: 14px 20px; background: #1A1B1D; border-radius: 8px;margin-top: 12px; margin-left: -4px;} section.register.step0 .centro form > ul li.boxType .infoLanguage::after{content: ''; display: block; position: absolute;width: 21px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 21 12'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m.5 0 9.4267 11.7628c.2535.3163.8931.3163 1.1466 0C11.0733 11.7628 20.5049 0 20.5 0H.5Z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; left: 16px; top: -5px; } section.register.step0 .centro form > ul li.boxType .infoLanguage p{font: 400 16px / 20px 'omnes-pro'; color: #fff; letter-spacing: 0.01em;} section.register.step0 .centro form > ul li.boxType .infoLanguage p b{font-weight: 600; color: #D46A45;} /* step 0 - form mostrar senha */ section.register.step0 .centro form ul li input.password{padding-right: 56px;} section.register.step0 .centro form > ul li .mostrarSenha{display: flex; position: absolute; width: 30px; height: 40px; right: 16px; cursor: pointer; top: 27px; align-items: center; justify-content: flex-start;} section.register.step0 .centro form > ul li .mostrarSenha::before {content:'';display:block;width:19px;height:18px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 18'%3E%3Cg fill='%23272727' fill-rule='evenodd' clip-path='url(%23a)' clip-rule='evenodd'%3E%3Cpath d='M4.8 2.4A10 10 0 0 1 11 .3c2.6 0 4.6.9 6.2 2.1L15.8 4a8.2 8.2 0 0 0-9.6 0L4.8 2.4Zm14.8 6.3h2.2s-3 8.4-10.8 8.4C3.1 17.1.2 8.7.2 8.7h2.2C3.2 10.5 5.8 15 11 15c5.2 0 7.8-4.5 8.6-6.3Z'/%3E%3Cpath d='M18.7 11.5c-.4.4-.4 1.2 0 1.6l1.2 1.2c.4.5 1.1.5 1.6 0 .4-.4.4-1.2 0-1.6l-1.2-1.2a1 1 0 0 0-1.6 0ZM3.3 11.5c.4.4.4 1.2 0 1.6L2 14.3c-.4.5-1.1.5-1.6 0-.4-.4-.4-1.2 0-1.6l1.2-1.2a1 1 0 0 1 1.6 0ZM7.8 14.5c.5.4.5 1.2 0 1.6l-1.1 1.2c-.5.5-1.2.5-1.6 0-.5-.4-.5-1.2 0-1.6l1.1-1.2a1 1 0 0 1 1.6 0ZM14.2 14.5c-.5.4-.5 1.2 0 1.6l1.1 1.2c.5.5 1.2.5 1.6 0 .5-.4.5-1.2 0-1.6l-1.1-1.2a1 1 0 0 0-1.6 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; user-select: none;transition: all 0.3s ease;} section.register.step0 .centro form > ul li .mostrarSenha.visivel::before{content:'';display:block;width:19px;height:18px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 18'%3E%3Cpath fill='%23272727' fill-rule='evenodd' d='M3.8 8c.4-.5.4-1.3 0-1.7L2.6 5c-.4-.5-1.1-.5-1.6 0-.4.4-.4 1.2 0 1.7L2.2 8c.4.4 1.1.4 1.6 0ZM19.2 8c-.4-.5-.4-1.3 0-1.7L20.4 5A1 1 0 0 1 22 5c.4.4.4 1.2 0 1.7L20.8 8c-.4.4-1.1.4-1.6 0ZM14.7 5c-.5-.5-.5-1.3 0-1.7L15.8 2c.5-.5 1.2-.5 1.6 0 .5.4.5 1.2 0 1.7L16.3 5a1 1 0 0 1-1.6 0ZM8.3 5c.5-.5.5-1.3 0-1.7L7.2 2c-.5-.5-1.2-.5-1.6 0-.5.4-.5 1.2 0 1.7L6.7 5c.5.4 1.2.4 1.6 0Z' clip-rule='evenodd'/%3E%3Cpath fill='%23272727' fill-rule='evenodd' d='M.7 10.7h2.2c.8-1.8 3.4-6.3 8.6-6.3 5.2 0 7.8 4.5 8.6 6.3h2.2s-3-8.4-10.8-8.4C3.6 2.3.7 10.7.7 10.7Z' clip-rule='evenodd'/%3E%3Cpath fill='%23272727' d='M15.7 12a4.2 4.2 0 1 1-8.4 0 4.2 4.2 0 0 1 8.4 0Z'/%3E%3C/svg%3E");background-repeat: no-repeat; background-size: contain; user-select: none;transition: all 0.3s ease;} /* step 0 - form valida senha */ section.register.step0 .centro form ul li .validator {display: flex;min-height: 16px;margin-top: 8px;gap: 60px;} section.register.step0 .centro form ul li .validator span {font: 500 15px/16px 'omnes-pro';display: block;color: #1A1B1D;padding-left: 20px;position: relative;flex-direction: row;} section.register.step0 .centro form ul li .validator span::before {position: absolute;content: '';width: 6px;height: 6px;background:#53565E;opacity:0.24;border-radius: 50%;left: 2px;top: 50%;transform: translateY(-50%);} section.register.step0 .centro form ul li .validator span.confere::before {position: absolute;content: '';opacity:1;width:11px;height:9px;left: 4px;top: 50%;transform: translateY(-50%);background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' fill='none'%3E%3Cpath fill='%2347CF74' d='M10.604.26c.467.399.53 1.108.141 1.585l-5.5 6.75c-.198.243-.486.39-.795.404a1.087 1.087 0 0 1-.828-.329l-3.3-3.375a1.143 1.143 0 0 1 0-1.59c.43-.44 1.126-.44 1.556 0l2.448 2.503L9.055.405a1.083 1.083 0 0 1 1.55-.144Z'/%3E%3C/svg%3E") center center no-repeat;} /* step 0 - form boxNews */ section.register.step0 .centro form > ul li.boxNews{margin: 33px auto 21px; width: fit-content;} section.register.step0 .centro form > ul li.boxNews label.inputNews{font: 500 16px / 14px 'omnes-pro'; color: #A7ABB2; letter-spacing: 0.02em;} section.register.step0 .centro form ul li.boxNews input[type="checkbox"]{appearance: none; -webkit-appearance: none; -moz-appearance: none; width:14px;height: 14px;min-height: 14px;margin-right: 6px;box-shadow: none !important;position: relative;outline: 2px solid #D0D4DC;border-radius: 2px;cursor: pointer;} section.register.step0 .centro form ul li.boxNews input[type="checkbox"]::before {content:'';display: block;position: absolute;width:14px;height:14px;top: 50%;left:50%;transform: translate(-50%, -50%);background-color: #FFF;border: 2px solid #FFF;transition: all 0.5s ease;} section.register.step0 .centro form ul li.boxNews input[type="checkbox"]:checked::before {content:'';display: block;position: absolute;width:14px;height:14px;top: 50%;left:50%;transform: translate(-50%, -50%);background:#000;background-color: #D46A45;} section.register.step0 .centro form ul li.boxNews input[type="checkbox"].orange:checked::before {content:'';display: block;position: absolute;width:14px;height:14px;top: 50%;left:50%;transform: translate(-50%, -50%);background-color: #D46A45;} section.register.step0 .centro form ul li.boxNews input[type="checkbox"].blue:checked::before {content:'';display: block;position: absolute;width:14px;height:14px;top: 50%;left:50%;transform: translate(-50%, -50%);background-color: #2D9CBB;} /* step 0 - mensagem erro */ section.register.step0 .centro form .buttons{max-width: 420px; transition: all 0.5s ease; display: flex; flex-direction: column; align-items: center;} ._1000 section.register.step0 .centro form .buttons .mensagemRetorno{margin:5px 0 25px; position: relative; } /* step 0 - form botao */ section.register.step0 .centro form button {width: 100%;max-width: max-content;padding: 18px 36px;height: 52px;border-radius: 32px;margin:0 0 28px;cursor: pointer;background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%);position:relative;box-shadow: inset 0px -2px 4px #39475300, inset 0px 2px 4px #ffffff00; transition: all 0.5s ease; z-index: 2;} ._1000 section.register.step0 .centro form button::before {content: ''; position: absolute; width: 100%; height: 36px; left: 0; top: 20px; background: linear-gradient(90deg, #47BDCF 0%, #60A3DB 31.05%, #A856FF 65.91%, #E87B55 100%); filter: blur(15px); z-index: -1; opacity: 0; pointer-events: none; will-change: opacity, transform; backface-visibility: hidden; transition: opacity 0.5s ease;} ._1000 section.register.step0 .centro form button:hover{box-shadow: inset 0px -2px 4px #39475321, inset 0px 2px 4px #ffffff63;} ._1000 section.register.step0 .centro form button:hover::before {opacity:1;} section.register.step0 .centro form button b {font: 600 22px/16px 'omnes-pro';letter-spacing: 0.02em;color: #FFF;text-align: center;position: relative;z-index: 2;display: block;min-width: 192px;} /* step 0 - enviando */ section.register.step0 .centro form p.enviando{margin:0 0 28px;} /* step 0 - boxTerms */ section.register.step0 .centro form .buttons .boxTerms{display: block; font: 500 16px / 16px 'omnes-pro'; color: #A7ABB2; letter-spacing: 0.02em; margin-bottom: 50px;} section.register.step0 .centro form .buttons .boxTerms a:active, section.register.step0 .centro form .buttons .boxTerms a:link, section.register.step0 .centro form .buttons .boxTerms a:visited{font-weight: 500; color: #6B6F76; text-decoration: underline;transition: all 0.5s ease;text-underline-offset: 2px;} section.register.step0 .centro form .buttons .boxTerms a:hover{color: #1A1B1D;} /*step 0 - btnAccount */ section.register.step0 .centro a.btnAccount:active, section.register.step0 .centro a.btnAccount:visited, section.register.step0 .centro a.btnAccount:link {font: 500 17px/16px 'omnes-pro';letter-spacing: 0.02em;color: #53565E;display: block;text-align: center;transition: all ease 0.5s;} section.register.step0 .centro a.btnAccount:hover{color: #e87b55;} /* MOBILE */ /* step 0 - titulo */ ._320 section.register.step0 .centro .titulo{margin-top: 5px; margin-bottom: 28px;} ._320 section.register.step0 .centro .titulo h2 {font: 700 25px / 32px 'omnes-pro'; letter-spacing: 0.02em;min-width: max-content;} ._320 section.register.step0 .centro .titulo em {font: 400 15px / 20px 'omnes-pro'; font-style: italic;} /* step 0 - form */ ._320 section.register.step0 .centro form {margin: 0 auto 55px; max-width: 310px;} ._320 section.register.step0 .centro form > ul {display: flex; flex-direction: column;gap: 11px; margin-bottom: 15px;} ._320 section.register.step0 .centro form > ul li {margin-bottom: initial;} ._320 section.register.step0 .centro form > ul li label {font: 500 15px / 20px 'omnes-pro'; margin-bottom: 2px;color: #53565E;} ._320 section.register.step0 .centro form ul li input:not(.checkBtn){font: 400 15px / 16px 'omnes-pro'; border-radius: 2px 40px 40px;} ._320 section.register.step0 .centro form ul li input.password{padding-right: 47px;} ._320 section.register.step0 .centro form ul li input.hoverOrange {} ._320 section.register.step0 .centro form ul li input.hoverBlue {} ._320 section.register.step0 .centro form ul li div{} /* step 0 - form select */ ._320 section.register.step0 .centro form ul li select {font: 400 15px / 16px 'omnes-pro'; border-radius: 2px 40px 40px; max-width: initial; background-size: 23px 23px; background-position: calc(100% - 23px) calc(1em - 0px);} ._320 section.register.step0 .centro form ul li select.hoverOrange {} ._320 section.register.step0 .centro form ul li select.hoverBlue {} /* step 0 - form boxType */ ._320 section.register.step0 .centro form > ul li.boxType {padding: 24px 20px 0px; width: calc(100% + 20px); margin: 10px -10px; border: 1px dashed #cdd0d491; border-radius: 10px;} ._320 section.register.step0 .centro form > ul li.boxType h3 {font-size: 17px; margin-bottom: 14px;text-align: center;} ._320 section.register.step0 .centro form > ul li.boxType h3 em {} ._320 section.register.step0 .centro form > ul li.boxType ol {} ._320 section.register.step0 .centro form > ul li.boxType ol.ativo {} ._320 section.register.step0 .centro form > ul li.boxType ol li{margin-bottom: 14px; font: 400 14px / 18px 'omnes-pro'; letter-spacing: 0.02em; padding: 0 0 0 24px; color: #373b41f2;} ._320 section.register.step0 .centro form > ul li.boxType ol li::before {width: 14px; height: 11px; left: 0; top: 4px;} ._320 section.register.step0 .centro form > ul li.boxType ol.localDetails li::before{background-size: contain;} ._320 section.register.step0 .centro form > ul li.boxType ol.virtualDetails li::before{background-size: contain;} ._320 section.register.step0 .centro form > ul li.boxType ol li b {} /* boxType - infoLanguage */ ._320 section.register.step0 .centro form > ul li.boxType .infoLanguage{display: block; position: relative; background: #1A1B1D; background: linear-gradient(157deg, rgba(61, 60, 63, 1) 0%, rgba(26, 27, 29, 1) 50%); padding: 20px 22px 16px; width: calc(100% + 42px); margin: 6px -21px -1px; border-radius: 0 0 10px 10px;} ._320 section.register.step0 .centro form > ul li.boxType .infoLanguage p{font: 400 14px / 18px 'omnes-pro'; letter-spacing: 0.03em; } /* step 0 - form mostrar senha */ ._320 section.register.step0 .centro form > ul li .mostrarSenha{top: 26px; right: 11px; opacity: 0.8;} ._320 section.register.step0 .centro form > ul li .mostrarSenha::before {} ._320 section.register.step0 .centro form > ul li .mostrarSenha.visivel::before{} /* step 0 - form valida senha */ ._320 section.register.step0 .centro form ul li .validator{gap: 35px;} ._320 section.register.step0 .centro form ul li .validator span {opacity: 0.9;font-size: 14px;} ._320 section.register.step0 .centro form ul li .validator span::before {} ._320 section.register.step0 .centro form ul li .validator span.confere::before {} /* step 0 - form boxNews */ ._320 section.register.step0 .centro form > ul li.boxNews{margin: 10px 0 0px;} ._320 section.register.step0 .centro form > ul li.boxNews label.inputNews{display: flex ; gap: 6px; font: 400 15px / 18px 'omnes-pro'; margin-bottom: initial; align-items: flex-start;} ._320 section.register.step0 .centro form ul li.boxNews input[type="checkbox"]{min-width: 14px; min-height: 14px; margin-top: 3px;} /* step 0 - form botao */ ._320 section.register.step0 .centro form button {max-width: initial; margin: 0 auto 30px; padding: 10px 36px; height: auto; min-height: 47px; border-radius: 24px; box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b;} ._320 section.register.step0 .centro form button b {font-size: 20px;} /* step 0 - enviando */ ._320 section.register.step0 .centro form p.enviando{max-width: initial; margin: 0 auto 30px; padding: 10px 36px; height: auto; min-height: 47px; border-radius: 24px; box-shadow: inset 0px -2px 4px #39475333, inset 0px 2px 4px #ffffff63, 0px 4px 6px 0px #8c8f963b;} ._320 section.register.step0 .centro form p.enviando em{display: flex;font-size: 20px;height: 22px;align-items: flex-end;justify-content: center;} /* step 0 - boxTerms */ ._320 section.register.step0 .centro form .buttons .boxTerms{font: 400 15px / 21px 'omnes-pro'; text-align: center; margin: 0 auto; max-width: 200px;} ._320 section.register.step0 .centro form .buttons .boxTerms a:active, ._320 section.register.step0 .centro form .buttons .boxTerms a:link, ._320 section.register.step0 .centro form .buttons .boxTerms a:visited{color: #53565E; text-decoration-color: #e2e9ef; opacity: 0.9; word-spacing: 0.03em; text-underline-offset: 4px;} ._320 section.register.step0 .centro form .buttons .boxTerms a:hover{} ._320 section.register.step0 .centro form .buttons .mensagemRetorno{margin: 3px 0 20px;} /*step 0 - btnAccount */ ._320 section.register.step0 .centro a.btnAccount:active, ._320 section.register.step0 .centro a.btnAccount:visited, ._320 section.register.step0 .centro a.btnAccount:link {font-size: 15px; text-decoration: underline; text-decoration-color: #e2e9ef; text-underline-offset: 4px; word-spacing: 0.03em; opacity: 0.9;} ._320 section.register.step0 .centro a.btnAccount:hover{}