/* ── PALETA ──────────────────────────────────────────────────────────────── 1.6.0 — Los colores de marca se piden al tema con `var()`, con el hexadecimal detrás como respaldo por si esta página se sirviera sin el CSS del tema. Estaban escritos a fuego: el navy #111d2e aparecía trece veces y el azul #26527d ocho. El día que la marca cambie de azul —ya pasó una vez, cuando `--B` pasó de #5B8DB8 a #26527d por contraste— esta página se habría quedado con el anterior sin que nadie lo notara. Equivalencias: --T navy texto · --B azul marca · --Y dorado --BR azul muy claro · --M gris azulado · --C fondo claro ─────────────────────────────────────────────────────────────────────────── */ /* TW Mercado · estilos 1.1.0 ───────────────────────────────────────────────────────────────────────── Hereda el lenguaje visual del tema en vez de inventar uno propio: titulares en Libre Baskerville, antetítulos con el espaciado ancho de las secciones de la portada, y los colores de la casa tomados de las variables del tema —var(--B,#26527d), var(--Y,#F8CB14), var(--T,#111d2e)— no aproximaciones parecidas. El registro es el de un documento corporativo: numeración de secciones, márgenes amplios, filetes finos y una sola tinta de acento. Un informe que parece publicidad pierde la credibilidad que le da el dato. */ /* 1.6.0 — El

del tema («Mercado») se retira del todo. Hasta la 1.5.0 se ocultaba con la técnica accesible para que Google siguiera leyéndolo, pero lo que leía era la palabra «Mercado» a secas: un encabezado de una palabra en la página con la que queremos posicionar «mercado inmobiliario Delta del Ebro». Desde la 1.6.0 el H1 de verdad es el titular del informe, con el título completo y en el idioma del visitante, así que el del tema sobra: `tw-mercado.php` lo deja vacío y aquí se esconde. `display:none` a propósito y no la ocultación accesible: un encabezado vacío dentro del árbol de accesibilidad es una incidencia de axe. */ body.twm-pagina .wrap.sec > h1{display:none} /* El párrafo vacío que dejaba el `

` sobrante, por si el desenvoltorio del atajo no llegara a actuar (bloque distinto, contenido reeditado). */ body.twm-pagina .wrap.sec p:empty{display:none} /* Titular del informe. Desde la 1.6.0 es el H1 real de la página. */ .twm{max-width:1120px;margin:0 auto;padding:0 clamp(18px,5vw,40px); color:var(--T,#111d2e);font-family:var(--font-sans,system-ui,sans-serif)} /* ── Encabezado del documento ─────────────────────────────────────────── */ .twm-doc{border-bottom:2px solid var(--T,#111d2e);padding:0 0 26px;margin:0 0 46px} .twm-doc .twm-eyebrow{margin-bottom:14px} .twm-doc .twm-h1{font-family:var(--font-serif,'Libre Baskerville',Georgia,serif); font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.2; color:var(--T,#111d2e);margin:0 0 16px;letter-spacing:normal} .twm-doc p{font-size:14px;line-height:1.88;color:var(--M,#526d87);max-width:62ch; margin:0;font-weight:300} .twm-eyebrow{font-size:10px;letter-spacing:.38em;text-transform:uppercase; color:var(--B,#26527d);font-weight:400;display:flex;align-items:center;gap:12px} .twm-eyebrow::before{content:'';width:34px;height:1px;background:var(--Y,#F8CB14);flex:0 0 auto} /* ── Cifras de cabecera ───────────────────────────────────────────────── */ .twm-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1px;background:var(--BR,#dde8f5);border:1px solid var(--BR,#dde8f5);margin:0 0 56px} .twm-cifra{background:#fff;padding:32px 24px;text-align:left} .twm-cifra strong{display:block;font-family:var(--font-serif,'Libre Baskerville',Georgia,serif); font-size:clamp(32px,4vw,44px);line-height:1.05;color:var(--B,#26527d);font-weight:400; letter-spacing:normal;margin-bottom:12px} .twm-cifra span{display:block;font-size:12.5px;line-height:1.65;color:var(--M,#526d87); font-weight:300} .twm-cifra em{display:block;font-style:normal;font-size:10px;letter-spacing:.18em; text-transform:uppercase;color:#8fa3b8;margin-top:10px} /* ── Secciones numeradas ──────────────────────────────────────────────── */ .twm-bloque{margin:0 0 56px;padding:0 0 48px;border-bottom:1px solid var(--BR,#dde8f5)} .twm-bloque:last-of-type{border-bottom:none} /* 1.2.3 — Mismos valores que `.sec-title` del tema, medidos en producción: 42px a tamaño completo, peso 400, interlineado 1.2 y SIN letter-spacing. Antes el titular era de 30px y apretaba las letras: se leía como otra web. */ .twm-bloque h2{font-family:var(--font-serif,'Libre Baskerville',Georgia,serif); font-size:clamp(26px,3.5vw,42px);font-weight:400;color:var(--T,#111d2e); margin:12px 0 20px;line-height:1.2;letter-spacing:normal} /* `.sec-sub` del tema: 14px, interlineado 1.88, peso 300. */ .twm-explica{font-size:14px;line-height:1.88;color:var(--M,#526d87);margin:0 0 20px; max-width:68ch;font-weight:300} .twm-explica strong{color:var(--T,#111d2e);font-weight:600} /* Doble lectura: comprador y propietario, lado a lado. */ .twm-dual{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1px;background:var(--BR,#dde8f5);border:1px solid var(--BR,#dde8f5);margin:24px 0 0} .twm-dual>div{background:var(--C,#f7f9fc);padding:22px 24px} .twm-dual h3{font-size:10px;letter-spacing:.24em;text-transform:uppercase; color:var(--B,#26527d);margin:0 0 10px;font-weight:600} .twm-dual p{font-size:13.5px;line-height:1.75;color:var(--M,#526d87);margin:0;font-weight:300} /* ── Tablas ───────────────────────────────────────────────────────────── */ .twm-tabla{width:100%;border-collapse:collapse;font-size:13.5px;margin:22px 0 0} .twm-tabla th{color:var(--B,#26527d);font-weight:600;text-align:left;padding:12px 14px; border-bottom:1.5px solid var(--T,#111d2e);font-size:10px;text-transform:uppercase; letter-spacing:.16em} .twm-tabla td{padding:13px 14px;border-bottom:1px solid #eef3f9;color:var(--M,#526d87); font-variant-numeric:tabular-nums} .twm-tabla tbody tr:hover td{background:var(--C,#f7f9fc)} .twm-tabla td:first-child{font-weight:600;color:var(--T,#111d2e)} .twm-tabla td:not(:first-child),.twm-tabla th:not(:first-child){text-align:right} /* La columna del año más reciente, destacada: es la que se mira primero. */ .twm-tabla .twm-act{color:var(--T,#111d2e);font-weight:600} /* ── Barras ───────────────────────────────────────────────────────────── */ .twm-graf{margin:24px 0 0} .twm-fila{display:flex;align-items:center;gap:14px;margin:0 0 10px} /* 1.6.0 — El color del texto lo decide la plantilla según la letra: con la paleta oficial, C, D y E tienen fondo claro y el blanco no se lee (el amarillo #fff200 sobre blanco da 1,07:1). Aquí solo queda el respaldo. */ .twm-l{width:24px;height:24px;color:#fff;font-weight:700;display:flex; align-items:center;justify-content:center;font-size:12px;flex:0 0 auto} .twm-mun{flex:0 0 138px;font-size:13px;color:var(--T,#111d2e);font-weight:600} .twm-barra{flex:1 1 auto;height:20px;background:#f2f6fb} .twm-barra>span{display:block;height:100%;transition:width .7s cubic-bezier(.22,.61,.36,1)} .twm-v{flex:0 0 68px;text-align:right;font-size:13px;color:var(--T,#111d2e); font-variant-numeric:tabular-nums;font-weight:600} .twm-sube{color:#1a7a4c;font-weight:600} .twm-baja{color:#b03a2e;font-weight:600} .twm-igual{color:#8fa3b8} /* ── Cierre ───────────────────────────────────────────────────────────── */ .twm-cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1px;background:var(--BR,#dde8f5);border:1px solid var(--BR,#dde8f5);margin:0 0 40px} .twm-cta>div{background:#fff;padding:34px 30px} .twm-cta h3{font-family:var(--font-serif,'Libre Baskerville',Georgia,serif); font-size:20px;font-weight:400;color:var(--T,#111d2e);margin:0 0 12px} .twm-cta p{font-size:13.5px;color:var(--M,#526d87);line-height:1.75;margin:0 0 22px;font-weight:300} /* Mismos valores que `.btn-y` del tema, medidos en producción: fondo var(--Y,#F8CB14), texto en AZUL var(--B,#26527d) —no negro—, mayúsculas, peso 600 y sin redondeo. */ .twm-cta a{display:inline-block;background:var(--Y,#F8CB14);color:var(--B,#26527d); padding:13px 26px;text-decoration:none;font-size:11px;letter-spacing:.14em; text-transform:uppercase;font-weight:600;border-radius:0;transition:background .2s} .twm-cta a:hover{background:var(--YD,#d4a800)} /* ── Pie del documento ────────────────────────────────────────────────── */ .twm-pie{border-top:2px solid var(--T,#111d2e);padding:24px 0 0;margin:48px 0 0} .twm-pie dl{margin:0;font-size:12px;line-height:1.9;color:var(--M,#526d87);font-weight:300} .twm-pie dt{font-size:10px;letter-spacing:.18em;text-transform:uppercase; color:var(--B,#26527d);font-weight:600;margin:0 0 8px} .twm-pie dd{margin:0 0 4px} .twm-pie .twm-sello{margin-top:20px;padding-top:16px;border-top:1px solid var(--BR,#dde8f5); font-size:11px;color:#8fa3b8} /* ── Móvil ────────────────────────────────────────────────────────────── */ /* ── ESCRITORIO ──────────────────────────────────────────────────────────── 1.7.4 — En pantalla grande el informe se veía como una columna estrecha pegada a la izquierda con media pantalla vacía a la derecha. La causa: el contenedor mide 1.120 px pero los párrafos estaban topados a 62–68 caracteres, unos 480 px. Esa medida es la correcta para leer en un móvil; en un monitor parte la prosa en muchas líneas cortas y descuadra la página, que es lo que se ve en las capturas del 17/08/2026. A partir de 1024 px se sube el cuerpo a 16 px y la medida a 92 caracteres —unos 800 px—, que sigue dentro de lo cómodo de leer y llena la caja. La introducción pasa de seis líneas a tres, y los textos de sección a dos. Debajo de 1024 px NO cambia nada: el móvil se queda exactamente como está. */ /* ── A PARTIR DE 769 px, NO DE 1024 ──────────────────────────────────────── 1.7.6 — La 1.7.5 abría este bloque en 1024 px y en el móvil de Ivan, en modo escritorio, la prosa seguía estrecha. La pista estaba en su propia captura: salía la HAMBURGUESA, y eso solo ocurre por debajo de 1100 px. Su ventana ronda los 980, así que la media query no llegaba a aplicarse nunca. Ese es el ancho de un Android en modo escritorio y el de una tableta apaisada: gente real, no un caso raro. El corte pasa a 769 px, que es donde el tema deja de tratar la pantalla como teléfono. */ @media (min-width:769px){ /* El informe deja de poner su propio margen lateral: la sección del tema ya mete hasta 120 px por lado. Sumados, el ancho útil se quedaba en 860 px dentro de una caja de 1.180. Medido: .wrap max-width 1180 −44 de padding .sec padding lateral hasta 120 → 940 útiles .twm padding propio 40 × 2 → 860 útiles El titular a 48 px ocupa unos 960 px, así que la primera línea se partía y el
daba TRES líneas en vez de dos. */ .twm{padding-left:0;padding-right:0} /* El titular ocupa unas 20 veces su cuerpo, así que para que quepa en una línea hace falta cuerpo ≤ 4,45 % del ancho de ventana. Con 4,3vw entra con margen a 769, a 980 y a 1440, y el tope de 42 px lo deja donde ya estaba en pantalla grande. Un valor fijo se pasaba en las ventanas intermedias y devolvía la tercera línea. */ .twm-doc .twm-h1{font-size:clamp(30px,4.3vw,42px);max-width:none} /* ── NADA DE «ch» AQUÍ ──────────────────────────────────────────────── La 1.7.4 puso `max-width:80ch`, y en producción la prosa siguió sin llenar la caja. `ch` se mide sobre el tamaño de letra DEL PROPIO ELEMENTO: si algo pisa el `font-size`, la anchura se encoge con él y el resultado deja de ser predecible. Aquí va en píxeles, que no dependen de nada. El selector lleva `.twm` delante a propósito (0,3,1): el `style.css` del tema se carga DESPUÉS que este archivo, así que a igual especificidad ganaba él. Con un nivel más, el tamaño se queda donde se pone. 880 px sobre los 912 útiles a 1024 px de ventana y los 940 a partir de 1440: la prosa ocupa la caja entera, que es lo que se pedía. */ .twm .twm-doc p, .twm .twm-explica{font-size:16px;line-height:1.75;max-width:min(880px,100%)} .twm .twm-tabla{font-size:15px} } @media (max-width:640px){ .twm-tabla{font-size:12px} .twm-tabla th,.twm-tabla td{padding:9px 8px} .twm-mun{flex:0 0 92px;font-size:11.5px} .twm-v{flex:0 0 52px;font-size:12px} .twm-cifra{padding:24px 20px} /* Las tablas anchas se desplazan en lugar de encogerse hasta ser ilegibles. */ .twm-bloque .twm-tabla{display:block;overflow-x:auto;white-space:nowrap} } /* 1.7.0 — La columna del año en curso lleva un aviso: son meses sueltos junto a años completos, y sin decirlo parece una caída de ventas. */ .twm-parcial{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase; font-weight:400;color:var(--M,#526d87);margin-top:2px} .twm-nota{font-size:12px;color:var(--M,#526d87);font-weight:300;margin:-8px 0 18px}