.elementor-2149 .elementor-element.elementor-element-74d8c85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2149 .elementor-element.elementor-element-9449909{--display:flex;}/* Start custom CSS for container, class: .elementor-element-9449909 *//* ================================
FINANCEIRO PORTAL IBRATEP
================================ */

.ib-financeiro{
background:#2A3B4C;
padding:25px;
border-radius:14px;
color:#F9FAFB;
font-family:Arial, Helvetica, sans-serif;
}

/* TÍTULO */

.ib-financeiro h2{
font-size:22px;
font-weight:600;
margin-bottom:18px;
color:#F9FAFB;
}

/* TABELA */

.ib-financeiro table{
width:100%;
border-collapse:separate;
border-spacing:0;
background:#1f2d3a;
border-radius:12px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.08);
}

/* CABEÇALHO */

.ib-financeiro thead th{
background:#1f2d3a;
color:#C5A365;
padding:15px;
text-align:left;
font-size:12px;
letter-spacing:.05em;
text-transform:uppercase;
border-bottom:1px solid rgba(255,255,255,0.08);
}

/* LINHAS */

.ib-financeiro tbody tr{
transition:.2s;
}

.ib-financeiro tbody tr:nth-child(even){
background:rgba(255,255,255,0.02);
}

.ib-financeiro tbody tr:hover{
background:rgba(197,163,101,0.12);
}

/* CÉLULAS */

.ib-financeiro td{
padding:15px;
font-size:14px;
border-bottom:1px solid rgba(255,255,255,0.06);
color:#F9FAFB;
}

/* VALOR */

.ib-financeiro td:nth-child(3){
font-weight:700;
}

/* STATUS BADGE */

.ib-financeiro .status{
padding:6px 12px;
border-radius:30px;
font-size:12px;
font-weight:700;
display:inline-block;
}

/* PAGO */

.ib-financeiro .pago{
background:#14532d;
color:#4ade80;
}

/* PENDENTE */

.ib-financeiro .pendente{
background:#78350f;
color:#fbbf24;
}

/* ATRASADO */

.ib-financeiro .atrasado{
background:#7f1d1d;
color:#f87171;
}

/* BOTÃO PAGAR */

.ib-financeiro a{
background:#C5A365;
color:#2A3B4C;
padding:8px 14px;
border-radius:8px;
font-size:13px;
font-weight:700;
text-decoration:none;
display:inline-block;
transition:.2s;
}

.ib-financeiro a:hover{
opacity:.9;
transform:scale(1.05);
}

/* RESPONSIVO */

@media(max-width:900px){

.ib-financeiro table{
display:block;
overflow-x:auto;
white-space:nowrap;
}

.ib-financeiro td,
.ib-financeiro th{
padding:12px;
}

}/* End custom CSS */