/* Integrations Three / Tailark: measured public preview, adapted to benefits. */
.join-page #beneficios.join-integrationsBenefits{padding:32px 0 64px;background:#fff;color:#0a0a0a;font:400 16px/24px ui-sans-serif,system-ui,sans-serif}
.join-integrationsBenefits .join-container{width:100%;max-width:1024px;padding:0 24px;margin:auto}
.join-integrationsBenefits .join-sectionHeading{display:block;max-width:none;text-align:left;margin:0}
.site-unified .join-page .join-integrationsBenefits h2{font:600 36px/40px ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;text-wrap:balance;margin:0}
.join-integrationsBenefits .join-sectionHeading>p:last-child{font-size:18px;line-height:28px;max-width:none;text-wrap:pretty;color:#737373;margin:12px 0 0}
.join-integrationsBenefits .join-benefitsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.join-integrationsBenefits .join-benefitCard{background:rgba(10,10,10,.05);padding:24px;border-radius:12px;box-shadow:none;border:0;min-width:0}
.join-integrationsBenefits .join-benefitIcon{display:block;width:40px;height:40px;padding:0;margin:0 0 24px;background:transparent;border-radius:0;color:#0868cf}
.join-integrationsBenefits .join-benefitIcon svg{display:block;width:40px;height:40px;stroke-width:1.5}
.site-unified .join-page .join-integrationsBenefits h3{font:600 18px/28px ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;text-wrap:initial;margin:0 0 6px;color:#0a0a0a}
.join-integrationsBenefits .join-benefitCard p{font:400 16px/24px ui-sans-serif,system-ui,sans-serif;color:#737373;margin:0;text-wrap:pretty}
@media(max-width:1023px){.join-integrationsBenefits .join-benefitsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.site-unified .join-page .join-integrationsBenefits h2{font-size:30px;line-height:36px}}
@media(max-width:639px){.join-page #beneficios.join-integrationsBenefits{padding-top:20px;padding-bottom:44px}.join-integrationsBenefits .join-benefitsGrid{grid-template-columns:1fr}.join-integrationsBenefits .join-sectionHeading>p:last-child{font-size:18px;line-height:28px}}
.join-page #beneficios.join-integrationsBenefits .join-sectionHeading>p:last-child{font-size:18px;line-height:28px;max-width:none;margin-top:12px;color:#737373}
/* Solid Bootstrap Icons: a consistent, more substantial institutional mark. */
.join-integrationsBenefits .join-benefitIcon{color:#17191c}
.join-integrationsBenefits .join-benefitIcon svg{fill:currentColor;stroke:none;stroke-width:0}
/* Reduce solid icon weight after visual review. */
.join-integrationsBenefits .join-benefitIcon{width:30px;height:30px;margin-bottom:20px}
.join-integrationsBenefits .join-benefitIcon svg{width:30px;height:30px}
/* Final size requested in the next visual review. */
.join-integrationsBenefits .join-benefitIcon{width:24px;height:24px;margin-bottom:18px}
.join-integrationsBenefits .join-benefitIcon svg{width:24px;height:24px}