/* Identidade Versus: somente apresentação, sem alterações de comportamento. */
:root { --paper: #f6f7fb; --ink: #222a39; --red: #d7192d; }
body {
 background-color: #f6f7fb;
 background-image: radial-gradient(ellipse at 95% 0%, #ed23391a 0, transparent 45%), radial-gradient(ellipse at 0% 45%, #c6d2e929 0, transparent 48%), linear-gradient(#8996ad08 1px, transparent 1px), linear-gradient(90deg, #8996ad08 1px, transparent 1px);
 background-size: 100% 1100px, 100% 1400px, 48px 48px, 48px 48px;
 background-repeat: no-repeat, no-repeat, repeat, repeat;
}
.site-header, .topbar, body > header { background: #fff; border-bottom: 1px solid #e4e7ef; }
.hero-art { background: #ffffffd9; border: 1px solid #e5e7ef; box-shadow: 0 24px 65px #26314412; }
.hero-art > img { transform: none; }
.value-strip { background: #252c3a; }
.login-brand { background: linear-gradient(145deg, #303747, #171c29); }
.login-graphic i { background: #a63749; }
.login-graphic i:nth-child(4) { background: #df455b; }
.login-graphic i:nth-child(5) { background: #ff9aaa; }
.login-brand p:not(.eyebrow), .login-brand small { color: #e6e8f0; }
@media(max-width: 600px) {
 .nav { flex-wrap: wrap; }
 .nav-links { gap: 14px; flex-wrap: wrap; }
}
@media print { body { background: #fff; } }
.workflow { background: #edf0f6; }
.closing { background: linear-gradient(120deg, #252c3a, #3e2635); }
.closing .light { background: #fff; color: #b5172b; }

/* Mostrar a imagem inteira, inclusive quando o rodapé limita sua largura. */
body img[src*="versus-logo.png"] { width: 300px; height: auto; aspect-ratio: 1945 / 805; object-fit: contain; display: block; max-width: 100%; border-radius: 0; }
body .footer img[src*="versus-logo.png"] { width: 240px; height: auto; }
@media(max-width:600px) { body img[src*="versus-logo.png"] { width: 210px; height: auto; } }

/* Rodapé institucional: estilos restritos ao próprio componente. */
.versus-footer { margin-top: 64px; background: #ffffffb8; border-top: 1px solid #e1e5ed; color: #303849; }
.versus-footer-grid { display:grid; grid-template-columns: 1.05fr 1.2fr 1.15fr 1fr; gap:36px; padding-top:42px; padding-bottom:38px; }
.versus-footer h2 { font-size:15px; font-weight:800; margin:16px 0; letter-spacing:0; line-height:1.4; }
.versus-footer p { font-size:13px; line-height:1.8; color:#626c7c; margin:0; }
.versus-footer-brand p { padding-left:8px; }
.versus-footer-social { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.versus-contact-pending { display:inline-flex; gap:7px; align-items:center; border:1px solid #e3e6ec; padding:8px 10px; border-radius:8px; color:#657083; font-size:12px; cursor:default; }
.versus-contact-pending svg { flex:none; }
.versus-footer .versus-footer-note { font-size:12px; }
.versus-footer-bottom { display:flex; justify-content:space-between; gap:18px; border-top:1px solid #e4e7ed; padding-top:20px; padding-bottom:24px; font-size:12px; color:#667080; }
.versus-footer-bottom a { color:#b5172b; text-decoration:none; }
@media(max-width:1000px) { .versus-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; } }
@media(max-width:600px) { .versus-footer-grid { grid-template-columns:1fr; gap:20px; } .versus-footer-bottom { flex-direction:column; } }