/* Condiciones comerciales compartidas; siempre con la paleta existente. */
.commercial-summary { padding: 28px 0; background: var(--ink); color: var(--text-on-ink); }
.commercial-summary .wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.commercial-summary strong { display: block; font-size: 1.05rem; }
.commercial-summary span { display: block; margin-top: 7px; font-size: .78rem; }
.commercial-conditions .commercial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
.commercial-conditions .commercial-rule { border-top: 2px solid var(--thread-ui); padding-top: 22px; min-width: 0; }
.commercial-conditions h3 { margin-bottom: 16px; }
.commercial-conditions p { margin-bottom: 18px; line-height: 1.7; }
.commercial-conditions a, .commercial-faq-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--thread-ui); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.commercial-conditions .commercial-table-scroll { overflow-x: auto; margin-block: 24px; }
.commercial-conditions table { width: 100%; border-collapse: collapse; }
.commercial-conditions :is(th, td) { padding: 16px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.commercial-conditions th { color: var(--ink-soft); }
.commercial-conditions .commercial-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-block: 30px; }
.commercial-conditions .commercial-stages > div { border-top: 2px solid var(--thread-ui); padding-top: 20px; }
.commercial-conditions .commercial-stages > div > strong { display: block; margin-bottom: 12px; }
@media (max-width: 720px) {
 .commercial-summary .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .commercial-conditions .commercial-grid, .commercial-conditions .commercial-stages { grid-template-columns: minmax(0, 1fr); }
 .commercial-conditions :is(th, td) { padding: 12px 6px; font-size: .85rem; }
}