/* "Explora" — el buscador de seccion. Creado 2026-09-18 · v1.15.0 (2026-09-26, tema 5.7.6)
   Regla de la casa: cada cambio de CSS = nombre de archivo nuevo (WP Rocket).

   v1.15.0 — Movil y tableta (hasta 1024 px): los resultados en carrusel, como
   el bloque Articulos (Angel: «en version movil todos los articulos y el
   explora mejor en carrusel»). Antes, en el telefono, salian los quince uno
   debajo de otro. Ahora se deslizan de lado con el dedo: una tarjeta de casi
   todo el ancho y asoma la siguiente (en tableta, dos o tres), de borde a borde
   de la pantalla, todas a la misma altura. La tarjeta es la misma (la pinta el
   plugin): foto 2:1 arriba, pastilla, nombre y extracto. Las paginas del
   plugin («Anterior», numeros, «Siguiente») siguen debajo, igual; por eso aqui
   no hay flechas propias. En el escritorio no cambia nada.

   v1.14.0 — Buscador 2027, como la maqueta aprobada por Angel el 26-09
   (Welcome 2027/maqueta-buscador-2027.html). Va con wti-search 1.24.0, que
   pinta la tarjeta, la paginacion y los estados; aqui solo la barra y el cajon:
     · Escritorio: la pastilla dice lo elegido y lleva una ×; el chevron se va
       cuando hay algo elegido; en los menus la primera opcion es «Todas» /
       «Todos» / «Todas las zonas» y la elegida lleva una marca; «¿Donde?» se
       abre en columnas como los demas; «Limpiar» solo con algo elegido.
     · Cajon del movil: titulo de cada filtro y sus opciones en pastillas; los
       largos con «Ver todos»; cabecera, pie y boton «Filtros» con la letra y
       los colores de la casa. El desplegable de verdad ya no se ve en ningun ancho.
     · Fuera la paginacion de aqui: la lleva el plugin, igual en /buscar/.

   v1.13.0 — Tres arreglos (no es el rediseño: ese va en la maqueta
   Welcome 2027/maqueta-buscador-2027.html):
     1. Escritorio: /fiestas-ibiza/ medía 1.910 px de ancho. El desplegable de
        verdad (el que escucha el plugin) se escondía con una regla a medias: la
        segunda mitad le devolvía alto, relleno y desborde, y el plugin le pone
        width:100% !important. Ahora se esconde de verdad (1 px, recortado).
     2. Móvil: el cajón de filtros enseñaba el título tres veces y, a la vez, el
        desplegable y todas las opciones en botones cuadrados. El panel propio
        (x27-boton, x27-panel) es solo del escritorio: en el cajón queda un
        título y el desplegable del teléfono.
     3. El corte escritorio/cajón pasa de 768/769 a 860/861, el mismo que usa el
        plugin: entre 769 y 860 (iPad en vertical) se mezclaban los dos y el
        botón «Filtros» desaparecía.
   Además: los filtros de casillas o pastillas (--checkboxes, --pills) se
   comportan como los de lista (pastilla que abre su panel) y «Limpiar» pierde
   la raya y el marco del plugin.

   Los filtros dejan de vivir en una columna de 260 px a la izquierda y pasan a
   una barra horizontal encima de la parrilla. La parrilla gana esos 260 px.

   Cada filtro es una pastilla que se abre al pulsarla. En reposo solo se ve el
   nombre del filtro; al pulsar, baja su panel. Asi la barra ocupa una linea
   aunque haya cinco filtros.

   IMPORTANTE: todo esto va de 861 px para arriba (v1.13.0; antes 769). Por
   debajo manda el cajon del propio plugin, que corta en 860.

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

   v1.9.0 — Las casillas de zona, en linea. Eran seis y ocupaban seis filas de
   ancho completo con el aire a la derecha vacio. Puestas en fila caben en una
   linea y el panel pasa de 260 px de alto a 60.
   v1.8.0 — Sin barra de scroll dentro del menu.
   El panel crece lo que haga falta y se ve todo de una vez. Con cinco
   columnas, hasta sesenta opciones caben en doce lineas.
   v1.7.0 — El mega menu ocupa el ancho de la pagina.
   Colgaba de la pastilla y se salia por la derecha, asi que solo cabian tres
   columnas apretadas. Ahora cuelga de la barra entera, de borde a borde del
   contenido, y las columnas las reparte el navegador segun quepan: una cada
   230 px. Con 1.280 de ancho salen cinco.
   v1.6.0 — Los filtros largos se abren como un mega menu, en columnas.
   "Tipo de Restaurante" tiene veinticinco opciones: en el desplegable del
   navegador salian en una columna larguisima y cortada, y ahi no hay CSS que
   valga. Ahora el desplegable de verdad se queda por dentro (es el que
   escucha el plugin) y por fuera se pinta un panel propio con las opciones
   repartidas en una, dos o tres columnas segun cuantas sean.
   v1.5.0 — La pastilla "Tipo de lugar" no abria: es un desplegable nativo y
   se estaba ocultando con la misma regla que los paneles. Ahora el
   desplegable ES la pastilla, y su etiqueta sobra porque el propio
   desplegable ya dice de que va.
   v1.4.0 — Todos los controles a la misma altura: 44 px. El buscador venia a
   55 y las pastillas a 32, y se veia el escalon.
   v1.3.0 — Fuera la caja de la barra. Habia una caja crema con radio de
   pastilla y, dentro, la caja blanca del buscador: caja sobre caja, y el radio
   grande de la de fuera cantaba. Ahora los controles van sueltos sobre la
   pagina, todos a la misma altura.
   v1.2.0 — La direccion tambien va forzada. El plugin pone la barra y el
   formulario de filtros en COLUMNA, y por eso todo seguia apilado aunque las
   pastillas ya estuvieran bien.
   v1.1.0 — Con !important en lo estructural. El plugin del buscador mete sus
   estilos EN LINEA en la cabecera (Inline_Assets), con selectores mas
   especificos que estos, y ganaba: la lista de zonas seguia desplegada y la
   columna seguia midiendo 260 px. */

.x27{
	background:#fff;
	padding:34px 0 40px;
}
.x27 .x27-barra{margin-top:20px}
.x27 .x27-parrilla{margin-top:22px}

/* El desplegable de verdad se queda (es el que escucha el plugin) pero no se ve
   en ningun ancho (v1.14.0: tampoco en el cajon, que usa pastillas). En el
   escritorio lo sustituyen la pastilla x27-boton y el menu x27-panel.
   v1.13.0: con !important. El plugin le pone width:100% !important y, al ir en
   posicion absoluta, medía el ancho de toda la barra a partir de donde caía:
   /fiestas-ibiza/ salía de 1.910 px. */
.x27 .x27-barra .wti-f__group--select .wti-f__select{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:1px !important;
	height:1px !important;
	min-width:0 !important;
	max-width:1px !important;
	margin:-1px !important;
	padding:0 !important;
	border:0 !important;
	overflow:hidden !important;
	clip:rect(0 0 0 0) !important;
	clip-path:inset(50%) !important;
	white-space:nowrap !important;
	opacity:0 !important;
	pointer-events:none !important;
}

/* Las casillas de verdad tampoco se ven: la opcion entera es la que se toca
   (fila con marca en el escritorio, pastilla en el cajon). Siguen con el foco. */
.x27 .x27-barra .wti-f__group .wti-f__opt{position:relative !important}
.x27 .x27-barra .wti-f__group .wti-f__opt input[type="checkbox"]{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	opacity:0 !important;
	pointer-events:none !important;
}
.x27 .x27-barra .wti-f__group .wti-f__opt input[type="checkbox"]::after{display:none !important}
.x27 .x27-barra .wti-f__group .wti-f__opt:has(input:focus-visible),
.x27 .x27-barra .x27-opcion:focus-visible,
.x27 .x27-barra .x27-ver-todos:focus-visible{
	outline:2px solid var(--wti-naranja,#F57C00) !important;
	outline-offset:2px !important;
}
/* La marca de la opcion elegida (el JS mete su dibujo). */
.x27 .x27-barra .x27-ok{
	display:inline-grid;
	place-items:center;
	width:16px;
	height:16px;
	flex:none;
	color:var(--wti-naranja,#F57C00);
	visibility:hidden;
}
.x27 .x27-barra .x27-opcion.es-actual .x27-ok,
.x27 .x27-barra .wti-f__opt:has(input:checked) .x27-ok{visibility:visible}
.x27 .x27-barra .wti-f__opt-label{flex:0 1 auto !important}
/* «Ver todos» y las opciones de mas: solo cuentan en el cajon. */
.x27 .x27-barra .x27-ver-todos{display:none}

@media (min-width:861px){

	/* ---------- la barra ---------- */
	.x27 .x27-barra .wti-bar.wti-bar--panel{
		display:flex !important;
		flex-direction:row !important;
		flex-wrap:wrap !important;
		align-items:center !important;
		gap:12px !important;
		padding:0 !important;
		background:none !important;
		border:0 !important;
		border-radius:0 !important;
	}

	/* El buscador de texto, a la misma altura que las pastillas de filtro. */
	.x27 .x27-barra .wti-s__form{
		border-radius:999px !important;
		min-height:0 !important;
		height:44px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
		align-items:center !important;
	}
	.x27 .x27-barra .wti-s__input{
		height:44px !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

	/* El buscador de texto: lo primero y lo que mas manda. */
	.x27 .x27-barra .wti-bar--panel > .wti-s{
		flex:1 1 280px;
		max-width:420px;
		min-width:220px;
		height:auto !important;
		align-self:center;
	}

	/* El boton "Filtros" es solo para el cajon de movil. */
	.x27 .x27-barra .wti-bar__filter-toggle,
	.x27 .x27-barra .wti-drawer__header,
	.x27 .x27-barra .wti-drawer__footer,
	.x27 .x27-barra .wti-bar__backdrop{display:none !important}

	/* El lado de los filtros deja de ser un panel y se pone en linea. */
	.x27 .x27-barra .wti-bar__panel-side{
		flex:1 1 auto !important;
		position:static !important;
		width:auto !important;
		max-width:none !important;
		padding:0 !important;
		margin:0 !important;
		background:none;
		border:0;
		box-shadow:none;
		transform:none;
		overflow:visible;
	}
	.x27 .x27-barra .wti-drawer__body{padding:0 !important;overflow:visible !important}
	.x27 .x27-barra .wti-bar__panel-side > .wti-s{width:100%}
	.x27 .x27-barra form.wti-f{
		display:flex !important;
		flex-direction:row !important;
		flex-wrap:wrap !important;
		align-items:center !important;
		gap:10px !important;
		padding:0 !important;
		margin:0 !important;
		border:0 !important;
		background:none !important;
	}

	/* ---------- cada filtro, una pastilla ---------- */
	.x27 .x27-barra .wti-bar.wti-bar--panel{position:relative}
	.x27 .x27-barra .wti-f__group{
		position:static;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
	}

	/* El nombre del filtro es la pastilla que se pulsa. */
	.x27 .x27-barra .wti-f__legend{
		display:inline-flex !important;
		align-items:center;
		gap:8px;
		margin:0 !important;
		padding:0 18px !important;
		height:44px;
		float:none;
		width:auto !important;
		border:1.5px solid var(--wti-linea,#E8E2DA) !important;
		border-radius:999px;
		background:#fff;
		font-family:var(--wti-titulos,"Oswald",sans-serif);
		font-size:13.5px;
		font-weight:500;
		letter-spacing:.04em;
		text-transform:uppercase;
		color:var(--wti-tinta,#1B1512);
		cursor:pointer;
		white-space:nowrap;
		user-select:none;
		transition:border-color .18s ease,color .18s ease,background .18s ease;
	}
	.x27 .x27-barra .wti-f__legend::after{
		content:"";
		width:7px;height:7px;
		border-right:1.5px solid currentColor;
		border-bottom:1.5px solid currentColor;
		transform:rotate(45deg) translateY(-2px);
		transition:transform .18s ease;
	}
	.x27 .x27-barra .wti-f__legend:hover{
		border-color:var(--wti-naranja,#F57C00);
		color:var(--wti-naranja,#F57C00);
	}
	/* v1.14.0: la pastilla dice lo elegido (con puntos si no cabe) y lleva una ×. */
	.x27 .x27-barra .wti-f__legend{max-width:280px}
	.x27 .x27-barra .x27-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.x27 .x27-barra .x27-quita{
		display:none;
		place-items:center;
		width:18px;
		height:18px;
		flex:none;
		margin-right:-6px;
		border-radius:50%;
		background:var(--wti-marron,#7A5238);
		color:#fff;
		cursor:pointer;
	}
	.x27 .x27-barra .x27-quita:hover{background:var(--wti-tinta,#1B1512)}
	.x27 .x27-barra .wti-f__group.tiene-eleccion > .wti-f__legend .x27-quita{display:inline-grid}
	.x27 .x27-barra .wti-f__group.tiene-eleccion > .wti-f__legend::after{display:none}
	/* Limpiar solo cuando hay algo que limpiar. */
	.x27 .x27-barra:not(.x27-con-eleccion) .wti-f__actions{display:none !important}

	/* Abierto, o con algo elegido: la pastilla se enciende. */
	.x27 .x27-barra .wti-f__group.is-abierto > .wti-f__legend,
	.x27 .x27-barra .wti-f__group.tiene-eleccion > .wti-f__legend{
		border-color:var(--wti-naranja,#F57C00);
		background:var(--wti-crema-borde,#FFF4E5);
		color:var(--wti-marron,#7A5238);
	}
	.x27 .x27-barra .wti-f__group.is-abierto > .wti-f__legend::after{
		transform:rotate(-135deg) translateY(-2px);
	}

	/* ---------- el panel que baja ---------- */
	.x27 .x27-barra .wti-f__group--list .wti-f__opts,
	.x27 .x27-barra .wti-f__group--checkboxes .wti-f__opts,
	.x27 .x27-barra .wti-f__group--pills .wti-f__opts{
		position:absolute;
		top:calc(100% + 10px);
		left:0;
		right:0;
		z-index:40;
		display:none !important;
		max-height:none;
		overflow:visible;
		padding:14px;
		background:#fff;
		border:1px solid var(--wti-linea,#E8E2DA);
		border-radius:14px;
		box-shadow:0 18px 40px -20px rgba(27,21,18,.45);
	}
	/* v1.14.0: en bloque, para que las columnas funcionen (en flex no se reparten). */
	.x27 .x27-barra .wti-f__group.is-abierto .wti-f__opts{
		display:block !important;
	}
	/* El plugin les pone el ancho completo; aqui cada casilla ocupa lo suyo. */
	.x27 .x27-barra .wti-f__group--list .wti-f__opt,
	.x27 .x27-barra .wti-f__group--checkboxes .wti-f__opt,
	.x27 .x27-barra .wti-f__group--pills .wti-f__opt{
		flex:0 0 auto !important;
		width:auto !important;
		max-width:none !important;
	}

		/* La etiqueta que trae el plugin sobra: el boton propio ya dice de que va. */
	.x27 .x27-barra .wti-f__group--select > legend.wti-f__legend{display:none !important}

	/* Cada zona, una fila como las del menu: marca + nombre; la elegida en crema. */
	.x27 .x27-barra .wti-f__group .wti-f__opt{
		display:flex !important;
		align-items:center !important;
		gap:8px !important;
		width:100% !important;
		margin:0 0 2px !important;
		padding:8px 12px !important;
		border:0 !important;
		border-radius:9px !important;
		background:none !important;
		box-shadow:none !important;
		font:400 14px/1.3 var(--wti-texto,sans-serif) !important;
		color:var(--wti-tinta,#1B1512) !important;
		cursor:pointer !important;
		transform:none !important;
	}
	.x27 .x27-barra .wti-f__group .wti-f__opt:hover{background:var(--wti-crema-fondo,#FBF7F2) !important;color:var(--wti-tinta,#1B1512) !important}
	.x27 .x27-barra .wti-f__group .wti-f__opt:has(input:checked){
		background:var(--wti-crema-borde,#FFF4E5) !important;
		color:var(--wti-marron,#7A5238) !important;
		font-weight:600 !important;
	}

	/* Limpiar: discreto, y solo pesa cuando hace falta. */
	.x27 .x27-barra .wti-f__actions{margin:0 !important;padding:0 !important;border:0 !important}
	.x27 .x27-barra .wti-f__reset{
		height:44px !important;
		padding:0 10px !important;
		border:0 !important;
		background:none !important;
		box-shadow:none !important;
		font:500 13px/1 var(--wti-titulos,"Oswald",sans-serif) !important;
		letter-spacing:.04em !important;
		text-transform:uppercase !important;
		color:var(--wti-gris,#8A817B) !important;
		cursor:pointer;
	}
	.x27 .x27-barra .wti-f__reset:hover{color:var(--wti-naranja,#F57C00) !important}
}

/* ---------- movil y tableta en vertical: manda el cajon del plugin ---------- */
@media (max-width:860px){
	.x27{padding:24px 0 30px}
	.x27 .x27-barra{margin-top:16px}
	.x27 .x27-parrilla{margin-top:18px}

	/* Un solo titulo por filtro. En los desplegables sale el nombre de la
	   pastilla («Tipo de cocina»); la etiqueta del plugin («TIPO COCINA») se
	   queda solo para el lector de pantalla. */
	.x27 .x27-barra .wti-f__group--select > legend.wti-f__legend{
		position:absolute !important;
		width:1px !important;
		height:1px !important;
		margin:-1px !important;
		padding:0 !important;
		overflow:hidden !important;
		clip:rect(0 0 0 0) !important;
		white-space:nowrap !important;
		border:0 !important;
	}
	.x27 .x27-barra .wti-f__group--select{position:relative}

	/* ---------- v1.14.0: el cajon 2027 (maqueta, pieza 2) ---------- */
	/* La caja de texto en pastilla y el boton «Filtros» con la letra de la casa. */
	.x27 .x27-barra .wti-s__form{
		min-height:44px !important;
		border:1.5px solid var(--wti-linea,#E8E2DA) !important;
		border-radius:999px !important;
		background:#fff !important;
		box-shadow:none !important;
	}
	.x27 .x27-barra .wti-bar__filter-toggle{
		height:42px !important;
		padding:0 18px !important;
		gap:8px !important;
		border:1.5px solid var(--wti-linea,#E8E2DA) !important;
		border-radius:999px !important;
		background:#fff !important;
		box-shadow:none !important;
		font:500 14px/1 var(--wti-titulos,"Oswald",sans-serif) !important;
		letter-spacing:.04em !important;
		text-transform:uppercase !important;
		color:var(--wti-tinta,#1B1512) !important;
	}
	.x27 .x27-barra .wti-bar__filter-toggle[data-count]:not([data-count="0"]){
		border-color:var(--wti-naranja,#F57C00) !important;
		background:var(--wti-crema-borde,#FFF4E5) !important;
		color:var(--wti-marron,#7A5238) !important;
	}

	/* Cabecera: tirador, «FILTROS» y la X redonda. */
	.x27 .x27-barra .wti-bar__panel-side{
		border-radius:22px 22px 0 0 !important;
		max-height:88vh !important;
	}
	.x27 .x27-barra .wti-drawer__header{
		position:relative !important;
		padding:18px 16px 12px 20px !important;
		border-bottom:1px solid var(--wti-linea,#E8E2DA) !important;
	}
	.x27 .x27-barra .wti-drawer__header::before{
		content:"";
		position:absolute;
		top:7px;
		left:50%;
		width:40px;
		height:4px;
		margin-left:-20px;
		border-radius:4px;
		background:var(--wti-linea,#E8E2DA);
	}
	.x27 .x27-barra .wti-drawer__title{
		font:400 22px/1 var(--wti-titulos,"Oswald",sans-serif) !important;
		letter-spacing:0 !important;
		text-transform:uppercase !important;
		color:var(--wti-tinta,#1B1512) !important;
	}
	.x27 .x27-barra .wti-bar__drawer-close{
		width:40px !important;
		height:40px !important;
		background:var(--wti-crema-fondo,#FBF7F2) !important;
	}

	/* Cuerpo: sin la caja del plugin; cada filtro separado por una raya. */
	.x27 .x27-barra .wti-drawer__body{padding:6px 20px 16px !important;gap:0 !important}
	.x27 .x27-barra .wti-drawer__body .wti-f{
		gap:0 !important;
		padding:0 !important;
		border:0 !important;
		border-radius:0 !important;
		background:none !important;
		box-shadow:none !important;
	}
	.x27 .x27-barra .wti-f__group{
		padding:14px 0 16px !important;
		border-bottom:1px solid var(--wti-linea-suave,#F0EAE2) !important;
	}
	.x27 .x27-barra .wti-f__group:last-of-type{border-bottom:0 !important}

	/* El titulo de cada filtro (no es un boton en el cajon). */
	.x27 .x27-barra .wti-f__group--list > .wti-f__legend,
	.x27 .x27-barra .wti-f__group--checkboxes > .wti-f__legend,
	.x27 .x27-barra .wti-f__group--pills > .wti-f__legend,
	.x27 .x27-barra .x27-boton{
		display:block !important;
		float:none !important;
		width:auto !important;
		height:auto !important;
		margin:0 0 10px !important;
		padding:0 !important;
		border:0 !important;
		background:none !important;
		font:500 14px/1.2 var(--wti-titulos,"Oswald",sans-serif) !important;
		letter-spacing:.06em !important;
		text-transform:uppercase !important;
		color:var(--wti-tinta,#1B1512) !important;
		cursor:default !important;
	}
	.x27 .x27-barra .wti-f__legend::after,
	.x27 .x27-barra .x27-quita{display:none !important}

	/* Las opciones, en pastillas que se tocan (D1). */
	.x27 .x27-barra .x27-panel,
	.x27 .x27-barra .wti-f__group .wti-f__opts{
		position:static !important;
		display:flex !important;
		flex-direction:row !important;
		flex-wrap:wrap !important;
		gap:8px !important;
		padding:0 !important;
		border:0 !important;
		background:none !important;
		box-shadow:none !important;
		columns:auto !important;
	}
	.x27 .x27-barra .x27-opcion,
	.x27 .x27-barra .wti-f__group .wti-f__opt{
		display:inline-flex !important;
		align-items:center !important;
		gap:6px !important;
		width:auto !important;
		max-width:100% !important;
		min-height:36px !important;
		margin:0 !important;
		padding:7px 13px !important;
		border:1px solid var(--wti-linea,#E8E2DA) !important;
		border-radius:999px !important;
		background:#fff !important;
		box-shadow:none !important;
		font:400 14px/1.2 var(--wti-texto,sans-serif) !important;
		color:var(--wti-tinta,#1B1512) !important;
		text-align:left !important;
		white-space:normal !important;
		cursor:pointer !important;
		transform:none !important;
	}
	.x27 .x27-barra .x27-opcion.es-actual,
	.x27 .x27-barra .wti-f__group .wti-f__opt:has(input:checked){
		border-color:var(--wti-naranja,#F57C00) !important;
		background:var(--wti-crema-borde,#FFF4E5) !important;
		color:var(--wti-marron,#7A5238) !important;
		font-weight:600 !important;
	}
	/* En el cajon no hace falta «Todas»: se quita tocando otra vez la elegida o con «Limpiar». */
	.x27 .x27-barra .x27-panel > .x27-opcion--todas,
	.x27 .x27-barra .wti-f__opts > .x27-opcion--todas{display:none !important}
	.x27 .x27-barra .x27-ok{display:none}
	.x27 .x27-barra .x27-opcion.es-actual .x27-ok,
	.x27 .x27-barra .wti-f__opt:has(input:checked) .x27-ok{display:inline-grid}

	/* Los largos: las primeras y «Ver todos» (sin decir cuantas). */
	.x27 .x27-barra .is-corto > .x27-extra{display:none !important}
	.x27 .x27-barra .is-corto > .x27-ver-todos{
		display:inline-flex;
		align-items:center;
		min-height:36px;
		padding:7px 13px;
		border:1px dashed var(--wti-marron,#7A5238);
		border-radius:999px;
		background:#fff;
		font:600 14px/1.2 var(--wti-texto,sans-serif);
		color:var(--wti-marron,#7A5238);
		cursor:pointer;
	}

	/* Pie: «Limpiar» y «Ver resultados», las mismas palabras de siempre. */
	.x27 .x27-barra .wti-drawer__footer{padding:12px 16px 16px !important}
	.x27 .x27-barra .wti-drawer__clear,
	.x27 .x27-barra .wti-drawer__apply{
		height:48px !important;
		border-radius:999px !important;
		font:500 15px/1 var(--wti-titulos,"Oswald",sans-serif) !important;
		letter-spacing:.05em !important;
		text-transform:uppercase !important;
		box-shadow:none !important;
	}
	.x27 .x27-barra .wti-drawer__clear{
		padding:0 20px !important;
		border:1.5px solid var(--wti-linea,#E8E2DA) !important;
		background:#fff !important;
		color:var(--wti-tinta,#1B1512) !important;
	}
	.x27 .x27-barra .wti-drawer__apply{
		border:0 !important;
		background:var(--wti-naranja,#F57C00) !important;
		color:#fff !important;
	}
}


/* ==========================================================================
   El mega menu de los filtros largos (de 769 px para arriba).
   ========================================================================== */
@media (min-width:861px){

	.x27 .x27-barra .x27-panel{
		position:absolute;
		top:calc(100% + 10px);
		left:0;
		right:0;
		z-index:50;
		display:none;
		padding:14px;
		background:#fff;
		border:1px solid var(--wti-linea,#E8E2DA);
		border-radius:14px;
		box-shadow:0 18px 44px -20px rgba(27,21,18,.45);
		columns:230px;
		column-gap:18px;
		max-height:none;
		overflow:visible;
	}
	.x27 .x27-barra .wti-f__group.is-abierto .x27-panel{display:block}

	/* Cada opcion, una linea. No se parte entre columnas. */
	.x27 .x27-barra .x27-opcion{
		display:flex;
		align-items:center;
		gap:8px;
		width:100%;
		break-inside:avoid;
		margin:0 0 2px;
		padding:8px 12px;
		border:0;
		border-radius:9px;
		background:none;
		font-family:var(--wti-texto,sans-serif);
		font-size:14px;
		line-height:1.3;
		text-align:left;
		color:var(--wti-tinta,#1B1512);
		cursor:pointer;
		white-space:nowrap;
	}
	.x27 .x27-barra .x27-opcion:hover{background:var(--wti-crema-fondo,#FBF7F2)}
	.x27 .x27-barra .x27-opcion.es-actual{
		background:var(--wti-crema-borde,#FFF4E5);
		color:var(--wti-marron,#7A5238);
		font-weight:600;
	}
	/* La primera opcion es "todas": separada del resto. */
	.x27 .x27-barra .x27-opcion--todas{
		margin-bottom:8px;
		padding-bottom:12px;
		border-bottom:1px solid var(--wti-linea-suave,#F0EAE2);
		color:var(--wti-gris,#8A817B);
	}

	/* Las casillas de "¿Donde?" tambien se reparten en columnas cuando son
	   muchas. Es la misma idea, con la misma medida. */
	.x27 .x27-barra .wti-f__group--list .wti-f__opts,
	.x27 .x27-barra .wti-f__group--checkboxes .wti-f__opts,
	.x27 .x27-barra .wti-f__group--pills .wti-f__opts{
		columns:230px;
		column-gap:18px;
	}
	.x27 .x27-barra .wti-f__opt{break-inside:avoid;white-space:nowrap}
}

/* Los resultados, cinco por linea en pantalla ancha. El buscador los saca de
   cuatro en cuatro; a lo ancho de la pagina caben cinco y se ve mas oferta
   sin hacer scroll. */
@media (min-width:1025px){
	.x27 .x27-parrilla .wti-grid{
		grid-template-columns:repeat(5,minmax(0,1fr)) !important;
	}
}

/* ==========================================================================
   v1.15.0 — Movil y tableta (hasta 1024 px): resultados en carrusel.
   Mismo tamaño de tarjeta que el bloque Articulos (wti-articulos-2027-1.4.0.css).
   Con !important y .x27 .x27-parrilla .wti-r delante: el plugin pone la
   rejilla con !important (display:grid y sus columnas).
   ========================================================================== */
@media (max-width:1024px){
	.x27 .x27-parrilla .wti-r .wti-grid--grid{
		display:flex !important;
		flex-wrap:nowrap !important;
		grid-template-columns:none !important;
		gap:var(--x27-hueco,12px) !important;
		overflow-x:auto !important;
		overflow-y:hidden !important;
		overscroll-behavior-x:contain;
		scroll-snap-type:x mandatory;
		scroll-behavior:smooth;
		scroll-padding-inline:var(--wti-margen,22px);
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		margin:0 calc(-1 * var(--wti-margen,22px)) !important;
		padding:4px var(--wti-margen,22px) 12px !important;
	}
	.x27 .x27-parrilla .wti-r .wti-grid--grid::-webkit-scrollbar{display:none}
	.x27 .x27-parrilla .wti-r .wti-grid--grid > .wti-card{
		flex:0 0 var(--x27-ancho,88%) !important;
		width:auto !important;
		max-width:none !important;
		min-width:0 !important;
		scroll-snap-align:start;
	}
	.x27 .x27-parrilla .wti-r .wti-grid--grid > .wti-card:only-child{flex-basis:100% !important}
}
@media (min-width:560px) and (max-width:767px){
	.x27{--x27-ancho:calc((100% - 12px) / 1.6)}
}
@media (min-width:768px) and (max-width:899px){
	.x27{--x27-hueco:16px;--x27-ancho:calc((100% - 2 * 16px) / 2.4)}
}
@media (min-width:900px) and (max-width:1024px){
	.x27{--x27-hueco:16px;--x27-ancho:calc((100% - 3 * 16px) / 3.3)}
}
@media (prefers-reduced-motion:reduce){
	.x27 .x27-parrilla .wti-r .wti-grid--grid{scroll-behavior:auto}
}

/* ---------------------------------------------------------------------------
   1.16.1 (2026-09-29, tema 5.16.2) — Tableta. Sustituye a la 1.16.0.
   1) Angel, en el iPad: «buscador, filtros y mapa en una línea». De 700 a 860 px
      (iPad de 768 a 834 en vertical), donde los filtros van en el botón «Filtros»:
      el botón «Ver en el mapa» vive dentro de la parrilla, en otra caja; sin tocar
      el HTML ni el código del mapa, la caja se vuelve una rejilla (fila 1, título;
      fila 2, buscador y «Filtros» a la izquierda y «Ver en el mapa» a la derecha;
      fila 3, las fichas) y la parrilla y su .wti-s «desaparecen»
      (display:contents). La barra del plugin viene en columna: aquí, en fila. Desde
      861 px los filtros salen abiertos dentro de la barra y no caben: como antes.
   2) «Los post en el buscador, que muestre al menos 3,5»: de 768 a 1024 px, tres
      fichas y media a la vista (antes 2,4 y 3,3).
   --------------------------------------------------------------------------- */
@media (min-width:700px) and (max-width:860px){
	.x27 .x27-dentro{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
	.x27 .x27-dentro > *{grid-column:1 / -1}
	.x27 .x27-dentro > .x27-barra{grid-column:1;grid-row:2;align-self:center}
	.x27 .x27-parrilla,
	.x27 .x27-parrilla > .wti-s{display:contents}
	.x27 .x27-parrilla .wti-mapa-bus-barra{grid-column:2;grid-row:2;align-self:center;margin:20px 0 0}
	.x27 .x27-parrilla .wti-mapa-bus-fila{grid-column:1 / -1;grid-row:3;margin-top:22px}
	.x27 .x27-barra .wti-bar.wti-bar--panel,
	.x27 .x27-barra .wti-bar{display:flex !important;flex-flow:row nowrap !important;align-items:center !important;gap:12px}
	.x27 .x27-barra .wti-bar > .wti-s{flex:1 1 auto;min-width:0;max-width:none;width:auto}
	.x27 .x27-barra .wti-bar__filter-toggle{flex:none}
}
@media (min-width:768px) and (max-width:1024px){
	.x27{--x27-hueco:16px;--x27-ancho:calc((100% - 3 * 16px) / 3.5)}
}