/* Diploma Virtual: complementos do tema (27/10/2026) */
.marca-diploma { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; padding: 10px 0; margin-right: 24px; }
.marca-icone { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: linear-gradient(135deg, var(--cyan), var(--primary)); color: var(--navy-900); font-size: 20px; box-shadow: 0 8px 20px -6px rgba(25, 200, 238, .6); }
.marca-texto { display: flex; flex-direction: column; line-height: 1.1; }
.marca-texto strong { font-size: 1.2rem; font-weight: 800; color: #FFFFFF; letter-spacing: -.01em; }
.marca-texto small { margin-top: 3px; font-size: 11.5px; letter-spacing: .04em; color: var(--cyan); font-weight: 600; }
.marca-diploma:hover .marca-texto strong { color: var(--cyan); }
.marca-rodape { margin-right: 0; padding: 0; }

.caixa-icone { width: 60px; height: 60px; }
.armadilha { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.secao-estreita { max-width: 700px; }
.hero-resumo { max-width: 760px; }
.fundo-suave { background: #F1F8FD; }
#form_status:empty { display: none; }
#form_status { padding: 10px 14px; border-radius: 10px; background: rgba(255, 255, 255, .14); }

.rodape-duas { column-count: 1; column-gap: 24px; }
@media (min-width: 576px) { .rodape-duas { column-count: 2; } }
.rodape-duas li { break-inside: avoid; }

/* Ilustração do diploma */
.diploma-mock { position: relative; max-width: 440px; margin: 0 auto; padding: 30px 30px 24px; color: var(--navy-900); text-align: center; background: linear-gradient(160deg, #FFFFFF 0%, #F3FAFF 100%); border-radius: 18px; box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .25); }
.diploma-mock::before { content: ""; position: absolute; inset: 10px; border: 2px solid rgba(8, 121, 171, .25); border-radius: 12px; pointer-events: none; }
@media (min-width: 992px) { .diploma-mock { transform: perspective(1600px) rotateY(-7deg) rotateX(2deg); } }
.dm-topo { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--primary); }
.dm-topo i { font-size: 20px; }
.dm-titulo { margin: 14px 0 8px; font-size: 1.9rem; font-weight: 800; letter-spacing: -.02em; }
.dm-texto { margin: 0 auto 18px; max-width: 320px; font-size: 13.5px; line-height: 1.55; color: var(--suave); }
.dm-linha { display: flex; flex-direction: column; gap: 2px; margin: 0 auto 20px; padding: 10px 0; max-width: 300px; border-top: 1px solid var(--borda); border-bottom: 1px solid var(--borda); }
.dm-linha span { font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--suave); }
.dm-linha strong { font-size: 1.05rem; }
.dm-rodape { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 0 6px; }
.dm-assinatura { text-align: left; }
.dm-traco { display: block; width: 120px; height: 34px; margin-bottom: 4px; border-bottom: 2px solid var(--navy-900); border-radius: 0 0 40% 60%; background: radial-gradient(ellipse at 30% 70%, rgba(7, 26, 58, .55) 0 2px, transparent 3px), linear-gradient(100deg, transparent 8%, rgba(7, 26, 58, .5) 9% 11%, transparent 12% 28%, rgba(7, 26, 58, .5) 29% 31%, transparent 32%); }
.dm-assinatura small, .dm-qr small { display: block; font-size: 11px; line-height: 1.3; color: var(--suave); }
.dm-qr { text-align: center; }
.dm-qr i { display: block; font-size: 52px; line-height: 1; color: var(--navy-900); margin-bottom: 4px; }

/* Passos */
.passos-diploma { list-style: none; counter-reset: passo; margin: 0; padding: 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.passos-diploma li { position: relative; counter-increment: passo; padding: 24px 22px 22px 78px; background: #FFFFFF; border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: 0 2px 10px rgba(7, 26, 58, .04); }
.passos-diploma li::before { content: counter(passo); position: absolute; left: 22px; top: 22px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-weight: 800; color: #FFFFFF; background: linear-gradient(135deg, var(--navy-800), var(--primary)); }
.passos-diploma strong { display: block; margin-bottom: 4px; color: var(--navy-900); font-size: 1.05rem; }
.passos-diploma span { display: block; font-size: 14.5px; color: var(--suave); line-height: 1.5; }

.caixa-opcao { padding: 32px; background: #FFFFFF; border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: 0 2px 10px rgba(7, 26, 58, .04); }

/* Faixa que liga ao Siga Virtual */
.faixa-siga { padding: 56px 0; color: rgba(255, 255, 255, .88); background: radial-gradient(700px 300px at 100% 0%, rgba(25, 200, 238, .22), transparent 60%), linear-gradient(135deg, #061429 0%, #0b2a5b 100%); }
.faixa-siga h2 { color: #FFFFFF; }
.faixa-siga a { color: var(--cyan); }
.faixa-eyebrow { font-size: 13px; letter-spacing: .14em; color: var(--cyan) !important; }
.faixa-links li { margin-bottom: 10px; }
.faixa-links a { display: flex; align-items: center; gap: 14px; padding: 12px 16px; font-weight: 700; text-decoration: none; color: #FFFFFF; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; transition: background-color .2s, border-color .2s, transform .2s; }
.faixa-links a:hover { background: rgba(25, 200, 238, .12); border-color: rgba(25, 200, 238, .5); transform: translateX(3px); }
.faixa-links i { color: var(--cyan); width: 20px; text-align: center; }
.hero-visual .selo-b { top: -14px; right: 4px; }
@media (max-width: 575.98px) { .hero-visual .selo-b { top: -14px; bottom: auto; right: 0; } }