/* Invitación de Nosotros: estilos aislados, tipografía global y medidas relativas. */
.about-join { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(2.5rem, 4vw, 4rem); background: linear-gradient(115deg, #fcfdff, #fff 50%, #f9fcff); color: #082441; border-block: .0625rem solid #edf4fb; }
.about-join__container { width: min(88%, 48rem); margin-inline: auto; display: flex; flex-direction: column; align-items: center; text-align: center; }
.about-join__eyebrow { display: flex; align-items: center; gap: .55rem; margin-bottom: .6rem; color: #349be9; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.about-join__eyebrow::before { content: ''; width: 1.15rem; height: .15rem; background: #8acfff; }
.about-join h2 { font-size: clamp(1.9rem, 3vw, 2.8rem); line-height: 1.2; letter-spacing: -.035em; font-weight: 800; }
.about-join h2 span { color: #087bda; }
.about-join__description { max-width: 39rem; margin-top: .85rem; color: #69819b; font-size: clamp(.95rem, 1.3vw, 1.1rem); line-height: 1.5; }
.about-join__button { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; max-width: 100%; margin-top: 1.4rem; padding: .95rem 1.9rem; border: .0625rem solid #38b6ff; border-radius: .65rem; background: #008bfa; color: white; font-size: .9rem; font-weight: 600; text-decoration: none; box-shadow: 0 .2rem .7rem #008bfa15; transition: background .2s ease; }
.about-join__button:hover { background: #006dce; }
.about-join__button:focus-visible { outline: .1875rem solid #085ca8; outline-offset: .25rem; }
/* Círculos recortados: quedan detrás del contenido y no capturan clics. */
.about-join::before, .about-join::after { content: ''; position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; width: clamp(15rem, 27vw, 29rem); aspect-ratio: 1; }
.about-join::before { left: -14%; bottom: -65%; background: #d4ecffb3; box-shadow: 4rem -3rem 0 2rem #e8f4ffb3; }
.about-join::after { right: -13%; top: 0; background: #dff0ffcc; box-shadow: -6rem .3rem 0 -.6rem #e8f4ff; }
@media (max-width: 40rem) { .about-join::before, .about-join::after { opacity: .5; } .about-join::before { left: -65%; } .about-join::after { right: -65%; } }
@media (prefers-reduced-motion: reduce) { .about-join__button { transition: none; } }