/* ======================================================
   CALCULADORA DE SALÁRIO LÍQUIDO
   ====================================================== */

/* Resumo */
.salario-resumo{overflow:hidden;}
.salario-resumo-header{padding:0 0 20px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.salario-resumo-header h3{margin:0;color:#ffffff;font-size:22px;font-weight:700;}

/* Seções */
.salario-secao{padding:20px 0;}
.salario-secao + .salario-secao{border-top:1px solid rgba(255,255,255,.08);}
.salario-secao h4{margin:0 0 18px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#33D69F;}

/* Linhas */
.salario-linha{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;}
.salario-linha:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.06);}
.salario-linha span{color:#BFCAD8;}
.salario-linha strong{color:#FFFFFF;font-weight:700;}

/* Cards de resultado */
.salario-card{margin:24px 0;padding:22px;border-radius:12px;text-align:center;}
.salario-card span{display:block;margin-bottom:8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;opacity:.85;}
.salario-card strong{display:block;font-size:34px;font-weight:700;}

/* Salário bruto */
.salario-card.bruto{background:#1C3553;border:1px solid #2E5D93;}
.salario-card.bruto span{color:#A9D2FF;}
.salario-card.bruto strong{color:#FFFFFF;}

/* Salário líquido */
.salario-card.liquido{background:#123C31;border:1px solid #1FBF84;}
.salario-card.liquido span{color:#9EF5D3;}
.salario-card.liquido strong{color:#FFFFFF;font-size:38px;}

/* Total de descontos */
.salario-card.descontos{background:#263447;border:1px solid #40536B;}
.salario-card.descontos span{color:#BFCAD8;}
.salario-card.descontos strong{color:#FFFFFF;}

/* Observação */
.salario-observacao{padding:0 0 5px 0;color:#9FB0C2;font-size:13px;line-height:1.6;}

/* Informação de cálculo */
.salario-info{margin-top:18px;padding:14px 16px;border-radius:10px;background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.20);color:#BFCAD8;font-size:13px;line-height:1.6;}

/* Mobile */
@media(max-width:768px){
    .salario-resumo-header{padding:0 0 18px 0;}
    .salario-secao{padding:18px 0;}
    .salario-card{margin:18px 0;}
    .salario-card strong{font-size:28px;}
    .salario-card.liquido strong{font-size:30px;}
}