/* =====================================================
   BER SEGURO-DESEMPREGO — ESTILOS ESPECÍFICOS
===================================================== */

.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;
}

/* DESTAQUE */
.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;
}

/* GRID */
.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;
}

/* TABELA */
.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;
}

/* ELEGIBILIDADE */
.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; }

/* COMO SOLICITAR */
.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;
}

/* RESPONSIVO */
@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; }
}