/* El texto largo de cada seccion. Creado 2026-09-18 · v1.11.0
   v1.11.0 (2026-09-23) — El mini calendario del lateral de Agenda, dentro del bloque.
   Regla de la casa: cada cambio de CSS = nombre de archivo nuevo (WP Rocket).

   v1.9.0 — El cuerpo, a 16 px, que es lo que pidio Angel.
   v1.8.0 — El cuerpo baja de 20 a 17 px. A 20 se comia la linea de enlaces de
   encima y parecia otra cosa. El menu NO sube: es la misma linea que lleva
   las trece categorias de noticias en la portada, y a 18 px se van a dos
   lineas. Como va en Bebas, que es estrecha, a 17 sigue leyendose como
   etiqueta y el texto a 17 como texto: la jerarquia se mantiene.
   v1.7.0 — El difuminado deja ver el texto desvaneciendose, y el corte cae a
   mitad de parrafo para que no parezca que ahi se acaba.
   v1.6.0 — A todo el ancho y plegado.
   Ya no hay hueco: el texto ocupa la franja entera y de entrada solo se ven
   unas lineas, con el final difuminado y un "Seguir leyendo". La pieza es la
   misma que usa "Bienvenido a Ibiza" en la portada (.wti-plegado, en
   wti-base-2027), asi que las dos se comportan igual.
   Para que la linea no se haga eterna a todo el ancho, el cuerpo sube a 20 px
   con interlinea 1,8.
   v1.5.0 — Fuera el hueco: la columna se centra y el texto crece.
   Con la columna pegada a la izquierda, todo el aire sobrante quedaba en el
   mismo lado y parecia un fallo. Centrada, ese aire pasa a ser margen a los
   dos lados, que es como se compone un texto largo de toda la vida. Y el
   cuerpo sube a 18 px: se lee mejor y la columna ocupa mas.
   La cabecera sigue a todo el ancho, alineada con la de los demas bloques.
   v1.4.0 — Una sola columna, y el bloque sobre crema.
   Las dos columnas llenaban el ancho pero se leian mal: al acabar la de la
   izquierda hay que volver arriba del todo, y con un texto alto eso cansa.
   Vuelve a una columna, con la medida comoda de lectura. Y el bloque se pone
   sobre crema, asi el aire de la derecha deja de parecer un hueco olvidado y
   pasa a ser el respiro de la franja. De paso alterna con el blanco del
   buscador que tiene encima y del Magazine que tiene debajo.
   v1.2.0 — El texto en dos columnas, sin hueco muerto.
   El hueco de la derecha existia porque ahi iban los banners en columna. Los
   banners ya van en su franja a todo ancho, asi que ese hueco solo era aire.
   El texto pasa a dos columnas: llena el ancho y la linea sigue siendo corta
   de leer, que es lo que importa. En tableta y movil, una sola columna.
   v1.1.0 — Cabecera horizontal, la misma de toda la web.
   Antes el titulo y el lema vivian en una columna de 260 px a la izquierda y
   el texto a la derecha. Convivian dos cabeceras distintas en la misma pagina
   y ademas esa columna se comia ancho. Ahora la cabecera es la de la casa
   (.wti-cabeza: titulo + lema sobre filete) y debajo van los enlaces en fila.

   Lo que se conserva: el texto entero, sin tocar una palabra.
   Lo que mejora: el texto deja de ir justificado —en columna estrecha el
   justificado abre calles blancas y se lee peor— y respira mas.

   Todo va prefijado con .t27s porque el kit de Elementor (.elementor-kit-99596)
   gana a las reglas de una sola clase. */

.t27s{
	background:var(--wti-crema-fondo,#FBF7F2);
	padding:40px 0 44px;
}

/* ---------- los enlaces de la seccion, en fila ---------- */
.t27s .t27s-menu{margin:18px 0 0}
/* Los enlaces usan la linea comun (.wti-linea, en wti-base-2027): el mismo
   elemento que las categorias de las noticias. Aqui solo queda el aire. */

/* ---------- el texto ---------- */
.t27s .t27s-texto{
	margin-top:26px;
	/* El difuminado del final tiene que ser del color del bloque. */
	--wti-plegado-fondo:var(--wti-crema-fondo,#FBF7F2);
	--wti-plegado-fondo-rgb:251,247,242;
	--wti-plegado-alto:205px;
}

.t27s .t27s-texto a{
	color:var(--wti-marron,#7A5238);
	text-decoration:none;
	border-bottom:1px solid var(--wti-naranja,#F57C00);
}
.t27s .t27s-texto a:hover{color:var(--wti-naranja,#F57C00)}

/* ---------- tableta ---------- */
@media (max-width:1024px){
	.t27s{padding:32px 0 36px}
	.t27s .t27s-texto{font-size:15.5px;--wti-plegado-alto:195px}
}

/* ---------- movil ---------- */
@media (max-width:760px){
	.t27s{padding:26px 0 30px}
	.t27s .t27s-texto{font-size:15.5px;margin-top:20px;--wti-plegado-alto:190px}
}

/* v1.11.0 — mini calendario (Agenda) */
.t27s .t27s-calendario{max-width:320px;margin:18px 0 6px;padding:14px 16px;background:#fff;border:1px solid rgba(27,21,18,.12);border-radius:10px}
.t27s .t27s-calendario table{width:100%;border-collapse:collapse;font-size:14px;text-align:center}
.t27s .t27s-calendario caption{font:500 16px Oswald,sans-serif;letter-spacing:.02em;margin-bottom:8px;color:#1B1512}
.t27s .t27s-calendario th{font:500 11px Oswald,sans-serif;text-transform:uppercase;color:#9A8F87;padding:4px 0}
.t27s .t27s-calendario td{padding:6px 0;color:#4A3F38}
.t27s .t27s-calendario td a{color:#F57C00;font-weight:600;text-decoration:none}
.t27s .t27s-calendario #today{color:#fff;background:#F57C00;border-radius:99px;font-weight:600}
.t27s .t27s-calendario .wp-calendar-nav{display:flex;justify-content:space-between;margin-top:8px;font:500 13px Oswald,sans-serif}
.t27s .t27s-calendario .wp-calendar-nav a{color:#7A5238;text-decoration:none}