/* Estilo Confirma (painel.confirma-horario.com): as cores do site de apresentacao confirma-horario.com.
   Vale no login e no cadastro; o painel usa sempre o tema do Original (decisao do Alexandre, 29/10/2026). */
.estilo-confirma {
	--tinta: #1A1A1A;
	--tinta-suave: #5B524A;
	--acento: #C46A4A;
	--acento-forte: #A9553A;
	--sobre-acento: #FFFFFF;
	--acento-claro: #F6E3D6;
	--papel: #FFFFFF;
	--giz: #FBF8F3;
	--nevoa: #F4EEE6;
	--linha: #E4D7C6;
	--escuro: #1A1A1A;
	--sobre-escuro: #FFFFFF;
	--fonte-titulo: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
	--fonte-texto: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif;
	--raio-botao: 12px;
}
.estilo-confirma :focus-visible { outline: 3px solid var(--acento); outline-offset: 3px; }

/* home (nao usada: a home leva para /entrar) */
.cf-home { min-height: 100dvh; display: grid; place-content: center; gap: 1.5rem; text-align: center; padding: 2rem; background: var(--giz); color: var(--tinta); font-family: var(--fonte-texto); }
.cf-home h1 { font-family: var(--fonte-titulo); font-size: clamp(2rem, 6vw, 3.5rem); letter-spacing: -.03em; max-width: 16ch; margin-inline: auto; }
.cf-home p { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }

/* entrar e cadastrar */
.acesso.estilo-confirma { background: var(--giz); color: var(--tinta); font-family: var(--fonte-texto); }
.acesso.estilo-confirma .acesso-lado { background: var(--nevoa); color: var(--tinta); border-right: 1px solid var(--linha); }
.acesso.estilo-confirma .acesso-lado h1 { font-family: var(--fonte-titulo); color: var(--tinta); letter-spacing: -.03em; font-weight: 800; }
.acesso.estilo-confirma .acesso-lado p { color: var(--tinta-suave); }
.acesso.estilo-confirma .acesso-lista li::before { border-radius: 4px; background: var(--acento); }
.acesso.estilo-confirma .marca-clara { color: var(--tinta); font-family: var(--fonte-titulo); font-weight: 800; }
.acesso.estilo-confirma .marca-quadrado { background: url("favicon.svg") center / contain no-repeat; border-radius: 8px; }
.acesso.estilo-confirma .marca-clara b { font-weight: inherit; }
.acesso.estilo-confirma .acesso-form h2 { font-family: var(--fonte-titulo); letter-spacing: -.02em; }
.acesso.estilo-confirma .botao-acento { background: var(--tinta); color: #FFFFFF; border-radius: 12px; }
.acesso.estilo-confirma .botao-acento:hover { background: var(--acento-forte); }
.acesso.estilo-confirma .campo input,
.acesso.estilo-confirma .campo select { border-radius: 12px; background: #FFFFFF; border-color: var(--linha); }
.acesso.estilo-confirma .campo input:focus,
.acesso.estilo-confirma .campo select:focus { border-color: var(--tinta); }
.acesso.estilo-confirma .campo select { font: inherit; width: 100%; min-height: 3rem; padding: 0 .875rem; border: 1px solid var(--linha); color: var(--tinta); }
.acesso.estilo-confirma .caixa { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: 0 .875rem; border: 1px solid var(--linha); border-radius: 12px; background: #FFFFFF; font-weight: 600; cursor: pointer; }
.acesso.estilo-confirma .caixa:has(input:checked) { border-color: var(--tinta); }
.acesso.estilo-confirma .acesso-rodape a { color: var(--acento-forte); }
.acesso.estilo-confirma .acesso-texto { color: var(--tinta-suave); }
@media (width < 52rem) {
	.acesso.estilo-confirma .acesso-lado { border-right: 0; border-bottom: 1px solid var(--linha); }
}