/* Los listados 2027: lateral, rejilla y mapa al lado.
   Creado 2026-09-22 · v1.0.0
   Regla de la casa: cada cambio de CSS = nombre de archivo nuevo (WP Rocket). */

.wti-archivo-fila{
	display:flex;
	align-items:flex-start;
	gap:34px;
}

/* ---------------------------------------------------------------- el lateral */

.wti-archivo-lado{
	flex:0 0 218px;
	position:sticky;
	top:90px;
	max-height:calc(100vh - 120px);
	overflow-y:auto;
	overscroll-behavior:contain;
	padding-bottom:20px;
	scrollbar-width:thin;
}

.wti-archivo-lado-seccion{
	margin:0 0 18px;
	font-family:var(--wti-titulos,"Oswald",sans-serif);
	font-size:22px;
	line-height:1.1;
	font-weight:500;
	color:var(--wti-marron,#7A5238);
}

.wti-archivo-lado-bloque{
	margin:0 0 22px;
}

.wti-archivo-lado-bloque h2{
	margin:0 0 8px;
	font-family:var(--wti-texto,sans-serif);
	font-size:11px;
	font-weight:700;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:var(--wti-gris-claro,#A79C93);
}

.wti-archivo-lado-bloque ul{
	list-style:none;
	margin:0;
	padding:0;
}

.wti-archivo-lado-bloque li{
	margin:0;
	padding:0;
}

.wti-archivo-lado-bloque a{
	display:block;
	padding:5px 0;
	font-family:var(--wti-texto,sans-serif);
	font-size:14px;
	line-height:1.35;
	color:var(--wti-tinta,#1B1512);
	text-decoration:none;
	border-bottom:1px solid transparent;
	transition:color .15s ease;
}
.wti-archivo-lado-bloque a:hover{
	color:var(--wti-naranja,#F57C00);
}

/* La categoria que se esta viendo. */
.wti-archivo-lado-bloque a.es-esta{
	color:var(--wti-naranja,#F57C00);
	font-weight:600;
}

.wti-archivo-lado-mas{
	appearance:none;
	border:0;
	background:none;
	cursor:pointer;
	margin:6px 0 0;
	padding:0;
	font-family:var(--wti-texto,sans-serif);
	font-size:13px;
	font-weight:600;
	color:var(--wti-marron,#7A5238);
	text-decoration:underline;
	text-underline-offset:3px;
}
.wti-archivo-lado-mas:hover{
	color:var(--wti-naranja,#F57C00);
}

/* Los enlaces propios de la seccion, los que no salen de ninguna categoria. */
.wti-archivo-lado-suyos{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-top:26px;
	padding-top:20px;
	border-top:1px solid var(--wti-linea,#E8E2DA);
}

.wti-archivo-lado-suyos a{
	display:block;
	padding:9px 14px;
	border-radius:var(--wti-radio-chico,10px);
	background:var(--wti-crema,#F2E6D8);
	font-family:var(--wti-botones,"Bebas Neue","Oswald",sans-serif);
	font-size:15px;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--wti-marron,#7A5238);
	text-decoration:none;
	transition:background .16s ease;
}
.wti-archivo-lado-suyos a:hover{
	background:var(--wti-crema-hover,#EADBC7);
}

/* ------------------------------------------------------- las fichas y el mapa */

.wti-archivo-cuerpo{
	flex:1 1 auto;
	min-width:0;
}

.wti-archivo-barra{
	display:flex;
	justify-content:flex-end;
	margin:0 0 16px;
}

.wti-archivo-mapa-boton{
	appearance:none;
	cursor:pointer;
	font-family:var(--wti-botones,"Bebas Neue","Oswald",sans-serif);
	font-size:16px;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--wti-naranja,#F57C00);
	background:transparent;
	border:1.5px solid var(--wti-naranja,#F57C00);
	padding:9px 20px;
	border-radius:999px;
	transition:background .18s ease,color .18s ease;
}
.wti-archivo-mapa-boton:hover,
.wti-archivo-mapa-boton[aria-expanded="true"]{
	background:var(--wti-naranja,#F57C00);
	color:#fff;
}

.wti-archivo-conmapa{
	display:flex;
	align-items:flex-start;
	gap:24px;
}

.wti-archivo-fichas{
	flex:1 1 auto;
	min-width:0;
}

.wti-archivo-mapa{
	flex:0 0 40%;
	position:sticky;
	top:90px;
}

.wti-archivo-mapa[hidden]{
	display:none;
}

.wti-archivo-mapa-caja{
	position:relative;
	height:min(620px,76vh);
	border-radius:var(--wti-radio,14px);
	overflow:hidden;
	border:1px solid var(--wti-linea,#E8E2DA);
	background:var(--wti-foto-fondo,#F3EFEA);
}

.wti-archivo-mapa-espera{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(180deg,#F7F2EB 0%,#EFE7DC 100%);
}

/* Sin mapa, cuatro por linea; con mapa al lado tambien cuatro, que es lo que
   pidio Angel (22-09-2026). La rejilla de `.s27` viene de cinco. */
.wti-archivo .s27-rejilla{
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
}

.wti-archivo-cuerpo.con-mapa .s27-rejilla{
	grid-template-columns:repeat(2,minmax(0,1fr));
}

/* ------------------------------------------------------------ pantalla chica */

@media (max-width:1200px){
	.wti-archivo-fila{
		gap:24px;
	}
	.wti-archivo-lado{
		flex-basis:190px;
	}
}

@media (max-width:1000px){
	.wti-archivo-fila{
		display:block;
	}
	.wti-archivo-lado{
		position:static;
		max-height:none;
		overflow:visible;
		margin-bottom:26px;
		padding-bottom:22px;
		border-bottom:1px solid var(--wti-linea,#E8E2DA);
	}
	.wti-archivo-conmapa{
		display:block;
	}
	.wti-archivo-mapa{
		position:static;
		margin-top:22px;
	}
	.wti-archivo .s27-rejilla,
	.wti-archivo-cuerpo.con-mapa .s27-rejilla{
		grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
	}
}

/* ---------- listados de noticias (v1.1.0) ----------
   La rejilla es el bloque Artículos: aquí se le quita su aire y su ancho
   propios, que ya los pone el listado. */
.wti-listado .a27 { padding: 0; }
.wti-listado .a27 .a27-dentro { max-width: none; padding: 0; margin: 0; }
.wti-listado .a27-cabeza { margin-bottom: 18px; }
.wti-listado-calendario { margin: 16px 0 0; }

/* «Fiestas en»: la sala arriba, con su logo y enlace a la ficha. */
.wti-listado-sala {
	display: flex;
	gap: 24px;
	align-items: center;
	padding: 18px;
	margin: 0 0 32px;
	background: #fff;
	border: 1px solid var(--wti-crema-borde, #eee3d6);
	border-radius: 16px;
}
.wti-listado-sala-logo img { display: block; width: 220px; height: auto; border-radius: 12px; }
.wti-listado-sala h2 {
	margin: 0 0 6px;
	font-family: var(--wti-titulos, Oswald, sans-serif);
	font-weight: 400;
	font-size: 24px;
	text-transform: uppercase;
	color: var(--wti-naranja, #F57C00);
}
.wti-listado-sala p { margin: 0 0 12px; color: var(--wti-gris, #555); }
.wti-listado-fiestas { margin: 0 0 40px; }
.wti-listado-fiestas .wti-ficha-cabeza { margin-bottom: 18px; }

@media (max-width: 700px) {
	.wti-listado-sala { flex-direction: column; align-items: flex-start; }
	.wti-listado-sala-logo img { width: 100%; }
}

/* ---------- v1.2.0 (2026-09-29, tema 5.17.2) — tableta ----------
   Angel, en el iPad: «archivos en dos columnas, para que se vean filtros y cards
   juntos». De 700 a 1000 px el lateral de filtros sigue a la izquierda (180 px,
   pegado al bajar) y las tarjetas a la derecha, dos por fila en las noticias. Por
   debajo de 700 px, uno encima del otro como antes. */
@media (min-width:700px) and (max-width:1000px){
	.wti-archivo-fila{display:flex;align-items:flex-start;gap:22px}
	.wti-archivo-fila > :not(.wti-archivo-lado){flex:1 1 0;min-width:0}
	.wti-archivo-lado{
		flex:0 0 180px;
		position:sticky;
		top:calc(var(--c27-alto,120px) + 12px);
		max-height:calc(100vh - var(--c27-alto,120px) - 24px);
		overflow-y:auto;
		margin-bottom:0;
		padding-bottom:20px;
		border-bottom:0;
	}
	.wti-listado .a27 .a27-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
	.wti-archivo .s27-rejilla,
	.wti-archivo-cuerpo.con-mapa .s27-rejilla{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
}