/* ==========================================================================
   Apex · piezas comunes a todas las páginas (inicio, servicios, quiénes
   somos y contacto)
   ========================================================================== */

/* redes en el pie (de día) */
.foot__social {
  display: inline-flex; align-items: center; gap: 0.5rem; min-height: 44px;
  color: var(--day-ink-2); transition: color var(--dur-fast);
}
.foot__social svg { width: 1.15rem; height: 1.15rem; flex: none; }
.foot__social:hover { color: var(--day-ink); }

/* cinco enlaces en la navegación: un poco más juntos en pantallas medianas */
@media (min-width: 64rem) and (max-width: 80rem) {
  .nav__links { gap: 1.1rem !important; }
  .nav__alt { display: none !important; }
}

/* cierre con dos acciones (servicios, quiénes somos) */
.summit__actions { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-4); margin-top: var(--sp-6); }
.summit .summit__actions .btn { margin-top: 0; }
.btn__ico { width: 1.25em; height: 1.25em; flex: none; }

/* botones grandes a lo ancho en teléfonos */
@media (max-width: 40rem) {
  .summit__actions .btn, .ct-hero__actions .btn, .compose__send { width: 100%; padding-inline: 1.1rem; font-size: var(--fs-md); }
}