/* bloques/tabla — comparativas y precios en tabla, con filetes lisos */

.bl-tabla-texto { max-width: 760px; margin: 0 0 clamp(28px, 3.5vw, 44px); font-size: 17px; line-height: 1.65; }
.bl-tabla-texto p { margin: 0 0 1em; }
.bl-tabla-texto > :last-child { margin-bottom: 0; }
.bl-tema-oscuro .bl-tabla-texto { color: rgba(255, 255, 255, .86); }

.bl-tabla-caja { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bl-tabla-caja:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.bl-tabla-tabla { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 16px; line-height: 1.45; }
.bl-tabla-tabla th, .bl-tabla-tabla td { padding: 16px 18px 16px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--vk-linea, rgba(38, 37, 36, .14)); }
.bl-tabla-tabla thead th {
    padding-top: 0; border-bottom-color: currentColor;
    font-family: var(--fuente-mono, ui-monospace, monospace); font-size: 12.5px; font-weight: 400; letter-spacing: .04em; text-transform: uppercase;
}
.bl-tabla-tabla tbody th { font-weight: 500; width: 28%; }
.bl-tabla--2c tbody th { width: 40%; }
.bl-tema-oscuro .bl-tabla-tabla th, .bl-tema-oscuro .bl-tabla-tabla td { border-bottom-color: rgba(255, 255, 255, .16); }
.bl-tema-oscuro .bl-tabla-tabla thead th { border-bottom-color: rgba(255, 255, 255, .6); color: rgba(255, 255, 255, .72); }
.bl-tema-oscuro .bl-tabla-tabla td { color: rgba(255, 255, 255, .86); }

.bl-tabla-nota { max-width: 760px; margin: clamp(22px, 3vw, 32px) 0 0; font-size: 16px; line-height: 1.6; color: var(--vk-texto-2, #5f5c58); }
.bl-tema-oscuro .bl-tabla-nota { color: rgba(255, 255, 255, .72); }