.aportes-nav-form { display: grid; gap: 14px; }
.aportes-nav-form .switch-card { max-width: 480px; }
.aportes-nav-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.aportes-nav-fields label { display: grid; gap: 6px; color: #476176; font-size: .85rem; font-weight: 800; }
.aportes-nav-fields input { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #bfcfd9; border-radius: 9px; background: #fff; color: #163244; font: inherit; }
.aportes-nav-fields input:focus-visible { outline: 3px solid #d45d19; outline-offset: 2px; }
.aportes-nav-help { margin: 0; color: #597184; font-size: .85rem; }
.aportes-nav-preview { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.aportes-nav-preview > span { color: #597184; font-size: .8rem; font-weight: 800; }
.aportes-nav-preview a { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 9px 14px; border: 1px solid #d45d19; border-radius: 10px; background: #fff7f0; color: #a9430e; font-weight: 800; text-decoration: none; overflow-wrap: anywhere; }
.aportes-nav-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.aportes-nav-actions p { margin: 0; color: #476176; }
@media (max-width: 650px) { .aportes-nav-fields { grid-template-columns: 1fr; } .aportes-nav-actions .button { width: 100%; } }