/* Bankitos CSS (resumen, incluye estados de error y botones) */
:root {
  --bankitos-primary: #c7f000;
  --bankitos-primary-hover: #b0d600;
  --bankitos-primary-active: #9fbe00;
  --bankitos-primary-text: #0f172a;
}

.bankitos-form input, .bankitos-form select, .bankitos-form textarea,
.bankitos-login-wrap input,.bankitos-register-wrap input{
  display:block;width:100%;margin:.45rem 0 1rem;padding:.9rem 1rem;border-radius:12px;border:1px solid #D0D7DE;background:var(--bco-gris);
}
.bankitos-form input:focus,.bankitos-form select:focus,.bankitos-form textarea:focus{border-color:var(--bco-azul);background:var(--bco-azul-claro);box-shadow:0 0 0 4px rgba(0,115,179,.14);outline:none;}
.bankitos-btn,.bankitos-panel .button{display:inline-block;width:100%;padding:1rem 1.1rem;border:none;border-radius:12px;background:var(--bankitos-primary,#c7f000);color:var(--bankitos-primary-text,#0f172a);font-weight:800;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.12);transition:background .18s,color .18s,box-shadow .18s}
.bankitos-btn:hover,.bankitos-panel .button:hover{background:var(--bankitos-primary-hover,#b0d600);color:var(--bankitos-primary-text,#0f172a);box-shadow:0 6px 18px rgba(15,23,42,.18);}
.bankitos-btn:focus-visible,.bankitos-panel .button:focus-visible{outline:3px solid rgba(15,23,42,.3);outline-offset:2px;}
.bankitos-btn:active,.bankitos-panel .button:active{background:var(--bankitos-primary-active,#9fbe00);box-shadow:0 3px 10px rgba(15,23,42,.2);}
.bankitos-btn.is-disabled,.bankitos-form button[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(15%);}

.bankitos-panel-info{margin:1.5rem 0;padding:1.5rem;border-radius:20px;background:var(--bco-azul-claro);display:grid;gap:1.2rem;color:var(--bco-texto);}
.bankitos-panel-info__header{display:flex;align-items:center;gap:1rem;}
.bankitos-panel-info__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--bco-azul);color:var(--bco-blanco);font-size:1.6rem;box-shadow:0 4px 12px rgba(0,115,179,.25);}
.bankitos-panel-info__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--bco-azul);}
.bankitos-panel-info__subtitle{margin:.15rem 0 0 0;font-size:.95rem;color:rgba(15,23,42,.75);}
.bankitos-panel-info__grid{display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
.bankitos-panel-info__row{display:flex;flex-direction:column;padding-bottom:.35rem;border-bottom:1px solid rgba(0,115,179,.15);gap:.25rem;}
.bankitos-panel-info__row:last-of-type{border-bottom:none;padding-bottom:0;}
.bankitos-panel-info__label{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:800;color:rgba(15,23,42,.55);}
.bankitos-panel-info__value{margin:0;font-size:1.05rem;font-weight:800;color:var(--bco-texto);word-break:break-word;}
.bankitos-panel__cta{margin:1rem 0 1.5rem 0;}
.bankitos-panel__quick-actions ul{margin:.65rem 0 0 1.2rem;padding:0;display:grid;gap:.5rem;}
.bankitos-panel__quick-actions li{list-style:disc;color:var(--bco-texto);}
.bankitos-panel__quick-actions a{font-weight:700;color:var(--bco-azul);text-decoration:none;}
.bankitos-panel__quick-actions a:hover{text-decoration:underline;}

.bankitos-panel__message{margin:.75rem 0 0;font-size:1.05rem;color:rgba(15,23,42,.75);}
.bankitos-panel__grid{display:grid;gap:1.5rem;margin:1.5rem 0;}
.bankitos-panel__col{display:flex;flex-direction:column;gap:1rem;}

.bankitos-members{background:var(--bco-blanco);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.5rem;}
.bankitos-members__header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between;}
.bankitos-members__icon{width:48px;height:48px;border-radius:16px;background:var(--bco-azul);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;box-shadow:0 4px 12px rgba(0,115,179,.25);}
.bankitos-members__title{margin:0;font-size:1.1rem;font-weight:800;color:var(--bco-azul);}
.bankitos-members__heading{display:flex;align-items:center;gap:1rem;flex:1;min-width:200px;}
.bankitos-members__invite{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:16px;background:var(--bco-gris);border:1px solid rgba(0,115,179,.12);}
.bankitos-members__invite[hidden]{display:none;}
.bankitos-members__invite-intro{margin:0;color:rgba(15,23,42,.75);font-size:.95rem;}
.bankitos-members__invite-error{display:none;background:#FEE2E2;border:1px solid #FCA5A5;color:#B91C1C;padding:.65rem 1rem;border-radius:12px;font-weight:700;}
.bankitos-members__invite-error.is-visible{display:block;}
.bankitos-members__invite-actions{display:flex;flex-direction:column;gap:1rem;}
.bankitos-members__invite-actions > .bankitos-btn{width:auto;align-self:flex-start;}
.bankitos-members__invite-buttons{display:flex;flex-direction:column;gap:.75rem;}
.bankitos-members-table{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;background:var(--bco-blanco);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow);}
.bankitos-members-table__header{display:flex;flex-direction:column;gap:.35rem;}
.bankitos-members-table__title{margin:0;font-size:1.05rem;font-weight:800;color:var(--bco-azul);}
.bankitos-members-table__subtitle{margin:0;font-size:.9rem;color:rgba(15,23,42,.65);}
.bankitos-members-table__empty{margin:0;color:rgba(15,23,42,.7);}
.bankitos-table-wrapper{width:100%;overflow:auto;border-radius:16px;border:1px solid rgba(0,115,179,.12);background:var(--bco-blanco);}
.bankitos-table{width:100%;border-collapse:collapse;min-width:320px;}
.bankitos-table th,.bankitos-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(0,115,179,.12);color:var(--bco-texto);}
.bankitos-table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:rgba(15,23,42,.6);background:var(--bco-gris);}
.bankitos-table tbody tr:last-child td{border-bottom:none;}
.bankitos-table td[data-title]{position:relative;}
.bankitos-table__value[hidden]{display:none;}
.bankitos-table__edit-field{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem;}
.bankitos-table__edit-field input{width:100%;padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(15,23,42,.2);}
.bankitos-table__edit-field[hidden]{display:none;}
.bankitos-invite-actions__form[hidden],
.bankitos-invite-actions__buttons[hidden]{display:none;}
.bankitos-invite-actions{display:flex;flex-direction:column;gap:.75rem;}
.bankitos-invite-actions__form{display:flex;flex-direction:column;gap:.5rem;}
.bankitos-invite-actions__form input{width:100%;padding:.65rem .75rem;border:1px solid rgba(15,23,42,.15);border-radius:10px;}
.bankitos-invite-actions__buttons{display:flex;flex-wrap:wrap;gap:.5rem;}
.bankitos-btn--small{width:auto;padding:.5rem .9rem;font-size:.9rem;line-height:1.2;}
.bankitos-btn--danger{background:#F87171;border:1px solid #DC2626;color:#fff;}
.bankitos-btn--danger:hover{background:#EF4444;color:#fff;}
.bankitos-link--button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;}
.bankitos-link--button:focus{outline:2px solid var(--bco-azul);outline-offset:2px;}
.bankitos-text-muted{color:rgba(15,23,42,.45);}

.bankitos-btn--ghost{background:var(--bco-blanco);color:var(--bco-azul);border:1px solid rgba(0,115,179,.25);}
.bankitos-btn--ghost:hover{background:var(--bco-azul-claro);color:var(--bco-azul);}
.bankitos-members__email{margin:.1rem 0 0;font-size:.9rem;color:rgba(15,23,42,.65);word-break:break-all;}

.bankitos-btn--secondary{background:var(--bco-blanco);color:var(--bco-azul);border:1px solid var(--bco-azul);}
.bankitos-btn--secondary:hover{background:var(--bco-azul-claro);color:var(--bco-azul);}
.bankitos-link{color:var(--bco-azul);font-weight:700;text-decoration:none;}
.bankitos-link:hover{text-decoration:underline;}

.bankitos-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.bankitos-pill--pending{background:#FEF3C7;color:#B45309;}
.bankitos-pill--accepted{background:#DCFCE7;color:#166534;}
.bankitos-pill--rejected{background:#FEE2E2;color:#B91C1C;}

.bankitos-invite-rows{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;}
.bankitos-invite-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;position:relative;padding-right:2.5rem;}
.bankitos-invite-row__remove{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;color:rgba(15,23,42,.6);}
.bankitos-invite-row__remove:hover{background:var(--bco-azul-claro);color:var(--bco-azul);}
.bankitos-members--empty-state{align-items:center;text-align:center;}

.bankitos-invite-portal{max-width:var(--card-w);margin:2rem auto;padding:1.5rem;background:var(--bco-blanco);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.25rem;}
.bankitos-invite-portal__card{background:var(--bco-azul-claro);padding:1.25rem;border-radius:18px;display:flex;flex-direction:column;gap:1rem;}
.bankitos-invite-portal__details{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;}
.bankitos-invite-portal__details div{display:flex;flex-direction:column;gap:.25rem;}
.bankitos-invite-portal__details dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(15,23,42,.55);}
.bankitos-invite-portal__details dd{margin:0;font-weight:700;color:var(--bco-texto);}
.bankitos-invite-portal__note{margin:0;font-size:.92rem;color:rgba(15,23,42,.75);}
.bankitos-invite-portal__actions{display:flex;flex-direction:column;gap:1rem;}
.bankitos-invite-portal__cta{display:flex;flex-wrap:wrap;gap:.75rem;}
.bankitos-invite-portal__reject{text-align:right;}

@media (min-width:960px){
  .bankitos-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:720px){
  .bankitos-panel-info{padding:2rem;gap:1.5rem;}
  .bankitos-panel-info__icon{width:56px;height:56px;font-size:1.8rem;}
  .bankitos-panel-info__grid{gap:1.2rem 2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
  .bankitos-members__invite-buttons{flex-direction:row;}
  .bankitos-members__invite-buttons .bankitos-btn{width:auto;min-width:180px;}
  .bankitos-table th,.bankitos-table td{padding:1rem 1.25rem;}
}

@media (max-width:639px){
  .bankitos-table thead{display:none;}
  .bankitos-table tr{display:block;border-bottom:1px solid rgba(0,115,179,.12);}
  .bankitos-table td{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;}
  .bankitos-table td::before{content:attr(data-title);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:rgba(15,23,42,.55);margin-right:1rem;}
  .bankitos-table td:last-child{border-bottom:none;}
}

.bankitos-error{background:#FEE2E2;border:1px solid #FCA5A5;color:var(--bco-rojo);padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:700;}
.bankitos-success{background:#DCFCE7;border:1px solid #86EFAC;color:#166534;padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:700;}

.bankitos-field{position:relative;}
.bankitos-field-error{display:none;margin-top:.35rem;font-size:.92rem;color:#b91c1c;font-weight:700;}
.bankitos-field.has-error .bankitos-field-error{display:block;}
.bankitos-field.has-error input,.bankitos-field.has-error select,.bankitos-field.has-error textarea{
  border-color:#ef4444 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(239,68,68,.14) !important;
}

/* === Corrección de Layout de Acciones (Paso 7) === */
.bankitos-invite-actions {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  align-items: flex-start;
}
.bankitos-invite-actions__group {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.bankitos-invite-actions__group .bankitos-invite-actions__form {
  margin: 0;
  padding: 0;
  gap: 0;
}
.bankitos-invite-actions__form--edit {
  width: 100%;
  max-width: 280px; /* Evita que el formulario sea demasiado ancho */
}
.bankitos-link--button[hidden] {
  display: none;
}

/* === Estilos para Gestor de Roles (Paso 7) === */
.bankitos-role-manager__form {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.bankitos-role-manager__form select {
  width: auto;
  min-width: 150px;
  margin: 0;
  padding: .5rem .9rem;
  font-size: .9rem;
  line-height: 1.2;
  background-position: right .75rem center; /* Ajustar flecha de select */
}
.bankitos-role-manager__form .bankitos-btn {
  margin: 0;
}

/* === Modal de soporte === */
.bankitos-modal[hidden] {
  display: none;
}

.bankitos-modal {
  position: absolute;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bankitos-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(2px);
}

.bankitos-modal__body {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 1rem;
  border-radius: 16px;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18);
  max-width: min(680px, 90vw);
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bankitos-modal__body img {
  max-width: 100%;
  max-height: 82vh;
  height: auto;
  border-radius: 12px;
  display: block;
}

.bankitos-modal__close {
  position: absolute;
  top: 0.35rem;
  right: 0.35rem;
  background: #111827;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

/* === Solicitudes de crédito === */
.bankitos-credit-request {
  background: var(--bco-blanco);
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 760px;
}
.bankitos-credit-request__header {
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.bankitos-credit-request__badge {
  margin: 0;
  font-weight: 800;
  color: var(--bco-azul);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.bankitos-credit-request__intro {
  margin: 0;
  color: rgba(15,23,42,.7);
}
.bankitos-credit-request__form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.bankitos-credit-request__group {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.bankitos-credit-request__signature {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  font-weight: 600;
  color: rgba(15,23,42,.85);
}
.bankitos-credit-request__signature input {
  margin-top: .2rem;
}
.bankitos-credit-request__actions {
  margin-top: .5rem;
}

.bankitos-credit-review__header {
  margin-bottom: 1.25rem;
}
.bankitos-credit-review__header h3 {
  margin: 0;
  font-size: 1.4rem;
  color: var(--bco-azul);
}
.bankitos-credit-review__header p {
  margin: .25rem 0 0;
  color: rgba(15,23,42,.7);
}
.bankitos-credit-review__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.bankitos-credit-card {
  background: var(--bco-blanco);
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bankitos-credit-card__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.bankitos-credit-card__badge {
  margin: 0 0 .25rem;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(15,23,42,.6);
}
.bankitos-credit-card__status {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  align-items: flex-end;
}
.bankitos-credit-card__date {
  font-size: .9rem;
  color: rgba(15,23,42,.65);
}
.bankitos-credit-card__details {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: 1rem;
  margin: 0;
}
.bankitos-credit-card__details dt {
  font-size: .75rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(15,23,42,.55);
}
.bankitos-credit-card__details dd {
  margin: .15rem 0 0;
  font-weight: 700;
  color: var(--bco-texto);
}
.bankitos-credit-card__description {
  padding: 1rem;
  border-radius: 16px;
  background: var(--bco-gris);
}
.bankitos-credit-card__description h5 {
  margin: 0 0 .35rem;
  font-size: 1rem;
  color: var(--bco-azul);
}
.bankitos-credit-card__signature {
  display: flex;
  gap: .5rem;
  font-weight: 700;
}
.bankitos-credit-card__committee {
  border: 1px solid rgba(0,115,179,.15);
  border-radius: 18px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bankitos-credit-card__committee-header h5 {
  margin: 0;
  color: var(--bco-azul);
}
.bankitos-credit-card__committee-header p {
  margin: .15rem 0 0;
  color: rgba(15,23,42,.6);
  font-size: .9rem;
}
.bankitos-credit-card__committee-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
  gap: .75rem;
}
.bankitos-credit-card__committee-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
}
.bankitos-credit-card__observaciones {
  padding: .85rem 1rem;
  border-radius: 12px;
  background: var(--bco-gris);
}

/* === Resumen de créditos del socio === */
.bankitos-credit-summary {
  background: var(--bco-blanco);
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.bankitos-credit-summary__badge {
  margin: 0;
  font-weight: 800;
  color: var(--bco-azul);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.bankitos-credit-summary__header h3 {
  margin: .15rem 0;
  font-size: 1.4rem;
  color: var(--bco-texto);
}

.bankitos-credit-summary__intro {
  margin: 0;
  color: rgba(15,23,42,.72);
}

.bankitos-credit-summary__list {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
  gap: 1rem;
}

.bankitos-credit-summary__card {
  background: var(--bco-gris);
  border-radius: 16px;
  padding: 1rem;
  display: block;
  border: outset;
  gap: .85rem;
  grid-template-columns: 1fr;
}

.bankitos-credit-summary__card-header {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
}

.bankitos-credit-summary__card-badge {
  margin: 0 0 .15rem;
  font-size: .85rem;
  color: rgba(15,23,42,.65);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.bankitos-credit-summary__status {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  align-items: flex-end;
}

.bankitos-credit-summary__date {
  font-size: .9rem;
  color: rgba(15,23,42,.6);
}

.bankitos-credit-summary__details {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
  gap: .75rem;
}

.bankitos-credit-summary__details dt {
  font-size: .78rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: rgba(15,23,42,.6);
}

.bankitos-credit-summary__details dd {
  margin: .1rem 0 0;
  font-weight: 700;
  color: var(--bco-texto);
}

.bankitos-credit-summary__description {
  padding: .75rem .9rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.04);
}

.bankitos-credit-summary__description h5 {
  margin: 0 0 .25rem;
  font-size: 1rem;
  color: var(--bco-azul);
}

.bankitos-credit-summary__description p {
  margin: 0;
  color: rgba(15,23,42,.8);
}

.bankitos-credit-summary__actions {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 640px) {
  .bankitos-credit-summary__card {
    grid-template-columns: minmax(240px, 1fr) minmax(280px, 1.2fr);
    align-items: center;
  }

  .bankitos-credit-summary__actions {
    justify-content: flex-start;
  }
}

@media (min-width: 900px) {
  .bankitos-credit-summary__card {
    grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.2fr) auto;
    align-items: center;
  }

  .bankitos-credit-summary__details {
    grid-template-columns: repeat(2,minmax(160px,1fr));
  }

  .bankitos-credit-summary__actions {
    margin-top: 0;
    justify-content: flex-end;
    align-self: stretch;
    display: flex;
    align-items: center;
  }
}

.bankitos-credit-summary__modal {
  max-width: min(960px, 94vw);
  width: 100%;
}

.bankitos-credit-summary__modal-content {
  max-height: 80vh;
  overflow-y: auto;
  padding: .5rem;
}

.bankitos-credit-summary__modal-tag {
  font-size: .85rem;
  color: var(--bco-primary);
  font-weight: 600;
  margin: 0 0 .35rem;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.bankitos-credit-summary__modal-title {
  margin: 0 0 .25rem;
}

.bankitos-credit-summary__modal-subtitle {
  margin: 0 0 1rem;
  color: var(--bco-text-light);
}

.bankitos-credit-summary__modal-notes {
  background: #f8fafc;
  border-radius: 12px;
  padding: 1rem;
  color: var(--bco-text);
  white-space: pre-wrap;
}

.bankitos-credit-summary__payments input[type="file"] {
  width: 100%;
}
.bankitos-credit-card__observaciones strong {
  display: block;
  margin-bottom: .3rem;
}
.bankitos-credit-card__form {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.bankitos-credit-card__form textarea {
  width: 100%;
  padding: .75rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(0,115,179,.2);
}
.bankitos-credit-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.bankitos-credit-card__footnote {
  margin: 0;
  font-size: .85rem;
  color: rgba(15,23,42,.6);
}

@media (max-width: 599px) {
  .bankitos-credit-card__actions {
    flex-direction: column;
  }
}