.ber-sd-bloco {
background: #f8fafc;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
border-left: 4px solid #1e73be;
}
.ber-sd-bloco-title {
font-size: 15px;
font-weight: 700;
color: #0f172a;
margin-bottom: 16px;
}
.ber-sd-bloco small {
display: block;
font-size: 11px;
color: #94a3b8;
margin-top: 4px;
}
.ber-sd-info-box {
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 8px;
padding: 14px 16px;
font-size: 13px;
color: #1e40af;
line-height: 1.6;
} .ber-sd-destaque {
background: linear-gradient(135deg, #0f172a, #1e3a5f);
border-radius: 16px;
padding: 32px;
text-align: center;
color: #fff;
}
.ber-sd-destaque-label {
font-size: 13px;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 8px;
}
.ber-sd-destaque-valor {
font-size: 48px;
font-weight: 900;
color: #38bdf8;
line-height: 1;
margin-bottom: 8px;
}
.ber-sd-destaque-sub {
font-size: 16px;
color: #cbd5e1;
} .ber-sd-info-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.ber-sd-info-item {
background: #f8fafc;
border-radius: 10px;
padding: 12px 14px;
border-left: 3px solid #1e73be;
}
.ber-sd-info-item span {
display: block;
font-size: 11px;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 4px;
}
.ber-sd-info-item strong {
font-size: 14px;
color: #0f172a;
font-weight: 700;
} .ber-sd-tabela th {
background: #1e73be;
color: #fff;
font-size: 13px;
padding: 10px;
}
.ber-sd-tabela td {
font-size: 14px;
padding: 10px;
}
.ber-sd-subtotal td {
background: #eaf3ff;
font-size: 15px;
border-top: 2px solid #1e73be;
} .ber-sd-req {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 14px;
border-radius: 8px;
margin-bottom: 8px;
font-size: 14px;
line-height: 1.5;
}
.ber-sd-req-icon {
font-size: 16px;
flex-shrink: 0;
margin-top: 1px;
}
.ber-sd-req-ok   { background: #f0fdf4; color: #166534; }
.ber-sd-req-nok  { background: #fef2f2; color: #991b1b; }
.ber-sd-req-info { background: #eff6ff; color: #1e40af; } .ber-sd-como { background: #f8fafc; }
.ber-sd-passos {
display: flex;
flex-direction: column;
gap: 14px;
}
.ber-sd-passo {
display: flex;
align-items: flex-start;
gap: 14px;
font-size: 14px;
line-height: 1.6;
color: #334155;
}
.ber-sd-passo a {
color: #1e73be;
text-decoration: underline;
}
.ber-sd-passo a:hover {
color: #1558a0;
}
.ber-sd-passo-num {
background: #1e73be;
color: #fff;
font-weight: 800;
font-size: 14px;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} @media (max-width: 768px) {
.ber-sd-info-grid { grid-template-columns: repeat(2, 1fr); }
.ber-sd-destaque-valor { font-size: 36px; }
}
@media (max-width: 480px) {
.ber-sd-info-grid { grid-template-columns: 1fr 1fr; }
.ber-sd-destaque { padding: 24px 16px; }
}