.boll-pilares__grid { display: grid; gap: var(--boll-space-gap); }
.boll-pilares__card {
	display: flex; flex-direction: column; padding: 2rem 1.75rem 1.75rem;
	background: var(--boll-color-surface); border: 1px solid var(--boll-color-border);
	border-top: 5px solid var(--boll-color-primary); border-radius: var(--boll-radius);
	transition: transform .3s var(--boll-ease), box-shadow .3s var(--boll-ease), border-color .3s var(--boll-ease);
}
.boll-pilares__card:hover { transform: translateY(-6px); box-shadow: var(--boll-shadow); border-color: var(--boll-color-border-strong); border-top-color: var(--boll-color-primary); }
.boll-pilares__title { font-family: var(--boll-font-display); font-weight: var(--boll-fw-display); font-size: 2.25rem; line-height: 1; text-transform: uppercase; letter-spacing: .02em; }
.boll-pilares__pregunta { margin-top: .6rem; color: var(--boll-color-muted); font-style: italic; }
.boll-pilares__list { list-style: none; margin: 1.5rem 0; padding: 0; flex: 1; }
.boll-pilares__list li { padding: .9rem 0; border-top: 1px solid var(--boll-color-border); line-height: var(--boll-lh-body); }
.boll-pilares__resultado {
	margin: 0; padding-top: 1.25rem; border-top: 1px solid var(--boll-color-border-strong);
	color: var(--boll-color-primary); font-weight: 800; line-height: var(--boll-lh-tight);
}
.boll-pilares__pie {
	max-width: 62ch; margin: clamp(2.5rem, 6vw, 4rem) auto 0; text-align: center;
	color: var(--boll-color-muted); font-size: var(--boll-fs-lead); line-height: var(--boll-lh-tight);
}
.boll-pilares__pie strong { color: var(--boll-color-text); font-weight: 800; }
@media (min-width: 768px) { .boll-pilares__grid { grid-template-columns: repeat(3, 1fr); } }
@media (prefers-reduced-motion: reduce) { .boll-pilares__card { transition: none; } .boll-pilares__card:hover { transform: none; } }

/* Icono del pilar: grande, con halo; al pasar el cursor se llena de rojo */
.boll-pilares__icon {
	position: relative; display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: 1.25rem; border-radius: 50%;
	color: var(--boll-color-primary); background: var(--boll-color-primary-soft);
	border: 1px solid color-mix(in srgb, var(--boll-color-primary) 35%, transparent);
	transition: background .35s var(--boll-ease), color .35s var(--boll-ease), transform .45s var(--boll-ease);
}
.boll-pilares__icon::after {
	content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 1px dashed color-mix(in srgb, var(--boll-color-primary) 45%, transparent);
	opacity: 0; transition: opacity .35s;
}
.boll-pilares__icon svg { width: 1.6rem; height: 1.6rem; }
.boll-pilares__card:hover .boll-pilares__icon { background: var(--boll-color-primary); color: var(--boll-color-text); transform: scale(1.06); }
.boll-pilares__card:hover .boll-pilares__icon::after { opacity: 1; animation: boll-pilares-gira 6s linear infinite; }
@keyframes boll-pilares-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .boll-pilares__icon { transition: none; } .boll-pilares__card:hover .boll-pilares__icon::after { animation: none; } }