/* CSS EXCLUSIVO DA PAGINA carrinho_cadastro.php - nao mexer no carrinho_finalizar.css pois ele e compartilhado com outras etapas do checkout */

/* estrutura para o rodape ficar fixo no fim da tela, igual ao login.php */
.carrinho.cadastroUsuario {flex-direction: column;padding: 58px 0 0 0;border-top: none;}

/* BACKGROUND DE FUNDO - o carrinho_finalizar.css tem um ::before generico (section.cadastroUsuario)
apontando pra uma imagem/posicionamento errado (fundoLogin2.avif, contain, colado no rodape).
Sobrescrevendo aqui com a mesma imagem/comportamento usado no login.php (cover, tela toda). */
.carrinho.cadastroUsuario::before {position: absolute;content: '';width: 1920px;height: 100%;background: url(../img/fundoCadastroLogin.avif) no-repeat;background-size: cover;right: 0;top: 0;bottom: auto;z-index: -1;}

/* ESTRUTURA GERAL (centro/pedidoInfos/topo/h4) - igual ao login.php. O carrinho_finalizar.css tinha
valores antigos/incompletos nesses seletores (centro em block em vez de flex, pedidoInfos mais largo,
topo sem largura/borda pra caber os 2 logos, h4 com peso/tamanho diferente do login) */
.carrinho.cadastroUsuario .centro {display: flex;max-width: 520px;width: 100%;margin: 0;padding: 0 20px;gap: 0;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 30px;}
.carrinho.cadastroUsuario .centro .pedidoInfos {max-width: 472px;min-width: 0;min-height: 0;display: block;background: #FFF;padding: 38px 28px 52px;}
.carrinho.cadastroUsuario .centro .pedidoInfos .topo {text-align: center;width: 100%;max-width: none;margin: 0 auto;border-bottom: solid 1px #E6E6E6;padding-bottom: 20px;}
.carrinho.cadastroUsuario .centro .pedidoInfos .topo h1 {max-width: 180px;margin: 0 auto;}
.carrinho.cadastroUsuario .centro .pedidoInfos .topo h1 a {max-width: 180px;margin: 0 auto;gap: 18px;}
.carrinho.cadastroUsuario .centro .pedidoInfos .topo h1 a figure {max-width: 73px;width: 100%;}
.carrinho.cadastroUsuario .centro .pedidoInfos .topo h1 a figure.logoTemporal {max-width: 89px;width: 100%;}
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro h4 {font: 700 32px/28px "Crimson Pro", serif;letter-spacing: -0.02em;text-align: center;color: #231F20;text-transform: lowercase;margin-bottom: 2px;}

/* LABELS + CAMPO OBRIGATORIO (*) */
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box label { font: 700 14px/20px 'Montserrat', sans-serif; letter-spacing: -0.01em; color: #231F20; width: 100%; display: flex; margin-bottom: 6px; }
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box label b {color: #9B9798;font-weight: 700;margin-left: 2px;}

/* CAMPOS DE SENHA - olho de mostrar/ocultar senha */
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box:has(input[name="senha"]),
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box:has(input[name="confirmarSenha"]) { position: relative; }

.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box .mostrarSenha {display: flex;position: absolute;width: 30px;height: 40px;right: 9px;cursor: pointer;top: 28px;align-items: center;justify-content: flex-start;}
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box .mostrarSenha::before { content: ''; display: block; width: 24px; height: 24px; background-size: contain; user-select: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg fill='%23231f20' opacity='.8'%3E%3Cpath fill-rule='evenodd' d='M1.293 1.293a1 1 0 0 1 1.414 0l20 20a1 1 0 0 1-1.414 1.414l-3.98-3.98a11.75 11.75 0 0 1-9.037.667 11.75 11.75 0 0 1-7.14-6.665l-.012-.034a2 2 0 0 1 0-1.391l.013-.034a11.75 11.75 0 0 1 3.806-4.913l-3.65-3.65a1 1 0 0 1 0-1.414m5.08 6.494A9.75 9.75 0 0 0 3 11.999a9.75 9.75 0 0 0 5.91 5.498 9.75 9.75 0 0 0 4.123.447 9.8 9.8 0 0 0 2.775-.722l-1.778-1.778a4 4 0 0 1-2.065.556 4 4 0 0 1-3.411-6.032zm3.695 3.695A2 2 0 0 0 11.982 14q.274 0 .534-.07z' clip-rule='evenodd' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M10.615 4.083a11.745 11.745 0 0 1 12.056 6.746l.192.44.013.034a2 2 0 0 1-.013 1.424c-.401.974-.933 1.89-1.579 2.722a1 1 0 1 1-1.58-1.226A9.8 9.8 0 0 0 21 11.999a9.744 9.744 0 0 0-10.147-5.93 1 1 0 0 1-.237-1.985' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat; transition: all 0.3s ease; }
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box .mostrarSenha.ativo::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg fill='%23231f20' fill-rule='evenodd' clip-rule='evenodd' opacity='.8'%3E%3Cpath d='M12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3Cpath d='M12 4a11.75 11.75 0 0 1 10.689 6.87l.173.401.013.033a2 2 0 0 1 0 1.392l-.013.033A11.75 11.75 0 0 1 12.001 20a11.75 11.75 0 0 1-10.863-7.271q-.008-.016-.013-.033a2 2 0 0 1 0-1.392l.013-.033A11.75 11.75 0 0 1 12 4m0 2a9.75 9.75 0 0 0-9 6 9.75 9.75 0 0 0 9 6 9.75 9.75 0 0 0 8.998-6 9.75 9.75 0 0 0-8.997-6' style='fill:%23231f20;fill:color(display-p3 .1373 .1216 .1255);fill-opacity:1'/%3E%3C/g%3E%3C/svg%3E") no-repeat; }

/* BOTAO/RETORNO DO FORMULARIO - o carrinho_finalizar.css deixou esses seletores vazios,
entao sem isso o botao herda o layout do checkout (flex lado a lado, mensagem uppercase vermelha, largura 225px) */
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .botoesAcao {display: block;}
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .botoesAcao p.enviando {max-width: 100%;text-align: center;margin-top: 12px;font: 700 16px / 16px 'Montserrat', sans-serif;letter-spacing: -0.01em;text-transform: lowercase;}
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .botoesAcao .retornoAjax {width: 100%;text-align: center;margin-top: 12px;}

/* TERMOS DE USO / POLITICA DE PRIVACIDADE */
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form p.termosCadastro {margin-top: 16px;text-align: center;font: 500 12px/16px 'Montserrat', sans-serif;letter-spacing: -0.01em;color: #524F4F;font-style: italic;}
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form p.termosCadastro a:link,
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form p.termosCadastro a:visited,
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form p.termosCadastro a:active {color: #231F20;text-decoration: underline;text-decoration-color: #231F2040;text-underline-offset: 2px;transition: text-decoration-color .3s ease;}
.carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form p.termosCadastro a:hover { text-decoration-color: #231F20; }

/* LINK "JA TEM CONTA? FACA SEU LOGIN" COM SETA - mesma cor/sublinhado do login.php, faltava no cadastro.css */
.carrinho.cadastroUsuario .centro p.linkCadastro {margin-top: 28px;text-align: center;font: 400 14px/20px 'Montserrat', sans-serif;color: #231F2080;text-transform: lowercase;margin-top: 28px;display: flex;gap: 16px;}
.carrinho.cadastroUsuario .centro p.linkCadastro a { display: flex; gap: 8px; align-items: center; justify-content: center; color: #231F20; text-decoration: underline; text-decoration-color: #231F2040; text-underline-offset: 2px; transition: text-decoration-color .3s ease; }
.carrinho.cadastroUsuario .centro p.linkCadastro a:hover { text-decoration-color: #231F20; }
.carrinho.cadastroUsuario .centro p.linkCadastro a b { font-weight: 600; }
.carrinho.cadastroUsuario .centro p.linkCadastro a svg { width: 14px; height: 10px; color: #231F20; opacity: 0.32; transition: all ease 0.5s; }
.carrinho.cadastroUsuario .centro p.linkCadastro a:hover svg { opacity: 1; }
.carrinho.cadastroUsuario .centro p.linkCadastro a svg path { transition: all ease 0.5s; }
.carrinho.cadastroUsuario .centro p.linkCadastro a:hover svg path { opacity: 1; }


/* RODAPE (mesmo componente do login.php) */
.carrinho.cadastroUsuario .rodape {padding: 15px 20px;margin-top: auto;position: relative;width: calc(100% + 40px);margin-left: -20px;margin-right: -20px;background: #DBDADA;padding: 15px 20px;margin-top: auto;position: relative;width: 100%;background: #DBDADA;}
.carrinho.cadastroUsuario .rodape .wrapperRodape { max-width: 1088px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.carrinho.cadastroUsuario .rodape span { font: 500 12px/19px 'Montserrat', sans-serif; color: #8E8B8B; display: flex; align-items: center; gap: 8px; text-transform: capitalize; }
.carrinho.cadastroUsuario .rodape nav { display: flex; align-items: center; gap: 28px; }
.carrinho.cadastroUsuario .rodape nav p { font: 500 12px/19px 'Montserrat', sans-serif; letter-spacing: -0.02em; color: #8E8B8B; margin: 0; }
.carrinho.cadastroUsuario .rodape nav a { font: 700 12px/19px 'Montserrat', sans-serif; color: #231F20; position: relative; letter-spacing: -0.02em; transition: all ease 0.5s; text-decoration: underline; text-decoration-color: #231F2040; }
.carrinho.cadastroUsuario .rodape nav a:first-of-type::after { content: ''; display: block; position: absolute; width: 1px; height: 12px; background: #E5E5E5; right: -15px; top: 50%; transform: translateY(-50%); }
.carrinho.cadastroUsuario .rodape nav a:hover { color: #000; opacity: 1; text-decoration-color: #000; }
.carrinho.cadastroUsuario .rodape nav a b { font-weight: 500; color: #111111; }



/* MOBILE */
._320 .carrinho.cadastroUsuario .centro { padding-bottom: 40px; }

._320 .carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box label { }
._320 .carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box label b { }

._320 .carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box .mostrarSenha { }
._320 .carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box .mostrarSenha::before { }
._320 .carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form .box .mostrarSenha.ativo::before { }

._320 .carrinho.cadastroUsuario .centro .pedidoInfos .etapa.cadastroEtapa .boxEtapas .box.infoCadastro .cadastroInfos form p.termosCadastro { }

._320 .carrinho.cadastroUsuario .centro p.linkCadastro { margin-top: 20px; }

._320 .carrinho.cadastroUsuario .rodape { padding: 15px 20px; }
._320 .carrinho.cadastroUsuario .rodape .wrapperRodape { flex-direction: column-reverse; gap: 14px; }
._320 .carrinho.cadastroUsuario .rodape span { text-align: center; }
._320 .carrinho.cadastroUsuario .rodape nav { flex-wrap: wrap; gap: 10px; justify-content: center; }
._320 .carrinho.cadastroUsuario .rodape nav > p{display: none}
._320 .carrinho.cadastroUsuario .rodape nav a b { width: 100%; display: block; max-width: fit-content; }