/* menu.css v.1.1 header */

.menu-left {display: flex; align-items: center; gap: 12px;}
.cont-mnu-lft {display: flex; align-items: flex-start; padding-right: 10px;}
.nav-menu {display: flex; justify-content: flex-end; padding-top: 8px;}
.menu-items {list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0; font-size: 1.04em; letter-spacing: 0.6px; word-spacing: 0.8px; text-decoration: none; font-family:"Arial Narrow", 'sans-serif';}
.menu-items li {display: flex; align-items: center; padding: 0 8px; font-weight: 600; font-size: 1.1em;}
.menu-items .bullet {width: 6px; height: 6px; background-color: red; display: inline-block; margin-right: 5px; flex-shrink: 0;}
.rack {font-size: 2em; line-height: 0.4em; text-decoration: none; padding-bottom: 5px;}
.menu-items li a {display: flex; align-items: center; color: inherit;}
.menu-items li a:hover {color: #1229C6;}
.menu-toggle {display: none; background: none; border: none; font-size: 1.5em; margin-left: auto;}
.menu-toggle i {color: #222;}
.menu-rgt {display: flex; align-items: center; margin-left: auto; padding: 0 12px; font-size: 0.95em;} /* → extremo derecho */
.aniv-36 {background-color: #fff200; padding: 4px 10px 5px 10px; border: 1px solid #E2B900; border-radius: 5px; letter-spacing: 0.4px; font-family: "Arial Narrow", "sans-serif";letter-spacing: 1px; }
.alert {background-color: #EC0A0A; color: #FFFFFF; padding: 5px 10px 3px 10px; font-family: "Arial Narrow", "sans-serif"; font-weight: 700; letter-spacing: 1px; margin-left: 1.4em; border-radius: 5px;}
.alert a,
.alert a.active {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.alert a:hover,
.alert a.active:hover {
  color: #FFFF00 !important;
}
a:-webkit-any-link {color: #1F1F1F; cursor: pointer; text-decoration: none;}

/* === VISTA < 480px === */
@media (max-width: 479px) {
  .cont-mnu {display: flex; flex-direction: column; align-items: stretch; background: white; padding: 0 10px; position: relative;}
  .menu-left {order: 1; width: 100%; justify-content: space-between; align-items: center;}
  .menu-rgt {order: 2; width: 100%; justify-content: flex-end; margin: 6px 0;}
  .nav-menu {display: none; flex-direction: column; width: 100%; margin-top: 10px;}
  .nav-menu.show {display: flex;}
  .menu-toggle {display: block; margin-left: auto;}
  .menu-items {flex-direction: column; gap: 0;}
  .menu-items li {justify-content: flex-start; margin-bottom: 1.2em;} /* restaurado */
}

/* === VISTA 480px a 767px === */
@media (min-width: 480px) and (max-width: 767px) {
  .cont-mnu {flex-direction: column; align-items: stretch; background: white; padding: 0 10px; position: relative;}
  .menu-left {order: 1; justify-content: space-between; width: 100%;}
  .menu-rgt {order: 2; justify-content: flex-end; width: 100%; margin: 6px 0;} /* ajuste derecho */
  .nav-menu {display: none; flex-direction: column; width: 100%;}
  .nav-menu.show {display: flex;}
  .menu-toggle {display: block; margin-left: auto;}
  .menu-items {flex-direction: column;}
  .menu-items li {justify-content: flex-start; margin-bottom: 1.2em;}
}

/* === VISTA 768px a 1023px === */
@media (min-width: 768px) and (max-width: 1023px) {
  .cont-mnu {display: flex; flex-direction: column; align-items: stretch; background: white; padding: 0 10px; position: relative;}
  .menu-left {order: 1; justify-content: space-between; width: 100%;}
  .menu-rgt {order: 2; justify-content: flex-end; width: 100%; margin: 6px 0;}
  .nav-menu {display: none; flex-direction: column; width: 100%;}
  .nav-menu.show {display: flex;}
  .menu-toggle {display: block; margin-left: auto;}
  .menu-items {flex-direction: column;}
  .menu-items li {justify-content: flex-start; margin-bottom: 1.2em;}
}

/* === VISTA >= 1024px === */
@media (min-width: 1024px) {
  .menu-toggle {display: none;}
  .menu-items li {font-size: 0.97em;}
  .cont-mnu {display: flex; align-items: center; justify-content: space-between; background: white; height: 55px; position: relative;}
  .nav-menu {display: flex;}
  .menu-rgt {justify-content: flex-end; margin-left: auto;} /* ← asegurado extremo derecho */
}

/* menu-items tipo <a> directos, fuera de <ul><li> */
#menu-items-all.menu-items {display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; padding: 10px 0; margin-top: 14px;}
#menu-items-all.menu-items a {display: inline-block; padding: 6px 14px; font-weight: 600; font-size: 1em; color: #363636; text-decoration: none; transition: all 0.3s ease;}
#menu-items-all.menu-items a:hover {background-color: #eee; color: #1229C6;}

/* menu.css v.1.0.9 - fin */