/* =========================================================
   SPC León · ajustes ligeros de UX/UI (2026)
   Mismos colores y tipografía del sitio: navy #3e3e63, naranja #f58736.
   ========================================================= */

/* ---- navegación ---- */
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 100px; }

/* contorno visible al navegar con teclado (el tema lo quitaba con !important) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #f58736 !important;
  outline-offset: 2px;
}

/* ---- distintivo de Google en testimoniales ---- */
.ux-rating {
  display: inline-block;
  margin-top: 14px;
  padding: 6px 18px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  transition: background 0.3s;
}
.ux-rating:hover, .ux-rating:focus { background: rgba(255, 255, 255, 0.22); color: #ffffff; }
.ux-rating strong { font-weight: 600; }
.section-title .ux-rating span.ux-stars { /* el tema pone los span del título en bloque */
  display: inline; margin: 0; font-size: inherit; font-weight: normal; text-transform: none;
  color: #fbbc04; letter-spacing: 1px;
}

/* ---- botón alterno de WhatsApp en formularios ---- */
.button.ux-wa-alt { margin-left: 10px; text-transform: none; }

/* ---- barra de contacto fija (solo celular) ---- */
.ux-bar { display: none; }

@media (max-width: 767px) {
  .ux-bar {
    display: flex;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 1001;
    padding-bottom: env(safe-area-inset-bottom);
    background: #3e3e63;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.15);
  }
  .ux-bar a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 54px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
  }
  .ux-bar a:hover, .ux-bar a:focus { color: #ffffff; }
  .ux-bar .ux-bar-wa { background: #25d366; }
  body { padding-bottom: 54px; }
  /* la burbuja flotante se sustituye por la barra */
  body > a[href*="wa.me"][aria-label] { display: none !important; }

  /* campos de 16px: iPhone ya no hace zoom al escribir */
  .form-control { font-size: 16px; }

  .button.ux-wa-alt { margin: 12px 0 0; display: block; }
  #submit-btn { display: block; }
}