/* Barra rápida móvil (<=768px): compartir + crear tarjeta. Clases propias .mqb-* */
.mqb{display:none}
@media (max-width:768px){
  .mqb{display:flex;flex-direction:column;gap:8px;order:5;width:100%;box-sizing:border-box;margin-top:10px;padding-top:10px;border-top:1px solid #eee}
  /* la barra de compartir de dentro de la hamburguesa queda duplicada: se oculta solo en móvil */
  nav#main-nav .header-share-subbar{display:none!important}
  .mqb-card{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:14px;background:linear-gradient(135deg,var(--primary-color,#D8660E),#ff8a2b);color:#fff!important;text-decoration:none;box-shadow:0 3px 10px rgba(216,102,14,.35);animation:mqb-pulse 2.6s ease-in-out infinite}
  .mqb-card-ico{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--primary-color,#D8660E);display:flex;align-items:center;justify-content:center;font-size:21px}
  .mqb-spark{position:absolute;top:-3px;right:-3px;font-size:12px;color:#facc15;text-shadow:0 0 2px #b45309}
  .mqb-card-txt{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.15}
  .mqb-card-txt strong{font-size:15px;font-weight:800}
  .mqb-card-txt small{font-size:12px;opacity:.95}
  .mqb-card-go{font-size:14px;opacity:.9}
  .mqb-share{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
  .mqb-share-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-right:2px}
  .mqb-s{width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#fff!important;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.15)}
  .mqb-s svg{width:14px;height:14px}
  .mqb-s-facebook{background:#1877f2}.mqb-s-twitter{background:#000}.mqb-s-pinterest{background:#bd081c}
  .mqb-s-whatsapp{background:#25d366}.mqb-s-telegram{background:#229ed9}.mqb-s-linkedin{background:#0a66c2}.mqb-s-email{background:#d8660e}
}
@keyframes mqb-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media (prefers-reduced-motion:reduce){.mqb-card{animation:none}}
/* Tablet (769-1024px): evita que el menú rompa líneas y el botón de tarjetas se deforme */
@media (min-width:769px) and (max-width:1024px){
  nav#main-nav > ul > li > a{white-space:nowrap}
  nav#main-nav > ul{flex-wrap:nowrap}
}
