/* /onboarding — la página para agendar la primera reunión.
   Hereda todo el sistema de styles.css; acá van sólo las reglas propias. */

.navbar-etiqueta{margin:0 0 0 auto;font-family:var(--sans);font-weight:700;font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gris);}

/* El hero cede espacio abajo: el calendario es la acción, no una sección aparte. */
.hero--onboarding{padding-bottom:clamp(28px,4vw,52px);}
.hero--onboarding .bajada{max-width:52ch;}

.agenda{padding-block:0 clamp(72px,9vw,130px);}
.calendario{max-width:1000px;margin-inline:auto;background:#fff;
  border:1px solid var(--linea-suave);border-radius:var(--radio);overflow:hidden;}
/* Cal.com ajusta la altura del iframe solo; el mínimo evita el salto al cargar. */
.calendario-cal{width:100%;min-height:560px;overflow:auto;}
.calendario-cal iframe{display:block;}

.agenda-nota{margin:1.4rem auto 0;text-align:center;color:var(--gris);font-size:.94rem;
  max-width:52ch;}

.visualmente-oculto{position:absolute !important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}