/* Premium alert filters for Cyber Intelligence page 1264. */
.ci-hub-section .faci-hub__filters{
	position:relative;
	isolation:isolate;
	gap:12px;
	padding:14px;
	overflow-x:auto;
	border:1px solid rgba(34,211,238,.20);
	border-radius:20px;
	background:
		radial-gradient(circle at 9% 0%,rgba(34,211,238,.10),transparent 27%),
		radial-gradient(circle at 91% 100%,rgba(124,58,237,.12),transparent 31%),
		linear-gradient(145deg,rgba(10,18,34,.96),rgba(5,9,18,.985));
	box-shadow:
		0 22px 52px rgba(3,8,18,.30),
		0 0 32px rgba(34,211,238,.075),
		inset 0 1px rgba(255,255,255,.035),
		inset 0 0 34px rgba(124,58,237,.035);
	backdrop-filter:blur(16px);
	scrollbar-color:rgba(34,211,238,.36) rgba(255,255,255,.035);
}
.ci-hub-section .faci-hub__filters::before{
	position:absolute;
	z-index:2;
	top:0;
	left:8%;
	width:84%;
	height:2px;
	content:"";
	background:linear-gradient(90deg,transparent,#7c3aed,#22d3ee,#f68712,#ef4444,transparent);
	box-shadow:0 0 22px rgba(34,211,238,.38);
	pointer-events:none;
}
.ci-hub-section .faci-hub__filters button{
	--faci-filter-accent:#22d3ee;
	--faci-filter-secondary:#7c3aed;
	position:relative;
	isolation:isolate;
	display:inline-grid;
	grid-template-columns:12px auto;
	gap:10px;
	align-items:center;
	min-height:50px;
	padding:0 18px;
	overflow:hidden;
	border:1px solid color-mix(in srgb,var(--faci-filter-accent) 28%,rgba(255,255,255,.08));
	border-radius:13px;
	background:
		radial-gradient(circle at 11% 50%,color-mix(in srgb,var(--faci-filter-accent) 13%,transparent),transparent 33%),
		linear-gradient(145deg,rgba(22,35,56,.96),rgba(8,14,27,.98));
	color:#c8d7e5;
	font:800 12px/1 Manrope,sans-serif;
	letter-spacing:.01em;
	box-shadow:
		0 12px 26px rgba(0,0,0,.24),
		0 0 18px color-mix(in srgb,var(--faci-filter-accent) 7%,transparent),
		inset 0 1px rgba(255,255,255,.03),
		inset 0 0 20px color-mix(in srgb,var(--faci-filter-secondary) 4%,transparent);
	text-shadow:0 1px 0 rgba(0,0,0,.35);
	transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.ci-hub-section .faci-hub__filters button::before{
	position:relative;
	z-index:2;
	width:10px;
	height:10px;
	border:2px solid rgba(255,255,255,.72);
	border-radius:50%;
	content:"";
	background:var(--faci-filter-accent);
	box-shadow:
		0 0 9px color-mix(in srgb,var(--faci-filter-accent) 82%,transparent),
		0 0 18px color-mix(in srgb,var(--faci-filter-accent) 44%,transparent);
	transition:transform .22s ease,box-shadow .22s ease;
}
.ci-hub-section .faci-hub__filters button::after{
	position:absolute;
	z-index:1;
	top:0;
	left:12%;
	width:76%;
	height:2px;
	content:"";
	background:linear-gradient(90deg,transparent,var(--faci-filter-accent),var(--faci-filter-secondary),transparent);
	box-shadow:0 0 18px color-mix(in srgb,var(--faci-filter-accent) 42%,transparent);
	opacity:.48;
	transition:opacity .22s ease,box-shadow .22s ease;
}
.ci-hub-section .faci-hub__filters button:hover,
.ci-hub-section .faci-hub__filters button:focus-visible{
	transform:translateY(-3px);
	border-color:color-mix(in srgb,var(--faci-filter-accent) 66%,transparent);
	background:
		radial-gradient(circle at 13% 50%,color-mix(in srgb,var(--faci-filter-accent) 22%,transparent),transparent 38%),
		linear-gradient(145deg,rgba(25,40,64,.98),rgba(8,14,28,.99));
	color:#fff;
	box-shadow:
		0 18px 34px rgba(0,0,0,.32),
		0 0 24px color-mix(in srgb,var(--faci-filter-accent) 24%,transparent),
		0 0 42px color-mix(in srgb,var(--faci-filter-secondary) 10%,transparent),
		inset 0 0 22px color-mix(in srgb,var(--faci-filter-accent) 7%,transparent);
	outline:none;
}
.ci-hub-section .faci-hub__filters button:hover::before,
.ci-hub-section .faci-hub__filters button:focus-visible::before{
	transform:scale(1.12);
	box-shadow:
		0 0 11px color-mix(in srgb,var(--faci-filter-accent) 90%,transparent),
		0 0 24px color-mix(in srgb,var(--faci-filter-accent) 58%,transparent);
}
.ci-hub-section .faci-hub__filters button:hover::after,
.ci-hub-section .faci-hub__filters button:focus-visible::after{opacity:.95}
.ci-hub-section .faci-hub__filters button.is-active{
	transform:translateY(-2px);
	border-color:color-mix(in srgb,var(--faci-filter-accent) 82%,#fff 8%);
	background:
		radial-gradient(circle at 13% 50%,color-mix(in srgb,var(--faci-filter-accent) 28%,transparent),transparent 42%),
		linear-gradient(145deg,color-mix(in srgb,var(--faci-filter-accent) 12%,#17243a 88%),rgba(5,9,18,.99));
	color:#fff;
	box-shadow:
		0 18px 38px rgba(0,0,0,.34),
		0 0 0 1px color-mix(in srgb,var(--faci-filter-accent) 22%,transparent),
		0 0 30px color-mix(in srgb,var(--faci-filter-accent) 34%,transparent),
		0 0 54px color-mix(in srgb,var(--faci-filter-secondary) 14%,transparent),
		inset 0 0 28px color-mix(in srgb,var(--faci-filter-accent) 10%,transparent);
	animation:faci-alert-filter-pulse 2.8s ease-in-out infinite;
}
.ci-hub-section .faci-hub__filters button.is-active::before{
	transform:scale(1.16);
	background:#fff;
	border-color:var(--faci-filter-accent);
	box-shadow:
		0 0 0 3px color-mix(in srgb,var(--faci-filter-accent) 18%,transparent),
		0 0 13px color-mix(in srgb,var(--faci-filter-accent) 94%,transparent),
		0 0 28px color-mix(in srgb,var(--faci-filter-accent) 70%,transparent);
}
.ci-hub-section .faci-hub__filters button.is-active::after{
	height:3px;
	top:-1px;
	opacity:1;
	box-shadow:0 0 22px color-mix(in srgb,var(--faci-filter-accent) 66%,transparent);
}
.ci-hub-section .faci-hub__filters button[data-faci-filter="all"]{--faci-filter-accent:#22d3ee;--faci-filter-secondary:#7c3aed}
.ci-hub-section .faci-hub__filters button[data-faci-filter="source:incibe_cert"]{--faci-filter-accent:#f68712;--faci-filter-secondary:#22d3ee}
.ci-hub-section .faci-hub__filters button[data-faci-filter="source:cisa_kev"]{--faci-filter-accent:#ef4444;--faci-filter-secondary:#f68712}
.ci-hub-section .faci-hub__filters button[data-faci-filter="source:incibe_empresas"]{--faci-filter-accent:#3b82f6;--faci-filter-secondary:#22d3ee}
.ci-hub-section .faci-hub__filters button[data-faci-filter="source:ncsc"]{--faci-filter-accent:#7c3aed;--faci-filter-secondary:#22d3ee}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:actualizacion"]{--faci-filter-accent:#3b82f6;--faci-filter-secondary:#22d3ee}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:cero_dia"]{--faci-filter-accent:#f43f5e;--faci-filter-secondary:#ec4899}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:explotacion_activa"]{--faci-filter-accent:#ef4444;--faci-filter-secondary:#f68712}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:vulnerabilidad"]{--faci-filter-accent:#7c3aed;--faci-filter-secondary:#22d3ee}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:phishing"]{--faci-filter-accent:#f68712;--faci-filter-secondary:#ef4444}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:fraude"]{--faci-filter-accent:#fb923c;--faci-filter-secondary:#ef4444}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:ransomware"]{--faci-filter-accent:#ef4444;--faci-filter-secondary:#ec4899}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:aviso_tecnico"]{--faci-filter-accent:#f68712;--faci-filter-secondary:#7c3aed}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:proteccion"]{--faci-filter-accent:#22d3ee;--faci-filter-secondary:#3b82f6}
.ci-hub-section .faci-hub__filters button[data-faci-filter="category:buenas_practicas"]{--faci-filter-accent:#2dd4bf;--faci-filter-secondary:#22d3ee}
@keyframes faci-alert-filter-pulse{
	0%,100%{filter:brightness(1);}
	50%{filter:brightness(1.08);}
}

/* Tablet: three-column grid, no horizontal scrolling. */
@media(max-width:1024px){
	.ci-hub-section .faci-hub__filters{
		display:grid!important;
		grid-template-columns:repeat(3,minmax(0,1fr))!important;
		grid-auto-flow:row!important;
		align-items:stretch!important;
		overflow-x:visible!important;
		overflow-y:visible!important;
		scrollbar-width:none!important;
	}
	.ci-hub-section .faci-hub__filters::-webkit-scrollbar{display:none!important}
	.ci-hub-section .faci-hub__filters button{
		width:100%!important;
		min-width:0!important;
		max-width:none!important;
		min-height:52px;
		justify-content:center!important;
		white-space:normal!important;
		text-align:left!important;
		line-height:1.22!important;
	}
}

/* Mobile: two-column grid and natural line wrapping. */
@media(max-width:640px){
	.ci-hub-section .faci-hub__filters{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:8px!important;
		padding:10px!important;
		border-radius:16px!important;
	}
	.ci-hub-section .faci-hub__filters button{
		grid-template-columns:8px minmax(0,auto)!important;
		gap:7px!important;
		min-height:48px!important;
		padding:8px 10px!important;
		border-radius:11px!important;
		font-size:10.5px!important;
		line-height:1.18!important;
	}
	.ci-hub-section .faci-hub__filters button::before{width:8px;height:8px}
	.ci-hub-section .faci-hub__filters button:hover,
	.ci-hub-section .faci-hub__filters button:focus-visible,
	.ci-hub-section .faci-hub__filters button.is-active{transform:none}
}

/* Very narrow phones: one column for full legibility. */
@media(max-width:380px){
	.ci-hub-section .faci-hub__filters{grid-template-columns:minmax(0,1fr)!important}
	.ci-hub-section .faci-hub__filters button{justify-content:flex-start!important;padding-right:14px!important;padding-left:14px!important}
}

@media(prefers-reduced-motion:reduce){
	.ci-hub-section .faci-hub__filters button,
	.ci-hub-section .faci-hub__filters button::before,
	.ci-hub-section .faci-hub__filters button::after{animation:none!important;transition:none!important}
}