/* bloques/precios — tarjetas de precio (o de lista) bajo la cabecera de sección */

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

.bl-precios-rejilla { display: grid; grid-template-columns: repeat(var(--bl-precios-n, 3), minmax(0, 1fr)); gap: 8px; }
.bl-precio {
    display: flex; flex-direction: column; gap: 14px; min-width: 0;
    padding: clamp(24px, 2.6vw, 34px); background: var(--vk-crema-2, #efe9e1); color: var(--vk-texto, #262524);
}
.bl-tema-oscuro .bl-precio { background: var(--vk-oscuro-2, #2f2e2c); color: #fff; }
.bl-precio.es-destacada, .bl-tema-oscuro .bl-precio.es-destacada { background: var(--vk-amarillo, #dfbe2d); color: var(--vk-oscuro, #262524); }

.bl-precio-titulo { margin: 0; font-size: clamp(21px, 1.8vw, 25px); font-weight: 500; line-height: 1.2; }
.bl-precio-texto { margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--vk-texto-2, #5f5c58); }
.bl-tema-oscuro .bl-precio:not(.es-destacada) .bl-precio-texto { color: rgba(255, 255, 255, .72); }
.bl-precio.es-destacada .bl-precio-texto { color: var(--vk-oscuro, #262524); }

.bl-precio-lista { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 15.5px; line-height: 1.45; }
.bl-precio-lista li { display: flex; gap: 10px; align-items: flex-start; }
.bl-precio-lista svg { flex: none; width: 15px; height: 15px; margin-top: 3px; }

/* El precio, abajo del todo para que las tarjetas queden alineadas. */
.bl-precio-importe {
    margin: auto 0 0; padding-top: 18px; border-top: 1px solid var(--vk-linea, rgba(38, 37, 36, .14));
    font-family: var(--fuente-mono, ui-monospace, monospace); font-size: 13.5px; font-weight: 500; letter-spacing: .03em; text-transform: uppercase;
}
.bl-tema-oscuro .bl-precio:not(.es-destacada) .bl-precio-importe { border-top-color: rgba(255, 255, 255, .16); }
.bl-precio.es-destacada .bl-precio-importe { border-top-color: rgba(38, 37, 36, .25); }

.bl-precios-cta { display: flex; justify-content: center; margin-top: clamp(28px, 3.5vw, 44px); }

@media (max-width: 1100px) { .bl-precios-rejilla { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); } }
@media (max-width: 640px)  { .bl-precios-rejilla { grid-template-columns: minmax(0, 1fr); } }