.mpacf-load-more {
   margin-top: 20px;
   cursor: pointer;
   border: none;
   font-family: "Pressio", sans-serif;
   font-weight: 500;
   font-size: 14.88px;
   text-transform: uppercase;
   text-decoration: underline;
   color: #2C290A;
   background: transparent;
}


/* .mpacf-documentos-lista{
   width: 100%;
} */

.mpacf-item{
   display: flex;
   justify-content: space-between;
   width: 100%;
}


/* Wrap geral */
.mpacf-item-inner,
.mpacf-norma-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    width: 100%;
}

.mpacf-item-inner{
    border-bottom: 1px solid #2C290A !important;
}

.mpacf-norma-trigger .mpacf-item-left {
    text-align: left;
}

/* Nome do documento */
.mpacf-item-left {
    flex: 1;
}


.mpacf-titulo{
   margin-bottom: 28px;
   font-family: var(--e-global-typography-e2f5c3a-font-family), Sans-serif;
}

.mpacf-norma-trigger {
  background: none;
  border: none
}
.mpacf-item-nome,
.mpacf-norma-trigger {
    font-weight: 500;
    color: #2C290A!important;
    font-size: 20px;
    text-decoration: none;
font-family: var(--e-global-typography-e2f5c3a-font-family), Sans-serif;
}

/* Div da direita: data + botão */
.mpacf-item-right {
    display: flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
}
/* Data */
.mpacf-item-data {
    color: #2C290A;
    font-size: 14px;
   font-family: 'Red Hat Display', sans-serif;
   font-weight: 500;
}
/* Botão */
.mpacf-item-botao {
   background:none;
   text-decoration: none;
   font-size: 14px;
   margin-left: 15.625vw;
   width: 40px;
   height: 40px;
   border-width: 1px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #2C290A;
   cursor: pointer
}
.mpacf-item-botao:hover {
    background: #BA94F2;
}



.mpacf-escondido {
    display: none;
}




/* Modal base */
.mpacf-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  font-family: inherit;
}

.mpacf-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}

.mpacf-modal-panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(320px, 90%, 900px);
  max-height: 85vh;
  overflow: auto;
  background: #fff;
  padding: 60px 110px;
  box-sizing: border-box;
}

.mpacf-modal-close {
  position: absolute;
  right: 14px;
  top: 10px;
  background: transparent;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

/* dentro do modal, manter o layout do item */
.mpacf-modal-content .mpacf-item-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #2C290A;
}

/* botão de anos */
.mpacf-balancetes-years {
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-bottom: 14px;
}

.mpacf-open-year {
  background: transparent;
  border: 1px solid #2C290A;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  color: #2C290A;
}

/* mantém o estilo do botão carregar mais igual ao seu */
.mpacf-load-more {
   margin-top: 20px;
   cursor: pointer;
   border: none;
   font-family: "Pressio", sans-serif;
   font-weight: 500;
   font-size: 14.88px;
   text-transform: uppercase;
   text-decoration: underline;
   color: #2C290A;
   background: transparent;
}

/* #mpacf-open-balancetes {
    cursor: pointer;
} */


/* Modal base (mesmo comportamento do seu modelo) */


/*
.mpacf-modal-panel {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: clamp(320px, 90%, 900px);
max-height: 85vh;
overflow: auto;
background: #fff;
border-radius: 8px;
padding: 20px;
box-sizing: border-box;
}
*/

.mpacf-modal-close {
position: absolute;
right: 14px;
top: 10px;
background: transparent;
border: none;
font-size: 22px;
cursor: pointer;
}


/* dentro do modal, manter o layout do item */
.mpacf-modal-content .mpacf-item-inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
}


/* botão de anos */
.mpacf-balancetes-years {
display:flex;
gap: 10px;
flex-wrap:wrap;
margin-bottom: 14px;
}


.mpacf-open-year {
background: transparent;
border: 1px solid #2C290A;
padding: 8px 12px;
border-radius: 6px;
cursor: pointer;
color: #2C290A;
}


/* mantém o estilo do botão carregar mais igual ao seu */
.mpacf-load-more {
margin-top: 20px;
cursor: pointer;
border: none;
font-family: "Pressio", sans-serif;
font-weight: 500;
font-size: 14.88px;
text-transform: uppercase;
text-decoration: underline;
color: #2C290A;
background: transparent;
}


/* estilos dos itens (nome, data, botão) */
.mpacf-item-inner { display:flex; justify-content:space-between; align-items:center; }
.mpacf-item-left { flex:1; }
.mpacf-item-nome { text-decoration:none; color:#2C290A; }
.mpacf-item-right { display:flex; gap:12px; align-items:center; }
.mpacf-item-data { font-size:0.9rem; color:#555; }
.mpacf-item-botao { text-decoration:none; }


/* escondido por default (usado pelo botão carregar mais) */
.mpacf-escondido { display:none; }


/* quando o modal está aberto, prevenir scroll do body */
body.mpacf-modal-open { overflow: hidden; }


/* ---- accordion de anos dentro do modal ---- */

.mpacf-year-accordion {
    border-top: 1px solid #2C290A;
}

.mpacf-year-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px 0;
    background: none;
    border: none;
    cursor: pointer;
        font-family: "Pressio", Sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #2C290A;
    text-align: left;
    font-size: 2rem;
}

/* seta indicadora */
.mpacf-year-title::after {
    content: url('https://baseexchange.agenciatitanio.com.br/wp-content/uploads/2026/03/arrow-righjt.svg');
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.mpacf-year-title--open::after {
    content: url('https://baseexchange.agenciatitanio.com.br/wp-content/uploads/2026/03/arrow-down.svg');
}

.mpacf-norma-data {
	font-size: 0.9rem
}

/* conteúdo oculto por padrão via hidden attribute */
.mpacf-year-content {
    padding: 30px 0 50px
}