/* ===== Acento patrio minimal ===== */
.mx-flagbar {
  height: 4px;
  background: linear-gradient(90deg, #008000 0 33%, #ffffff 33% 66%, #d10000 66% 100%);
}

/* ===== Navbar base ===== */
:root {
  --verde: #e07305ff;
  --rojo: #d10000;
  --ink: #1f2328;
  --ink-soft: #3a3f45;
  --bg: #ffffff;
  --ring: #8b0033;
}

.navbar {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: var(--bg);
  backdrop-filter: saturate(120%) blur(2px);
  border-bottom: 1px solid #eee;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Contenedor */
.navbar .container-fluid { gap: .75rem; }

/* Marca */
.brand-text {
  font-weight: 800;
  letter-spacing: .4px;
  line-height: 1;
  font-size: 1.25rem;
}

.text-mex-green { color: var(--verde); }
.text-mex-white {
  color: #fff;
  -webkit-text-stroke: .45px rgba(0, 0, 0, .35);
  text-shadow: 0 0 3px rgba(0, 0, 0, .35);
}
.text-mex-red { color: var(--rojo); }

/* Enlaces */
.navbar-nav .nav-link {
  color: var(--ink);
  padding: .5rem .75rem;
  border-radius: .5rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
}
.navbar-nav .nav-link:hover { color: var(--ink-soft); }
.navbar-nav .nav-link:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
  border-radius: .5rem;
}
.navbar-nav .nav-link.active {
  color: var(--ink);
}
.navbar-nav .nav-link.active::after {
  content: "";
  position: absolute;
  left: .5rem; right: .5rem; bottom: -10px;
  height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, var(--verde), #fff, var(--rojo));
}

/* Buscador */
.form-control {
  border-radius: .6rem;
  background-color: #fff !important;
  color: var(--ink);
}
.form-control::placeholder {
  color: #777;
}
.form-control:focus {
  background-color: #fff !important;
  color: var(--ink);
  border-color: var(--ring);
  box-shadow: 0 0 0 .2rem rgba(25, 233, 244, 0.25);
}

/* Botones */
.btn {
  border-radius: .6rem;
  font-weight: 600;
}
.btn-success.dropdown-toggle { background: #198754; }

/* Cuenta / Carrito */
.navbar .nav-item .dropdown-toggle { padding: .5rem .75rem; }

/* Offcanvas */
.offcanvas-header { border-bottom: 1px solid #eee; }
.offcanvas-body a.btn {
  border-radius: .6rem;
  font-weight: 600;
  padding: .75rem;
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Responsivo */
@media (max-width: 1200px) {
  .brand-text { font-size: 1.15rem; }
}
@media (max-width: 991.98px) {
  .brand-text { font-size: 1.05rem; }
}