.elementor-219 .elementor-element.elementor-element-09d9fc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}body.elementor-page-219{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-4c5a841 *//* ── WEST5 — Filtro Por necesidad (etiquetas) ── */
.w5-necesidad-filter {
    margin: 0 0 28px;
    font-family: 'TT Commons Pro','Helvetica Neue',Arial,sans-serif;
}
.w5-necesidad-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #23315F !important;
    margin: 0 0 14px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.w5-necesidad-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.w5-necesidad-pill {
    display: block;
    width: 100%;
    padding: 14px 22px;
    background: #f3f5fa;
    color: #23315F !important;
    border: 1px solid transparent;
    border-radius: 30px;
    font-family: 'TT Commons Pro','Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}
.w5-necesidad-pill:hover {
    background: #e9edf6;
    border-color: #d8dde8;
}
.w5-necesidad-pill.active {
    background: #23315F;
    color: #ffffff !important;
    border-color: #23315F;
}
.w5-necesidad-pill.active:hover {
    background: #2d3e75;
    border-color: #2d3e75;
}/* End custom CSS */