/* Fechas y fiestas 2027 · v1.0.0 · 2026-09-26 (tema Welcome 5.6.3)
   inc/wti-fechas-fiesta-2027.php: «Fechas de…» de las noticias y «Fiestas en: …» de
   las salas y de los archivos «Fiestas en».
   Las piezas son las aprobadas: banda de fecha de Fiestas por discoteca
   (wti-fiestas-sala-2027-1.0.2.css), hora, line-up y botones de los calendarios
   (wti-cal27-1.0.3.css) y la tarjeta entera de Fiestas por discoteca en las salas.
   Aquí van copiadas y encerradas en .wfc27: esas hojas no se cargan en noticias ni
   fichas y no pisan nada. Colores y tipos de wti-base-2027 y del panel Estilos.
   Nada encima de la foto. Escritorio: rejilla (se pliega tras la 8.ª). Móvil
   (< 768 px): tira que se desliza.
   Regla de la casa: cada cambio = nombre de archivo nuevo (WP Rocket quita el ?ver=). */

.wfc27{
	--wfc27-suave:#F4F0EB;
	--wfc27-crema-linea:#F1DFC8;
	--wfc27-texto:#3A3430;
	--wfc27-marca:#FFE7C2;
	--wfc27-vip:#A8951A;
	--wfc27-cena:#E39A00;
	--wfc27-guest:#1B8A4B;
	--wfc27-sol:#D97706;--wfc27-sol-fondo:#FEF3C7;--wfc27-sol-texto:#7C4A03;
	--wfc27-luna:#6366F1;--wfc27-luna-fondo:#EEF2FF;--wfc27-luna-texto:#312E81;
	--wfc27-ambos-fondo:#F3F0FF;--wfc27-ambos-texto:#4C1D95;
	--wfc27-sombra:0 20px 38px -24px rgba(27,21,18,.55);
	position:relative;
	min-width:0;
	max-width:100%;
	color:var(--wti-tinta,#1B1512);
	font-family:var(--wti-texto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif);
}
.wfc27 *,.wfc27 *::before,.wfc27 *::after{box-sizing:border-box}
.wfc27 svg{display:block}
.wfc27 .cal27-sprite,.wfc27 .fpd-sprite{position:absolute;width:0;height:0;overflow:hidden}
.wfc27 [hidden]{display:none !important}
.wfc27 a{text-decoration:none}
.wfc27 :focus-visible{outline:2px solid var(--wti-naranja,#F57C00);outline-offset:2px}

/* ---------------- La rejilla (escritorio) ---------------- */
.wfc27-pista{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;align-items:stretch}
.wfc27--sala .wfc27-pista{gap:20px}
.wfc27.is-plegado .is-mas{display:none}
.wfc27-separa{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:6px;font:500 12px/1.3 var(--wti-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--wti-gris-claro,#A79C93)}
.wfc27-separa::after{content:"";flex:1;height:1px;background:var(--wti-linea,#E8E2DA)}

/* «Ver todas»: pastilla de borde, la de la casa. La base del tema pinta todos los
   botones de naranja al pasar: aquí se dicen los tres estados. */
.wfc27 .wfc27-mas{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:40px;margin:20px auto 0;padding:0 22px;border-radius:999px;border:1.5px solid var(--wti-naranja,#F57C00);background:#fff;color:var(--wti-naranja,#F57C00);font:500 13px/1 var(--wti-titulos);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.wfc27 .wfc27-mas:focus{background:#fff;color:var(--wti-naranja,#F57C00)}
.wfc27 .wfc27-mas:hover{background:var(--wti-crema-borde,#FFF4E5);color:var(--wti-marron,#7A5238);border-color:var(--wti-marron,#7A5238)}

/* ---------------- Tarjeta de fecha (noticias) ---------------- */
.wfc27-f{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--wti-linea,#E8E2DA);border-radius:var(--wti-radio,14px);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.wfc27-f:hover{transform:translateY(-3px);box-shadow:var(--wfc27-sombra)}
.wfc27-cuando{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px;background:var(--wti-crema-borde,#FFF4E5);border-bottom:1px solid var(--wfc27-crema-linea)}
.wfc27 .wfc27-dia{margin:0;padding:0;border:0;font:500 17px/1.15 var(--wti-titulos);letter-spacing:.04em;text-transform:uppercase;color:var(--wti-naranja,#F57C00)}
.wfc27-cuerpo{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;padding:12px 14px 14px}

/* Cancelada / aplazada (tema 5.5.8): la insignia va con el texto, nunca sobre la foto. */
.wfc27 .cal27-estado{display:inline-flex;align-items:center;gap:5px;width:fit-content;font:500 11.5px/1.2 var(--wti-titulos);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:4px 8px}
.wfc27 .cal27-estado--cancelada{color:#9F1D1D;background:#FDECEC;box-shadow:inset 0 0 0 1px #F6C9C9}
.wfc27 .cal27-estado--aplazada{color:#7C4A03;background:#FEF3C7;box-shadow:inset 0 0 0 1px #F5DE9B}
.wfc27-f.is-cancelada .wfc27-cuando{background:var(--wfc27-suave);border-bottom-color:var(--wti-linea,#E8E2DA)}
.wfc27-f.is-cancelada .wfc27-dia{color:var(--wti-gris,#8A817B);text-decoration:line-through;text-decoration-thickness:1.5px}

/* ---------------- Hora: sol, luna o los dos (la de la app y los calendarios) ---------------- */
.wfc27 .cal27-horas,.wfc27 .fpd-horas{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}
.wfc27 .cal27-hora,.wfc27 .fpd-hora{display:inline-flex;gap:8px;align-items:center;max-width:100%;white-space:nowrap;font:500 13.5px/1.2 var(--wti-titulos);letter-spacing:.03em;color:var(--wti-tinta,#1B1512)}
.wfc27 .cal27-hora b,.wfc27 .fpd-hora b{font-weight:600;margin-right:2px}
.wfc27 .cal27-hora.is-libre,.wfc27 .fpd-hora.is-libre{white-space:normal}
.wfc27 .cal27-hora-ico,.wfc27 .fpd-hora-ico{display:inline-flex;align-items:center;gap:2px;flex:none;padding:4px 6px;border-radius:12px;background:var(--wfc27-suave)}
.wfc27 .cal27-hora-ico svg,.wfc27 .fpd-hora-ico svg{width:14px;height:14px;flex:none}
.wfc27 .cal27-i-sol,.wfc27 .fpd-i-sol{color:var(--wfc27-sol)}
.wfc27 .cal27-i-luna,.wfc27 .fpd-i-luna{color:var(--wfc27-luna)}
.wfc27 .cal27-i-reloj,.wfc27 .fpd-i-reloj{color:var(--wti-gris,#8A817B)}
.wfc27 .is-pildora{gap:6px;padding:3px 11px 3px 4px;border-radius:999px;background:var(--wfc27-suave)}
.wfc27 .is-pildora .cal27-hora-ico,.wfc27 .is-pildora .fpd-hora-ico{background:#fff;padding:3px 5px}
.wfc27 .is-pildora.cal27-hora--dia,.wfc27 .is-pildora.fpd-hora--dia{background:var(--wfc27-sol-fondo);color:var(--wfc27-sol-texto)}
.wfc27 .is-pildora.cal27-hora--noche,.wfc27 .is-pildora.fpd-hora--noche{background:var(--wfc27-luna-fondo);color:var(--wfc27-luna-texto)}
.wfc27 .is-pildora.cal27-hora--ambos,.wfc27 .is-pildora.fpd-hora--ambos{background:var(--wfc27-ambos-fondo);color:var(--wfc27-ambos-texto)}
.wfc27 .cal27-hora-nota,.wfc27 .fpd-hora-nota{font-size:12px;line-height:1.4;color:var(--wti-gris,#8A817B);font-style:italic;padding-left:4px}

/* ---------------- Line up por salas (calendarios) ---------------- */
.wfc27 .cal27-lineup{display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.5;color:var(--wfc27-texto)}
.wfc27 .cal27-lu{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
/* «Closing Party», «Opening»…: pastilla, como el rótulo de la tarjeta vieja. */
.wfc27 .cal27-lu-t{display:inline-block;max-width:100%;padding:4px 10px;border-radius:999px;background:var(--wti-crema,#F2E6D8);font:500 12.5px/1.25 var(--wti-titulos);letter-spacing:.05em;text-transform:uppercase;color:var(--wti-marron,#7A5238)}
.wfc27 .cal27-lu b{display:block;font:600 10px/1.3 var(--wti-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--wti-marron,#7A5238)}
.wfc27 .cal27-marca{overflow-wrap:anywhere}
.wfc27 .cal27-marca a{color:inherit;text-decoration:underline;text-decoration-color:rgba(122,82,56,.28);text-underline-offset:2px}
.wfc27 .cal27-marca a:hover{color:var(--wti-naranja,#F57C00);text-decoration-color:currentColor}

/* ---------------- Botones (pastillas de la casa) ----------------
   .wti-button puede traer estilo de wti-core (blanco !important, 100 %): manda la pastilla. */
.wfc27 .cal27-botones{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.wfc27 a.cal27b{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;width:auto;min-width:0;height:38px;margin:0;padding:0 14px;border-radius:999px;border:1.5px solid transparent;box-shadow:none;font:500 12.5px/1 var(--wti-titulos) !important;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;text-decoration:none !important;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,filter .18s ease}
.wfc27 a.cal27b--primary{background:var(--wti-naranja,#F57C00) !important;color:#fff !important;border-color:var(--wti-naranja,#F57C00)}
.wfc27 a.cal27b--primary:hover{background:var(--wti-naranja-fuerte,#E06E00) !important;border-color:var(--wti-naranja-fuerte,#E06E00)}
.wfc27 a.cal27b--vip{background:var(--wfc27-vip) !important;color:#fff !important;border-color:var(--wfc27-vip)}
.wfc27 a.cal27b--cena{background:var(--wfc27-cena) !important;color:#fff !important;border-color:var(--wfc27-cena)}
.wfc27 a.cal27b--guest{flex-basis:100%;background:var(--wfc27-guest) !important;color:#FFF8E1 !important;border-color:var(--wfc27-guest)}
.wfc27 a.cal27b--vip:hover,.wfc27 a.cal27b--cena:hover,.wfc27 a.cal27b--guest:hover{filter:brightness(.92)}

/* ---------------- Tarjeta de Fiestas por discoteca (salas) ---------------- */
.wfc27 .fpd-ft{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--wti-linea,#E8E2DA);border-radius:var(--wti-radio,14px);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.wfc27 .fpd-ft:hover{transform:translateY(-3px);box-shadow:var(--wfc27-sombra)}
.wfc27 .fpd-foto{display:block;aspect-ratio:2/1;background:var(--wti-foto-fondo,#F3EFEA);overflow:hidden}
.wfc27 .fpd-foto img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}
.wfc27 .fpd-foto--sin{display:grid;place-items:center;color:var(--wti-gris-claro,#A79C93)}
.wfc27 .fpd-foto--sin svg{width:34px;height:34px}
.wfc27 .fpd-ft.is-acabada .fpd-foto img{filter:saturate(.35);opacity:.8}
.wfc27 .fpd-cuerpo{display:flex;flex-direction:column;gap:10px;flex:1;padding:14px 16px 16px}
.wfc27 .fpd-tit{margin:0;padding:0;border:0;font:500 19px/1.18 var(--wti-titulos);text-transform:uppercase;letter-spacing:.01em}
.wfc27 .fpd-tit a{color:var(--wti-tinta,#1B1512)}
.wfc27 .fpd-tit a:hover{color:var(--wti-naranja,#F57C00)}
.wfc27 .fpd-cuando{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px;background:var(--wti-crema-borde,#FFF4E5);border-bottom:1px solid var(--wfc27-crema-linea)}
.wfc27 .fpd-cuando-t{font:500 17px/1.1 var(--wti-titulos);letter-spacing:.04em;text-transform:uppercase;color:var(--wti-naranja,#F57C00)}
.wfc27 .fpd-fin{font:600 10.5px/1 var(--wti-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--wti-gris,#8A817B)}
.wfc27 .fpd-ft.is-acabada .fpd-cuando{background:var(--wfc27-suave);border-bottom-color:var(--wti-linea,#E8E2DA)}
.wfc27 .fpd-ft.is-acabada .fpd-cuando-t{color:var(--wti-gris,#8A817B)}
.wfc27 .fpd-lineas{display:flex;flex-direction:column;gap:5px}
.wfc27 .fpd-linea{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:13px;line-height:1.45;color:var(--wfc27-texto)}
.wfc27 .fpd-fechas span + span::before{content:" · ";color:#C9BFB5}
.wfc27 .fpd-fechas .is-pasada{color:#B9AEA4}
.wfc27 .fpd-espacios{display:flex;flex-direction:column;gap:6px;padding-top:9px;border-top:1px dashed var(--wti-linea,#E8E2DA)}
.wfc27 .fpd-espacios > b{font:600 10px/1 var(--wti-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--wti-marron,#7A5238)}
.wfc27 .fpd-esp{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:13px;line-height:1.4;color:var(--wfc27-texto)}
.wfc27 .fpd-esp-n{font:500 13px/1.3 var(--wti-titulos);letter-spacing:.04em;text-transform:uppercase;color:var(--wti-tinta,#1B1512)}
.wfc27 .fpd-esp-f{font:500 13px/1.3 var(--wti-titulos);letter-spacing:.03em;text-transform:uppercase;color:var(--wti-naranja,#F57C00)}
.wfc27 .fpd-esp-con{color:var(--wti-gris,#8A817B);font-size:12.5px}
.wfc27 .fpd-esp-cuan{flex-basis:100%;font-size:12px;color:var(--wti-gris,#8A817B)}
.wfc27 .fpd-lineup{font-size:12.5px;line-height:1.5;color:var(--wfc27-texto);overflow-wrap:anywhere}
.wfc27 .fpd-lineup > b{font:600 10px/1 var(--wti-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--wti-marron,#7A5238);margin-right:4px}
.wfc27 .fpd-botones{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.wfc27 .fpd-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;width:auto;height:36px;margin:0;padding:0 10px;border-radius:999px;border:1.5px solid var(--wti-naranja,#F57C00);box-shadow:none;font:500 12px/1 var(--wti-titulos) !important;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.wfc27 .fpd-b svg{width:15px;height:15px;flex:none}
.wfc27 .fpd-b--lleno{background:var(--wti-naranja,#F57C00) !important;color:#fff !important}
.wfc27 .fpd-b--lleno:hover{background:var(--wti-naranja-fuerte,#E06E00) !important;border-color:var(--wti-naranja-fuerte,#E06E00)}
.wfc27 .fpd-b--borde{background:#fff !important;color:var(--wti-naranja,#F57C00) !important}
.wfc27 .fpd-b--borde:hover{background:var(--wti-crema-borde,#FFF4E5) !important;color:var(--wti-marron,#7A5238) !important;border-color:var(--wti-marron,#7A5238)}

/* ---------------- Móvil: tira que se desliza ---------------- */
@media (max-width:767px){
	.wfc27 .wfc27-pista{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;width:100%}
	.wfc27 .wfc27-pista::-webkit-scrollbar{display:none}
	.wfc27 .wfc27-pista > .wfc27-f,.wfc27 .wfc27-pista > .fpd-ft{flex:0 0 84%;max-width:340px;scroll-snap-align:start}
	.wfc27 .wfc27-pista > :only-child{flex-basis:100%;max-width:none}
	.wfc27 .wfc27-f:hover,.wfc27 .fpd-ft:hover{transform:none;box-shadow:none}
	.wfc27.is-plegado .is-mas{display:flex}
	.wfc27 .wfc27-separa,.wfc27 .wfc27-mas{display:none !important}
	.wfc27 a.cal27b{height:42px;font-size:13px !important}
	.wfc27 .fpd-b{height:40px;font-size:13px !important}
}

@media (prefers-reduced-motion:reduce){
	.wfc27 *{transition:none !important}
}