/* ═══════════════════════════════════════════════════════════════
   JF Constructor · V6
   Ayuda minimizable + acceso permanente a la web.
   ═══════════════════════════════════════════════════════════════ */

/* Acceso a la web en la portada */
.jf-hero-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.jf-home-link {
  min-height:64px;
  padding:0 25px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff;
  background:rgba(24,25,22,.28);
  backdrop-filter:blur(10px);
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  letter-spacing:.055em;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.jf-home-link:hover,
.jf-home-link:focus-visible {
  transform:translateY(-3px);
  background:rgba(24,25,22,.52);
  border-color:rgba(255,255,255,.52);
  outline:none;
}

/* Acceso a Home dentro del constructor */
.jf-builder-home { text-decoration:none; }
.jf-builder-home svg { flex:0 0 auto; }

/* La guía pasa de "popup insistente" a ayuda minimizable. */
#jfg-fab {
  display:grid !important;
  position:fixed !important;
  left:168px !important;
  right:auto !important;
  bottom:20px !important;
  width:54px !important;
  height:54px !important;
  min-height:54px !important;
  padding:0 !important;
  place-items:center;
  border:2px solid rgba(255,255,255,.72) !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(145deg,#181916,#2a2d25) !important;
  box-shadow:0 16px 34px rgba(24,25,22,.26) !important;
  opacity:1;
  pointer-events:auto;
  transform:none;
  animation:none !important;
  transition:transform .22s ease, box-shadow .22s ease, opacity .2s ease !important;
}
#jfg-fab.jfg-hidden {
  display:none !important;
  opacity:0;
  pointer-events:none;
}
#jfg-fab:hover,
#jfg-fab:focus-visible {
  transform:translateY(-3px) scale(1.04) !important;
  box-shadow:0 22px 42px rgba(24,25,22,.34) !important;
  outline:none;
}
.jfg-fab-icon {
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#181916;
  background:var(--jf-olive-light,#c7d19b);
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);
}

/* En móvil los dos accesos flotantes quedan juntos y fuera del dock:
   [? Ayuda] [WhatsApp] */
@media (max-width:900px) {
  .jf-builder-home {
    width:36px;
    height:36px;
    min-height:36px;
    padding:0;
    border-radius:10px;
  }
  .jf-builder-home span { display:none !important; }

  #jfg-fab {
    left:auto !important;
    right:78px !important;
    bottom:86px !important;
    width:54px !important;
    height:54px !important;
  }
  #jfFloatingWhatsappBtn.jf-floating-wa {
    left:auto !important;
    right:14px !important;
    bottom:86px !important;
  }
}

@media (max-width:600px) {
  .jf-hero-actions { display:grid; grid-template-columns:1fr; }
  .jf-home-link { width:100%; min-height:54px; }

  #jfg-popup {
    bottom:86px !important;
    right:10px !important;
    left:10px !important;
    width:auto !important;
    max-height:calc(100dvh - 170px);
  }
}