/* Estructura y tipografía minimal */

#upgradeModal {
    z-index: 1057;
}

#upgradeModal .nav-link {
    background-color: var(--FontColor);
    color: var(--bgColor);
}

#upgradeModal .nav-link.active {
    border-color: var(--bgColor)!important;
}


.minimal-upgrade-header h5 { font-weight: 700; }

/* Tabs plan */
.mini-tabs { display: flex; gap: 24px; margin-top: .75rem; }
.mini-tab {
  appearance: none; background: none; border: 0; padding: .25rem 0;
  color: #6c757d; font-weight: 600;
}
.mini-tab.active { color: #000; position: relative; }
.mini-tab.active::after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:#000;
}

/* Lista beneficios */
.mini-title { font-size: 1.1rem; margin-bottom: .5rem; }
.mini-features { list-style: none; padding: 0; margin: 0; }
.mini-features li { display: flex; align-items: center; gap: .5rem; padding: .25rem 0; }
.mini-features i { font-size: 1rem; }

/* Footer fijo, simple y responsivo */
.minimal-footer {
  display: flex; align-items: center;
  justify-content: space-between;
  gap: .75rem;
  border-top: 1px solid #6c757d;
}
.mini-price .amount { font-weight: 800; font-size: 1.25rem; margin-right: .25rem; }
.mini-price .period { color: #6c757d; font-size: .95rem; }