/* Alternativa elegida: foto y título; detalle accesible al hover o al tocar. */
.needs.needs-interactive .needs-grid{align-items:start;gap:24px}
.needs.needs-interactive .need-card{position:relative;isolation:isolate;height:390px;min-height:0;padding:0;overflow:hidden;border:1px solid #d9e0ed;border-radius:9px;background:#eaf0f8;transition:transform .3s ease,border-color .3s ease;cursor:pointer}
.needs.needs-interactive .need-card::before{display:none}
.needs.needs-interactive .need-media{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;border-radius:0}
.needs.needs-interactive .need-media img{position:static;display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:none;transition:transform .8s ease}
.needs.needs-interactive .message-media img{object-position:center 22%}
.needs.needs-interactive .identity-media img,.needs.needs-interactive .launch-media img,.needs.needs-interactive .report-media img{object-fit:contain;object-position:center 28%;background:#e5ebf6}
.needs.needs-interactive .need-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(7,17,38,.32) 58%,rgba(7,17,38,.96) 100%);transition:background .3s}
.needs.needs-interactive .need-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;width:100%;color:#fff;pointer-events:none;min-height:0}
.needs.needs-interactive .card-number{display:none!important}
.needs.needs-interactive .need-content h3{margin:0;color:#fff;font-size:clamp(25px,2.05vw,31px);font-weight:600;line-height:1.12;letter-spacing:-.025em}
.needs.needs-interactive .need-content h3 button{position:static;display:block;width:100%;padding:0 22px 0 0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;pointer-events:auto}
.needs.needs-interactive .need-content h3 button::after{content:"+";position:absolute;inset:auto 23px 25px auto;font-size:24px;line-height:1;color:#ff9ac5;transition:rotate .3s}
.needs.needs-interactive .need-content h3 br{display:none}
.needs.needs-interactive .need-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s ease,opacity .3s ease,margin .35s ease;margin-top:0}
.needs.needs-interactive .need-detail-inner{min-height:0;overflow:hidden}
.needs.needs-interactive .need-detail p{font-size:15px;line-height:1.5;color:#fff;margin:0 0 16px;max-height:none}
.needs.needs-interactive .need-detail .card-bottom{color:#ff9ac5;font-size:11px;line-height:1.5;margin:0;display:block;opacity:1;max-height:none;transform:none}
.needs.needs-interactive .need-detail .card-bottom>span{max-width:none}
.needs.needs-interactive .card-bottom svg{display:none}
.needs.needs-interactive .need-card.is-active{border-color:#e90063;transform:translateY(-3px)}
.needs.needs-interactive .need-card.is-active .need-media::after{background:linear-gradient(180deg,rgba(7,17,38,.2),rgba(7,17,38,.94) 70%)}
.needs.needs-interactive .need-card.is-active .need-media img{transform:scale(1.025)}
.needs.needs-interactive .need-card.is-active .need-detail{grid-template-rows:1fr;opacity:1;margin-top:16px}
.needs.needs-interactive .need-card.is-active h3 button::after{content:"−";bottom:auto;top:18px}
.needs.needs-interactive .need-card:focus-within{outline:3px solid #1765ff;outline-offset:3px}
@media(max-width:960px){.needs.needs-interactive .need-card{height:400px}}
@media(max-width:600px){.needs.needs-interactive .need-card{height:420px}.needs.needs-interactive .need-content{padding:25px}.needs.needs-interactive .need-content h3{font-size:28px;line-height:1.13}.needs.needs-interactive .need-detail p{font-size:16px;line-height:1.5}.needs.needs-interactive .need-card.is-active{transform:none}.needs.needs-interactive .need-media img{object-position:50% 24%}}
@media(prefers-reduced-motion:reduce){.needs.needs-interactive *{transition:none!important;transform:none!important}}

