.mk-fin-card{
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:16px;
  margin:18px 0;
  background:#fff;
}

/* =========================
   ACORDEÓN (NUEVO)
   ========================= */

/* El título ahora es un botón clickeable */
.mk-fin-title.mk-fin-acc-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;

  /* mantenemos tu tipografía */
  font-size:18px;
  font-weight:700;

  /* reemplaza tu margin-bottom (para que no deje espacio cuando está cerrado) */
  margin:0;

  /* look de header */
  padding:10px 12px;
  border-radius:12px;
  background:#f8f8f8;

  border:1px solid #ededed;
  cursor:pointer;

  /* reset botón */
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
}

/* Hover suave */
.mk-fin-title.mk-fin-acc-toggle:hover{
  background:#f4f4f4;
}

/* Icono + / – */
.mk-fin-acc-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #e6e6e6;
  flex:0 0 auto;
}

.mk-fin-acc-icon::before{
  content:"+";
  font-size:18px;
  line-height:1;
  font-weight:800;
  opacity:.9;
}

.mk-fin-title.is-open .mk-fin-acc-icon::before{
  content:"–";
}

/* Cuerpo del acordeón */
.mk-fin-body{
  margin-top:12px;
}

/* Cuando está cerrado con [hidden], evitamos espacios */
.mk-fin-body[hidden]{
  display:none !important;
}

/* =========================
   ESTILOS EXISTENTES
   ========================= */

.mk-fin-row{ margin:10px 0; }
.mk-fin-row label{ display:block; font-size:13px; opacity:.9; margin-bottom:6px; }
.mk-fin-row input, .mk-fin-row select{
  width:100%;
  padding:5px;
  border:1px solid #d8d8d8;
  border-radius:10px;
}
.mk-fin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media(max-width:600px){
  .mk-fin-grid{ grid-template-columns:1fr; }
}
.mk-fin-actions{
  margin-top:12px;
}
.mk-fin-actions .button{
  width:100%;
  padding:12px;
  border-radius:10px;
  font-weight:700;
}
.mk-fin-result{
  margin-top:14px;
  padding-top:14px;
  border-top:1px dashed #ddd;
}
.mk-fin-result-main{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media(max-width:600px){
  .mk-fin-result-main{ grid-template-columns:1fr; }
}
.mk-fin-kpi{
  background:#f8f8f8;
  border-radius:12px;
  padding:12px;
}
.mk-fin-kpi-label{
  font-size:12px;
  opacity:.8;
  margin-bottom:4px;
}
.mk-fin-kpi-value{
  font-size:18px;
  font-weight:800;
}
.mk-fin-result-secondary{
  margin-top:10px;
}
.mk-fin-pill{
  display:inline-block;
  margin:4px 6px 0 0;
  padding:6px 10px;
  border-radius:999px;
  background:#f1f1f1;
  font-size:12px;
}
.mk-fin-disclaimer{
  margin-top:10px;
  font-size:12px;
  opacity:.85;
  white-space:pre-line;
}
.mk-fin-note{
  margin-top:10px;
  font-size:12px;
  opacity:.8;
}
