/*
 * Las páginas interiores en la web premium (29-10-2026): sectores, blog,
 * contacto, webs y legal. Ver inc/premium/funciones.php.
 *
 * Su contenido no cambia: es el de siempre, con su marcado de siempre. Lo que
 * cambia es la piel, para que al pasar de la portada a un sector no parezca
 * otra empresa: el papel, la tinta y el cobalto de la portada en vez de las
 * bandas azul marino con rejilla y brillos (lo que Andreu descartó el
 * 29-10-2026 por verse «como todas las webs creadas con IA»), la letra de sus
 * titulares, botones lisos y ninguna segunda línea de titular en otro color.
 *
 * Casi todo se hace cambiando los colores de la paleta del tema, que es lo que
 * usan sus piezas; lo demás son las bandas oscuras, que llevan el blanco puesto
 * a mano y hay que darles la vuelta una a una.
 */

body.pr {
	--wp--preset--color--acento: #0a3fb8;
	--wp--preset--color--acento-oscuro: #072c84;
	--wp--preset--color--acento-vivo: #0a3fb8;
	--wp--preset--color--acento-claro: #e6ecfa;
	--wp--preset--color--superficie: #eef0ea;
	--wp--preset--color--borde: rgba(18, 26, 46, .12);
	--wp--preset--color--borde-fuerte: rgba(18, 26, 46, .24);
	--wp--preset--color--tinta: #121a2e;
	--wp--preset--color--tinta-suave: #3d4657;
	--wp--preset--color--texto-suave: #5d6576;
	--wp--preset--color--texto-tenue: #5d6576;
	background: #fbfbf8;
	color: #3d4657;
}

/* Los titulares, con la letra de la portada y en un solo color */
.pr main :is(h1, h2, h3, h4):not(.pr-portada *) { font-family: var(--pr-display); color: var(--pr-tinta); }
.pr main :is(h1, h2):not(.pr-portada *) { font-weight: 800; letter-spacing: -.04em; }
.pr main :is(h3, h4):not(.pr-portada *) { letter-spacing: -.015em; }
.pr main :is(h1, h2) :is(em, span:not([class])):not(.pr-portada *) { font-style: normal; color: inherit; }

/* Las etiquetas pequeñas sobre los titulares, sin mayúsculas espaciadas */
.pr :is(.ec-eyebrow, .ec-lan-hero__etq, .ec-lan-oferta__etq, .ec-posts__cat) { font: 500 12px/1.4 var(--pr-mono); letter-spacing: .03em; text-transform: none; color: var(--pr-suave); }

/* ── Las bandas oscuras, a papel ─────────────────────────────── */
.pr :is(.ec-oscuro, .ec-hero, .ec-sec--oscuro, .ec-hub, .ec-hub__sec--realce, .ec-lan-hero) { background: var(--pr-papel) !important; color: var(--pr-tinta-2); }
.pr .ec-hub__sec--realce { background: var(--pr-blanco) !important; }
.pr :is(.ec-oscuro, .ec-hero, .ec-hub__abre, .ec-lan-hero, .ec-aura)::before,
.pr :is(.ec-oscuro, .ec-hero, .ec-hub__abre, .ec-lan-hero, .ec-aura)::after,
.pr :is(.ec-hero__fondo, .ec-hero__shader) { display: none !important; }
.pr :is(.ec-oscuro, .ec-hero, .ec-sec--oscuro, .ec-hub, .ec-lan-hero) :is(h1, h2, h3, h4, strong, b, dd) { color: var(--pr-tinta); }
.pr :is(.ec-oscuro, .ec-hero, .ec-sec--oscuro, .ec-hub, .ec-lan-hero) :is(p, li, dt, small, .ec-pipes) { color: var(--pr-tinta-2); }
.pr :is(.ec-oscuro, .ec-hero, .ec-sec--oscuro, .ec-hub, .ec-lan-hero) a:not([class*="btn"]):not(.ec-sect a) { color: var(--pr-cobalto); }
.pr :is(.ec-hero__titular, .ec-lan-hero__titular, .ec-hub__abre h1) { color: var(--pr-tinta); font-weight: 800; letter-spacing: -.045em; }
.pr :is(.ec-hero__titular, .ec-hub__abre h1) em { color: inherit; }
.pr .ec-lan-hero__garantia strong { color: var(--pr-tinta); }
.pr .ec-lan-oferta { box-shadow: 0 30px 60px -36px rgba(18, 26, 46, .5); border-radius: 16px; }
.pr .ec-lan-hero .ec-lan-oferta .ec-lan-oferta__precio { font-family: var(--pr-display); font-weight: 800; color: var(--pr-tinta); }

/* ── Botones: lisos, como los de la portada ──────────────────── */
.pr :is(.ec-btn, .ec-lan-btn) { border-radius: 10px; box-shadow: none; }
.pr :is(.ec-btn--primario, .ec-lan-btn--primario) { background: var(--pr-cobalto); border-color: var(--pr-cobalto); color: #fff; box-shadow: none; }
.pr :is(.ec-btn--primario, .ec-lan-btn--primario):hover { background: var(--pr-cobalto-hondo); color: #fff; transform: none; }
.pr :is(.ec-btn--fantasma, .ec-lan-btn--fantasma) { background: transparent; border: 1.5px solid var(--pr-tinta); color: var(--pr-tinta); }
.pr :is(.ec-btn--fantasma, .ec-lan-btn--fantasma):hover { background: var(--pr-tinta); border-color: var(--pr-tinta); color: #fff; transform: none; }
.pr .wp-element-button { border-radius: 10px; }

/* ── Tarjetas: blancas sobre el papel, sin borde fino ────────── */
.pr :is(.ec-sect a, .ec-via, .ec-caja, .ec-lan-canal, .ec-posts > li, .ec-posts article) { background: #fff; border-color: transparent; box-shadow: 0 1px 0 rgba(18, 26, 46, .06); }
.pr .ec-sect a:hover, .pr .ec-sect a:focus-visible { background: #fff; border-color: var(--pr-cobalto); }
.pr .ec-sect h3, .pr .ec-via h3 { color: var(--pr-tinta); }
.pr .ec-sect__rasgo, .pr .ec-sect__datos dt, .pr .ec-via p, .pr .ec-via p.ec-via__quien { color: var(--pr-suave); }
.pr .ec-via p.ec-via__precio { color: var(--pr-tinta); font-family: var(--pr-display); font-weight: 800; }
.pr .ec-via p.ec-via__precio span { color: var(--pr-suave); }
.pr .ec-via--principal { box-shadow: 0 0 0 1.5px var(--pr-cobalto); }
.pr .ec-sect__ir { color: var(--pr-cobalto); }

/* Las tablas de los sectores */
.pr .ec-lan-tabla-marco { border-radius: 12px; background: #fff; }
.pr .ec-lan-tabla thead th { color: var(--pr-suave); font: 500 12px var(--pr-mono); letter-spacing: .03em; text-transform: none; }

/* Las bandas azules de llamada de los sectores, en el cobalto de la marca */
.pr .ec-lan-llamada { border-radius: 14px; }

/* Los títulos pequeños de las tarjetas (algunos son h2): con el espaciado de
   los titulares grandes, las palabras se juntaban */
.pr main :is(.ec-caja, .ec-posts, .ec-sect, .ec-via, .ec-lan-canal, .ec-temas) :is(h2, h3, h4) { font-weight: 700; letter-spacing: -.01em; }

/* Tablas cortas (dos o cuatro columnas de pocas palabras): caben a 390 px, así
   que no necesitan el suelo de 32rem que hace scrollear a las anchas. */
.ec-lectura .wp-block-table.ec-tabla--estrecha table { min-width: 0; }
@media (max-width: 600px) {
	.ec-lectura .wp-block-table.ec-tabla--estrecha table { font-size: 0.875rem; }
	.ec-lectura .wp-block-table.ec-tabla--estrecha :where(th, td) { padding: 0.75rem 0.6rem; }
}

/* --- Gráficos de los artículos (30-10-2026) -----------------------------
   Andreu pidió los artículos de reformas «más visuales, con gráficos, que se
   lean cómodamente». Van en HTML y no en imagen: el texto se lee y se
   selecciona, Google lo indexa y se adapta al móvil sin hacerse diminuto.
   Una sola tinta de datos (el cobalto) y el verde de «ganado» solo para lo
   que es un sí; la letra de los valores, siempre en tinta. */

.ecv { margin: 2.25rem 0; padding: 1.25rem; border: 1px solid var(--pr-linea); border-radius: 14px; background: #fff; color: var(--pr-tinta-2); }
.ecv.ecv > * + * { margin-top: 1rem; }
.ecv__tit { margin: 0; font: 700 1.0625rem/1.3 var(--pr-display); letter-spacing: -.01em; color: var(--pr-tinta); }
.ecv__sub { margin: .25rem 0 0; font-size: .9375rem; line-height: 1.5; color: var(--pr-suave); }
.ecv__nota { margin: 0; padding-top: .85rem; border-top: 1px solid var(--pr-linea); font: 400 12px/1.5 var(--pr-mono); color: var(--pr-suave); }
.ecv :where(ol, ul) { margin-inline: 0; margin-bottom: 0; padding: 0; list-style: none; }
.ecv :where(li) { margin: 0; padding: 0; }
.ecv li::before { content: none !important; }
@media (min-width: 700px) { .ecv { padding: 1.75rem; } }

/* Datos grandes */
.ecv-datos { display: grid; gap: 1px; margin: 2.25rem 0; border: 1px solid var(--pr-linea); border-radius: 14px; overflow: hidden; background: var(--pr-linea); }
.ecv-datos > div { padding: 1.1rem 1.25rem; background: #fff; }
.ecv-datos b { display: block; font: 800 2rem/1 var(--pr-display); letter-spacing: -.04em; color: var(--pr-cobalto); }
.ecv-datos span { display: block; margin-top: .45rem; font-size: .9375rem; line-height: 1.45; color: var(--pr-tinta-2); }
@media (min-width: 700px) { .ecv-datos { grid-template-columns: repeat(3, 1fr); } }

/* Embudo: cada fila, su número, su texto y una barra proporcional */
.ecv-embudo li + li { margin-top: .9rem; }
.ecv-embudo__fila { display: flex; align-items: baseline; gap: .6rem; }
.ecv-embudo__num { flex: none; min-width: 2.6rem; font: 800 1.375rem/1 var(--pr-display); letter-spacing: -.03em; color: var(--pr-tinta); }
.ecv-embudo__txt { font-size: .9375rem; line-height: 1.35; }
.ecv-embudo__pista { display: block; height: 10px; margin-top: .4rem; border-radius: 4px; background: var(--pr-papel); }
.ecv-embudo__pista i { display: block; width: var(--w); min-width: 10px; height: 100%; border-radius: 4px; background: var(--pr-cobalto); }
.ecv-embudo__fin .ecv-embudo__pista i { background: var(--pr-ganado); }

/* Línea de tiempo vertical */
.ecv-linea li { position: relative; padding: 0 0 1.1rem 1.75rem; }
.ecv-linea li:last-child { padding-bottom: 0; }
.ecv-linea li::after { content: ''; position: absolute; left: 5px; top: 1.1rem; bottom: -.1rem; width: 2px; background: var(--pr-tinte); }
.ecv-linea li:last-child::after { content: none; }
.ecv-linea__punto { position: absolute; left: 0; top: .3rem; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--pr-cobalto); }
.ecv-linea__fin .ecv-linea__punto { background: var(--pr-ganado); border-color: var(--pr-ganado); }
.ecv-linea__cuando { display: block; font: 500 12px/1.5 var(--pr-mono); color: var(--pr-cobalto); }
.ecv-linea__fin .ecv-linea__cuando { color: var(--pr-ganado); }
.ecv-linea__que { display: block; margin-top: .15rem; font-size: .9375rem; line-height: 1.5; color: var(--pr-tinta-2); }
.ecv-linea__que b { color: var(--pr-tinta); }

/* Rangos de precio: barra de mínimo a máximo y la media marcada */
.ecv-rango li + li { margin-top: 1.25rem; }
.ecv-rango__cab { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .15rem .75rem; font-size: .9375rem; }
.ecv-rango__cab b { color: var(--pr-tinta); }
.ecv-rango__cab span { color: var(--pr-tinta-2); font-variant-numeric: tabular-nums; }
.ecv-rango__pista { position: relative; display: block; height: 14px; margin-top: .45rem; border-radius: 4px; background: var(--pr-papel); }
.ecv-rango__barra { position: absolute; top: 0; bottom: 0; left: var(--a); width: calc(var(--b) - var(--a)); border-radius: 4px; background: var(--pr-cobalto); }
.ecv-rango__barra--abierta { background: linear-gradient(90deg, var(--pr-cobalto) 75%, var(--pr-cobalto-claro)); }
.ecv-rango__media { position: absolute; top: 50%; left: var(--m); width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: #fff; border: 3px solid var(--pr-tinta); box-shadow: 0 0 0 2px #fff; }
.ecv-rango__eje { display: flex; justify-content: space-between; margin-top: .5rem; font: 400 11px/1 var(--pr-mono); color: var(--pr-suave); }
.ecv-leyenda { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; font-size: .8125rem; color: var(--pr-suave); }
.ecv-leyenda span { display: inline-flex; align-items: center; gap: .4rem; }
.ecv-leyenda i { display: inline-block; width: 18px; height: 10px; border-radius: 3px; background: var(--pr-cobalto); }
.ecv-leyenda i.ecv-leyenda__media { width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 3px solid var(--pr-tinta); }

/* Canales: cuándo llega el primer contacto, y si es tuyo y se acumula.
   En el móvil, cada canal en tres líneas (nombre, punto, marcas) para que el
   nombre no se parta en tres; desde 700 px, el nombre a la izquierda. */
.ecv-canales__cab, .ecv-canales__fila { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; }
.ecv-canales__cab { padding-bottom: .5rem; border-bottom: 1px solid var(--pr-linea); font: 500 11px/1.2 var(--pr-mono); color: var(--pr-suave); text-align: center; }
.ecv-canales__cab span:first-child { display: none; }
.ecv-canales__fila { padding: .8rem 0; border-bottom: 1px solid var(--pr-linea); }
.ecv-canales__fila:last-child { border-bottom: 0; padding-bottom: 0; }
.ecv-canales__nombre { grid-column: 1 / -1; grid-row: 1; font-size: .9375rem; line-height: 1.3; color: var(--pr-tinta); font-weight: 600; }
.ecv-canales__punto { grid-row: 2; justify-self: center; width: 14px; height: 14px; margin-top: .45rem; border-radius: 50%; background: var(--pr-cobalto); }
.ecv-canales__punto.c1 { grid-column: 1; } .ecv-canales__punto.c2 { grid-column: 2; }
.ecv-canales__punto.c3 { grid-column: 3; } .ecv-canales__punto.c4 { grid-column: 4; }
.ecv-canales__marcas { grid-column: 1 / -1; grid-row: 3; margin-top: .45rem; font-size: .8125rem; line-height: 1.4; color: var(--pr-suave); }
.ecv-canales__marcas .si { color: var(--pr-ganado); }
.ecv-canales__marcas .no { color: var(--pr-sello); }
@media (min-width: 700px) {
	.ecv-canales__cab, .ecv-canales__fila { grid-template-columns: minmax(0, 2fr) repeat(4, minmax(0, 1fr)); }
	.ecv-canales__cab span:first-child { display: block; text-align: left; }
	.ecv-canales__nombre { grid-column: 1; }
	.ecv-canales__marcas { grid-column: 1; grid-row: 2; margin-top: .25rem; }
	.ecv-canales__punto { grid-row: 1 / span 2; margin-top: 0; }
	.ecv-canales__punto.c1 { grid-column: 2; } .ecv-canales__punto.c2 { grid-column: 3; }
	.ecv-canales__punto.c3 { grid-column: 4; } .ecv-canales__punto.c4 { grid-column: 5; }
}

/* Pasos numerados */
.ecv-pasos { counter-reset: paso; }
.ecv-pasos li { counter-increment: paso; position: relative; padding: 0 0 0 2.6rem; min-height: 1.9rem; }
.ecv-pasos li + li { margin-top: 1rem; }
.ecv-pasos li::after { content: counter(paso); position: absolute; left: 0; top: 0; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--pr-cobalto); color: #fff; font: 700 .9375rem/1.9rem var(--pr-display); text-align: center; }
.ecv-pasos b { display: block; color: var(--pr-tinta); font-size: 1rem; line-height: 1.35; }
.ecv-pasos span { display: block; margin-top: .2rem; font-size: .9375rem; line-height: 1.5; }
.ecv-pasos em { font-style: normal; color: var(--pr-cobalto-hondo); }

/* Lista para marcar */
.ecv-check li { font-size: .9375rem; line-height: 1.5; }
.ecv-check li + li { margin-top: .7rem; }
.ecv-check label { display: flex; gap: .75rem; align-items: flex-start; cursor: pointer; }
.ecv-check input { flex: none; width: 20px; height: 20px; margin: .1rem 0 0; accent-color: var(--pr-cobalto); cursor: pointer; }
.ecv-check b { color: var(--pr-tinta); }
.ecv-aviso { margin: 0; padding: .8rem 1rem; border-radius: 10px; background: var(--pr-tinte); color: var(--pr-cobalto-hondo); font-size: .9375rem; line-height: 1.5; }

/* Decisión: preguntas encadenadas con su salida */
.ecv-flujo li { position: relative; }
.ecv-flujo li + li { margin-top: 2.1rem; }
.ecv-flujo li[data-flecha]::before { content: attr(data-flecha) !important; position: absolute; top: -1.55rem; left: 1rem; font: 500 12px/1.2 var(--pr-mono); color: var(--pr-cobalto); }
.ecv-flujo__preg { display: block; padding: .85rem 1rem; border: 1px solid var(--pr-linea); border-radius: 10px; background: var(--pr-blanco); font-size: .9375rem; line-height: 1.45; color: var(--pr-tinta); }
.ecv-flujo__sal { display: flex; gap: .5rem; align-items: baseline; margin-top: .5rem; padding-left: 1rem; font-size: .9375rem; line-height: 1.45; }
.ecv-flujo__sal b { flex: none; font: 500 12px/1.45 var(--pr-mono); }
.ecv-flujo__sal--si b { color: var(--pr-ganado); }
.ecv-flujo__sal--si span { color: var(--pr-tinta); font-weight: 600; }
.ecv-flujo__sal--no b { color: var(--pr-suave); }

/* Maquetas: un anuncio y un formulario, para enseñar cómo eran */
.ecv-maquetas { display: grid; gap: 1rem; }
@media (min-width: 700px) { .ecv-maquetas--dos { grid-template-columns: 1fr 1fr; } }
.ecv-anuncio, .ecv-form { border: 1px solid var(--pr-linea); border-radius: 12px; background: var(--pr-blanco); overflow: hidden; }
.ecv-anuncio__cab { display: flex; align-items: center; gap: .6rem; padding: .75rem .9rem; font-size: .8125rem; color: var(--pr-suave); }
.ecv-anuncio__cab i { width: 30px; height: 30px; border-radius: 50%; background: var(--pr-tinte); }
.ecv-anuncio__cab b { display: block; color: var(--pr-tinta); font-size: .875rem; }
.ecv-anuncio__texto { padding: 0 .9rem .9rem; font-size: .9375rem; line-height: 1.5; color: var(--pr-tinta-2); }
.ecv-anuncio__texto strong { display: block; margin-bottom: .3rem; font: 700 1.0625rem/1.3 var(--pr-display); color: var(--pr-tinta); }
.ecv-anuncio__pie { display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .7rem .9rem; border-top: 1px solid var(--pr-linea); background: #fff; font-size: .8125rem; color: var(--pr-suave); }
.ecv-anuncio__pie span:last-child { flex: none; padding: .4rem .7rem; border-radius: 6px; background: var(--pr-papel); color: var(--pr-tinta); font-weight: 600; }
.ecv-form { padding: 1rem .9rem; }
.ecv-form__preg { display: block; margin-bottom: .4rem; font-weight: 600; font-size: .875rem; color: var(--pr-tinta); }
.ecv-form__preg + .ecv-form__preg, .ecv-form__campo + .ecv-form__preg, .ecv-form ul + .ecv-form__preg { margin-top: .9rem; }
.ecv-form__campo { display: block; padding: .55rem .7rem; border: 1px solid var(--pr-linea); border-radius: 8px; background: #fff; font-size: .875rem; color: var(--pr-suave); }
.ecv-form li { padding: .5rem .7rem; border: 1px solid var(--pr-linea); border-radius: 8px; background: #fff; font-size: .875rem; color: var(--pr-tinta-2); }
.ecv-form li + li { margin-top: .4rem; }
.ecv-form li.elegida { border: 2px solid var(--pr-cobalto); color: var(--pr-tinta); font-weight: 600; }
.ecv-form li.elegida::after { content: ' ✓'; color: var(--pr-cobalto); }

/* «En vez de esto, esto»: la frase que no conviene y la que sí */
.ecv-cambio__cab { display: none; }
.ecv-cambio li { padding: .85rem 0; border-bottom: 1px solid var(--pr-linea); }
.ecv-cambio li:first-child { padding-top: 0; }
.ecv-cambio li:last-child { border-bottom: 0; padding-bottom: 0; }
.ecv-cambio__antes, .ecv-cambio__ahora { display: flex; gap: .6rem; align-items: baseline; font-size: .9375rem; line-height: 1.45; }
.ecv-cambio__ahora { margin-top: .35rem; color: var(--pr-tinta); }
.ecv-cambio__antes { color: var(--pr-suave); }
.ecv-cambio__antes::before, .ecv-cambio__ahora::before { flex: none; width: 1rem; font-weight: 700; }
.ecv-cambio__antes::before { content: '✕'; color: var(--pr-sello); }
.ecv-cambio__ahora::before { content: '✓'; color: var(--pr-ganado); }
.ecv-cambio--flecha .ecv-cambio__ahora::before { content: '→'; color: var(--pr-cobalto); }
.ecv-cambio--flecha .ecv-cambio__antes::before { content: '·'; color: var(--pr-suave); }
@media (min-width: 700px) {
	.ecv-cambio__cab { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; padding-bottom: .5rem; border-bottom: 1px solid var(--pr-linea); font: 500 11px/1.2 var(--pr-mono); color: var(--pr-suave); }
	.ecv-cambio li { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
	.ecv-cambio li:first-child { padding-top: .85rem; }
	.ecv-cambio__ahora { margin-top: 0; }
}

/* Una cuenta paso a paso: el resultado grande y de dónde sale */
.ecv-cuenta li { display: grid; grid-template-columns: 6.5rem 1fr; gap: .9rem; align-items: baseline; padding: .7rem 0; border-bottom: 1px solid var(--pr-linea); }
.ecv-cuenta li:first-child { padding-top: 0; }
.ecv-cuenta li:last-child { border-bottom: 0; padding-bottom: 0; }
.ecv-cuenta b { font: 800 1.125rem/1.2 var(--pr-display); letter-spacing: -.02em; color: var(--pr-tinta); }
.ecv-cuenta span { font-size: .9375rem; line-height: 1.45; }
.ecv-cuenta small { display: block; margin-top: .15rem; font: 400 12px/1.4 var(--pr-mono); color: var(--pr-suave); }
.ecv-cuenta li.ecv-cuenta__fin b { color: var(--pr-ganado); }

/* Texto bajo cada barra de un rango */
.ecv-rango__txt { display: block; margin-top: .45rem; font-size: .875rem; line-height: 1.45; color: var(--pr-suave); }

/* --- Arreglos del móvil encontrados en el repaso del 30-10 --- */

/* El botón de la llamada final: a menos de 520 px va a todo el ancho, pero con
   su relleno sumado se salía 16 px del recuadro y se cortaba sin scroll. */
.pr .ec-lan-llamada__btn { box-sizing: border-box; max-width: 100%; }

/* Los planes de las páginas de webs: sin precios, la columna de la derecha
   lleva palabras («Sin pago inicial», «A tu medida…») y con `nowrap` empujaba
   la caja 43 px fuera de la pantalla. En el móvil va debajo, como una línea más. */
.pr .ec-planes-min__precio { white-space: normal; font-size: 1.0625rem; text-align: right; }
.pr .ec-planes-min__precio span { display: block; font-size: .8125rem; font-weight: 500; letter-spacing: 0; color: var(--pr-suave); }
@media (max-width: 560px) {
	.pr .ec-planes-min li { grid-template-columns: minmax(0, 1fr); }
	.pr .ec-planes-min__precio { grid-column: 1; grid-row: auto; text-align: left; margin-top: .2rem; }
}