/* Home reuses the published Soluciones photo fan, scoped to this section only.
   Five existing phase-filter destinations; no new pages or JavaScript. */
.needs-section .sl-fan{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start;padding:20px 0 22px}
.needs-section .sl-phase{position:relative;appearance:none;background:none;border:0;padding:0 0 12px;color:#163466;font-family:inherit;text-align:center;cursor:pointer;min-width:0;text-decoration:none}
.needs-section .sl-phase:nth-child(1),.needs-section .sl-phase:nth-child(5){margin-top:64px}
.needs-section .sl-phase:nth-child(2),.needs-section .sl-phase:nth-child(4){margin-top:20px}
.needs-section .sl-phase-image{display:block;border-radius:22px;border:3px solid transparent;overflow:hidden;aspect-ratio:1/1;transition:border-color .2s,box-shadow .2s}
.needs-section .sl-phase-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.needs-section .sl-phase:hover .sl-phase-image{border-color:#A8CF38;box-shadow:0 5px 20px #16346618}
.needs-section .sl-phase-symbol{display:block;width:28px;height:26px;object-fit:contain;margin:13px auto 9px}
.needs-section .sl-phase-name{display:block;font-size:19px;font-weight:700;line-height:1.25}
.needs-section .sl-phase:focus-visible{outline:3px solid #163466;outline-offset:4px}
/* The existing contact copy and destination stay unchanged; only alignment moves. */
.needs-section .needs-footer{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.needs-section .needs-footer p{margin:0}
.needs-section .needs-footer .text-link{align-self:center}
@media(max-width:1000px){
 .needs-section .sl-fan{gap:12px}
 .needs-section .sl-phase-name{font-size:16px}
}
@media(max-width:700px){
 .needs-section .sl-fan{grid-template-columns:1fr;gap:12px;padding-top:12px}
 .needs-section .sl-phase:nth-child(n){margin-top:0;display:grid;grid-template-columns:90px 30px 1fr;align-items:center;gap:12px;text-align:left;border:1px solid #dce4ec;border-radius:16px;padding:9px}
 .needs-section .sl-phase-image{width:90px;border-radius:12px}
 .needs-section .sl-phase-symbol{margin:0 auto}
 .needs-section .sl-phase-name{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.needs-section .sl-phase-image{transition:none}}

/* Approved Home-only blue comparison. Geometry and images remain unchanged. */
.needs-section{background:#163466;color:#fff}
.needs-section .needs-heading h2,.needs-section .needs-heading p,.needs-section .eyebrow,.needs-section .sl-phase,.needs-section .needs-footer p,.needs-section .text-link{color:#fff}
.needs-section .needs-footer .text-link{border-bottom-color:#ffffff70}
.needs-section .sl-phase:focus-visible{outline-color:#fff}
.needs-section .needs-arrow-icon{display:block;width:1em;height:1em;flex:none}