/* ============================================================
   HEADER REFRESH — barra oscura elegante, compacta y con CTA
   ============================================================ */
:root { --mrc-dark:#2b1d12; --mrc-dark-2:#1f150c; --mrc-brown:#6B4423; --mrc-gold:#f4a825; --mrc-gold-d:#e8940f; --mrc-cream:#faf7f2; }

#mainNavbar {
  background: linear-gradient(180deg, var(--mrc-dark) 0%, var(--mrc-dark-2) 100%) !important;
  border-bottom: 3px solid var(--mrc-gold) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.28) !important;
}
body.admin-bar #mainNavbar { top: 32px !important; }
@media (max-width: 782px) { body.admin-bar #mainNavbar { top: 46px !important; } }

.navbar-top-row { min-height: 66px !important; padding: .3rem 0 !important; }
.navbar-brand .logo-img { height: 52px !important; max-height: 52px !important; }

/* Enlaces superiores: sin cápsula gris translúcida */
.enlaces-basicos {
  background: transparent !important; border: none !important; box-shadow: none !important;
  gap: .35rem !important; justify-content: center !important;
}
.enlace-basico {
  color: #e8ddcf !important; border-radius: 8px !important; font-weight: 600 !important;
  padding: .55rem 1rem !important; transition: all .2s ease !important;
}
.enlace-basico:hover, .enlace-basico.active { color: var(--mrc-gold) !important; background: rgba(244,168,37,.10) !important; }

/* Íconos de acción */
.btn-nav-action {
  background: rgba(255,255,255,.07) !important; color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important; border-radius: 12px !important;
}
.btn-nav-action:hover { background: rgba(244,168,37,.18) !important; color: var(--mrc-gold) !important; border-color: rgba(244,168,37,.5) !important; }

/* CTA Cotizar */
.btn-nav-cotizar {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, var(--mrc-gold), var(--mrc-gold-d));
  color: var(--mrc-dark) !important; font-weight: 800; font-size: .95rem;
  padding: .6rem 1.15rem; border-radius: 12px; text-decoration: none;
  box-shadow: 0 6px 16px rgba(244,168,37,.35); transition: all .25s ease; white-space: nowrap;
}
.btn-nav-cotizar:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(244,168,37,.5); color: var(--mrc-dark) !important; }
.navbar-actions { display: flex; align-items: center; gap: .6rem; }

/* Fila de categorías */
.navbar-bottom-row { border-top: 1px solid rgba(255,255,255,.08) !important; background: transparent !important; }
.nav-link-custom { color: #fff !important; font-weight: 600 !important; letter-spacing: .2px; }
.nav-link-custom:hover, .nav-item.show > .nav-link-custom { color: var(--mrc-gold) !important; background: rgba(244,168,37,.08) !important; }
.dropdown-arrow { color: var(--mrc-gold) !important; }

.navbar-toggler { border-color: rgba(255,255,255,.35) !important; }
.navbar-toggler-icon { filter: none; }
@media (max-width: 991px) {
  #mainNav { background: var(--mrc-dark-2); border-radius: 0 0 14px 14px; padding: 8px 4px; }
  .btn-nav-cotizar span { display: none; }
  .btn-nav-cotizar { padding: .6rem .8rem; }
}

/* ============================================================
   BOTÓN FLOTANTE DE WHATSAPP
   ============================================================ */
.mrc-wa-float {
  position: fixed; right: 18px; bottom: 18px; z-index: 1040;
  display: inline-flex; align-items: center; gap: 10px;
  background: #25D366; color: #fff !important; text-decoration: none;
  padding: 13px 18px; border-radius: 50px; font-weight: 700;
  box-shadow: 0 10px 28px rgba(37,211,102,.45); transition: transform .25s ease, box-shadow .25s ease;
}
.mrc-wa-float i { font-size: 1.7rem; line-height: 1; }
.mrc-wa-float:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 14px 34px rgba(37,211,102,.55); }
.mrc-wa-float::after {
  content: ''; position: absolute; inset: 0; border-radius: 50px;
  border: 2px solid #25D366; animation: mrcPulse 2.4s ease-out infinite; pointer-events: none;
}
@keyframes mrcPulse { 0% { transform: scale(1); opacity: .7; } 100% { transform: scale(1.35); opacity: 0; } }
@media (max-width: 767px) {
  .mrc-wa-float { padding: 14px; right: 14px; bottom: 14px; }
  .mrc-wa-label { display: none; }
}