/*.site-navigation{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
}*/

/* --- Menú fijo al hacer scroll (robusto) --- */
.site-navigation{
  position: relative;
  z-index: 9999;
}

.site-navigation.is-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}

/* ===== Header CTA centrado en móvil ===== */
@media (max-width: 991.98px) {

  /* centra el bloque derecho debajo del logo */
  #header .header-right {
    text-align: center !important;
    margin-top: 10px;
  }

  /* el UL se vuelve "inline-block" centrado y sin float raro */
  #header .top-info-box {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }

  /* el LI del botón ocupa todo el ancho y se centra */
  #header .top-info-box .header-get-a-quote {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 8px;
  }

  /* el botón centrado y con un ancho cómodo */
  #header .top-info-box .header-get-a-quote .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 92vw;
    white-space: normal; /* permite 2 líneas si hace falta */
    text-align: center;
  }
}

/* ===== Call to action: compactar en móvil ===== */
@media (max-width: 767.98px) {

  /* Caja principal */
  .call-to-action-box .action-style-box {
    padding: 16px 14px !important;   /* antes suele ser 40px+ */
  }

  /* Título */
  .call-to-action-box .action-title {
    font-size: 18px !important;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  /* Texto contenedor */
  .call-to-action-box .call-to-action-text {
    margin-bottom: 8px;
  }

  /* Botón */
  .call-to-action-box .call-to-action-btn .btn {
    padding: 10px 18px;
    font-size: 14px;
  }

  /* Quitar espacios extra del grid */
  .call-to-action-box .row {
    margin-left: 0;
    margin-right: 0;
  }
}