/* Boton de llamada a la accion "Agendar reunion" (menu y pie).
 * Color: el lima #bff747 que el sitio ya usa como acento sobre fondos oscuros,
 * con texto oscuro (contraste 13:1). Destaca sobre el menu teal translucido y
 * sobre el pie morado sin sumar un color nuevo a la paleta.
 */
.aut-cta {
  display: inline-flex; align-items: center; justify-content: center;
  padding: .55rem 1.35rem; border-radius: 999px; border: 2px solid #bff747;
  background: #bff747; color: #252322 !important;
  font-family: 'DM Sans', sans-serif; font-size: .95rem; font-weight: 700; line-height: 1.2; letter-spacing: .2px;
  text-decoration: none !important; white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.aut-cta:hover, .aut-cta:focus-visible { background: #ffffff; border-color: #ffffff; color: #14606f !important; transform: translateY(-1px); }
.aut-cta:active { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .aut-cta { transition: none; } .aut-cta:hover, .aut-cta:focus-visible { transform: none; } }

/* Menu: a la derecha de los enlaces. */
.aut-cta-nav { display: flex; align-items: center; margin-left: 1rem; flex-shrink: 0; }
/* El menu del tema no tiene holgura en anchos medios (probado con capturas):
 *   >= 1350 px      boton completo (verificado a 1536)
 *   1250 - 1349 px  boton compacto y algo menos de aire entre enlaces (verificado a 1260 y 1280)
 *   992 - 1249 px   sin boton en el menu: no cabe en una linea y el salto de fila
 *                   invadia el banner. Sigue en el pie; bajo 992 px vuelve, dentro
 *                   del menu desplegable. */
@media (min-width: 1250px) and (max-width: 1349px) {
  .aut-cta-nav { margin-left: .25rem; }
  .aut-cta-nav .aut-cta { padding: .42rem .85rem; font-size: .85rem; }
  .menu2 .nav-dropdown .link.dropdown-toggle { margin-right: .9em; }
  .menu2 .navbar-nav .nav-link { font-size: .93rem; }
}
@media (min-width: 992px) and (max-width: 1249px) { .aut-cta-nav { display: none; } }
/* Menu desplegable del telefono: centrado, bajo los enlaces. */
@media (max-width: 991px) { .aut-cta-nav { justify-content: center; margin: 1.25rem 0 .5rem; } }

/* Pie: bajo el nombre de la empresa. */
.aut-cta-foot { margin: 1.25rem 0 0; }
@media (max-width: 767px) { .aut-cta-foot { text-align: center; } }