.boll-sintomas__grid { display: grid; gap: var(--boll-space-gap); }
.boll-sintomas__col {
	position: relative; padding: 1.75rem 1.5rem 1rem;
	border-top: 3px solid var(--boll-color-primary);
	background: color-mix(in srgb, var(--boll-color-surface) 60%, transparent);
	border-radius: 0 0 var(--boll-radius-sm) var(--boll-radius-sm);
	transition: background .3s var(--boll-ease), transform .3s var(--boll-ease), box-shadow .3s var(--boll-ease);
}
.boll-sintomas__col:hover { background: var(--boll-color-surface); transform: translateY(-4px); box-shadow: var(--boll-shadow); }
.boll-sintomas__title { font-family: var(--boll-font-sub); font-size: var(--boll-fs-h3); font-weight: var(--boll-fw-sub); line-height: var(--boll-lh-tight); margin-bottom: 1rem; }
.boll-sintomas__list { list-style: none; margin: 0; padding: 0; }
.boll-sintomas__item {
	position: relative; padding: 1rem 0 1rem 1.5rem; color: var(--boll-color-muted);
	border-top: 1px solid var(--boll-color-border); line-height: var(--boll-lh-body);
	transition: color .3s var(--boll-ease);
}
.boll-sintomas__item::before {
	content: ''; position: absolute; left: 0; top: 1.5rem; width: .5rem; height: .5rem;
	border-radius: 50%; background: var(--boll-color-primary); opacity: .7;
}
.boll-sintomas__col:hover .boll-sintomas__item { color: var(--boll-color-text); }
.boll-sintomas__cierre {
	max-width: 60ch; margin: clamp(2.5rem, 6vw, 4rem) auto 0; padding-top: 2rem; text-align: center;
	border-top: 1px solid var(--boll-color-border-strong);
	font-size: var(--boll-fs-lead); line-height: var(--boll-lh-tight); color: var(--boll-color-muted);
}
.boll-sintomas__cierre strong { color: var(--boll-color-text); font-weight: 800; }
@media (min-width: 768px) { .boll-sintomas__grid { grid-template-columns: repeat(3, 1fr); } }
@media (prefers-reduced-motion: reduce) { .boll-sintomas__col { transition: none; } .boll-sintomas__col:hover { transform: none; } }

/* Icono de la columna: se enciende al pasar el cursor */
.boll-sintomas__icon {
	display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1.1rem; border-radius: 14px;
	color: var(--boll-color-primary); background: var(--boll-color-primary-soft);
	transition: background .35s var(--boll-ease), color .35s var(--boll-ease), transform .45s var(--boll-ease);
}
.boll-sintomas__icon svg { width: 1.45rem; height: 1.45rem; }
.boll-sintomas__col:hover .boll-sintomas__icon { background: var(--boll-color-primary); color: var(--boll-color-text); transform: rotate(-8deg) scale(1.08); }
@media (prefers-reduced-motion: reduce) { .boll-sintomas__icon { transition: none; } .boll-sintomas__col:hover .boll-sintomas__icon { transform: none; } }