/* ARQSYS 1.1: encabezado con fondo animado y barra superior ordenada */
html body #header { position: relative; isolation: isolate; background-color: #111214 !important; }
html body #header::after { display: none !important; }
html body #header .header-nav, html body #header .header-top, html body #header .header-banner,
html body #header .header-nav .container, html body #header .header-top .container { background: transparent !important; box-shadow: none !important; }

/* Lo que sale de la barra: idioma, teléfono y el selector de moneda nativo (lo reemplaza el nuestro) */
#_desktop_language_selector, #_mobile_language_selector, #_desktop_contact_link,
.header-nav #_desktop_currency_selector { display: none !important; }

/* Barra superior: fecha, dólar | moneda (al centro) | sesión y carrito */
@media (min-width: 768px) {
  html body #header .header-nav .hidden-sm-down { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1.25rem; padding: .55rem 0; }
  html body #header .header-nav .hidden-sm-down > div,
  html body #header .header-nav .right-nav { display: contents; }
  #header .arq-fecha { order: 1; }
  #header .arq-tc { order: 2; }
  #header .arq-ia { order: 3; }
  #header .arq-moneda { order: 4; margin: 0 auto; }
  #header #_desktop_user_info { order: 5; }
  #header #_desktop_cart { order: 6; }
  #header #_desktop_user_info, #header #_desktop_cart { float: none !important; margin: 0 !important; }
}
.arq-fecha { color: #d9dbe0; font-size: .9rem; white-space: nowrap; }
.arq-fecha::first-letter { text-transform: uppercase; }
.arq-tc { display: inline-flex; align-items: baseline; gap: .3rem; padding: .22rem .75rem; border-radius: 999px; white-space: nowrap;
  font-size: .9rem; color: #b9bcc2; border: 1px solid rgba(236,156,71,.5); background: rgba(17,18,20,.6); }
.arq-tc strong { color: #f2b634; font-weight: 600; font-variant-numeric: tabular-nums; }
.arq-moneda { display: inline-flex; align-items: center; gap: .55rem; font-size: .9rem; color: #b9bcc2; white-space: nowrap; }
.arq-moneda-opc { display: inline-flex; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); }
.arq-moneda-opc a { padding: .2rem .8rem; border-radius: 999px; color: #c9cbd0 !important; text-decoration: none !important; font-weight: 500; transition: background .2s, color .2s; }
.arq-moneda-opc a:hover { color: #fff !important; }
.arq-moneda-opc a.activa { background: #f2b634; color: #111214 !important; font-weight: 700; box-shadow: 0 0 12px rgba(242,182,52,.45); }
.arq-moneda-opc a:focus-visible { outline: 2px solid #7fd3ff; outline-offset: 2px; }
.arq-ia { color: #7fd3ff; opacity: .8; font-size: .75rem; white-space: nowrap; }
.arq-ia::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: .4rem; border-radius: 50%;
  background: #7fd3ff; box-shadow: 0 0 8px #7fd3ff; vertical-align: middle; animation: arqLatido 2.4s ease-in-out infinite; }
@keyframes arqLatido { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .arq-ia::before { animation: none; } }

/* Autoarreglo por ancho de pantalla */
@media (max-width: 1399px) { #header .arq-ia { display: none; } }
@media (max-width: 1199px) { .arq-fecha [data-largo] { display: none; } }
@media (min-width: 1200px) { .arq-fecha [data-corto] { display: none; } }
@media (max-width: 991px) { #header .arq-moneda-et { display: none; } #header .arq-tc, #header .arq-moneda, #header .arq-fecha { font-size: .8rem; } }
/* Celular: franja propia con dólar y moneda debajo de la barra del tema */
.arq-movil { display: none; }
@media (max-width: 767px) {
  .arq-movil { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; padding: .45rem .9rem; position: relative; z-index: 2; }
  .arq-movil .arq-tc, .arq-movil .arq-moneda { font-size: .8rem; }
  .arq-movil .arq-moneda-et { display: none; }
}