/* [Pulso-Supabase] Encabezado de escritorio con marca Pulso: logo animado, barra de módulos con íconos de línea,
 * acciones destacadas y herramientas arriba a la derecha. Solo escritorio (el celular usa ☰ Menú).
 * Rendimiento: el logo late con transform/opacity (GPU); la barra fija se activa con IntersectionObserver
 * (sin trabajo por scroll) y no usa desenfoque. */

/* ── Logo y marca (todas las pantallas) ── */
#cf-app .cf-header .cf-title.cf-pulso { display: inline-flex; align-items: center; gap: 12px; font-size: 26px; font-weight: 900; letter-spacing: -.6px; line-height: 1; }
#cf-app .cf-header .cf-title.cf-pulso { background: linear-gradient(90deg, #fb7185, #e879f9 55%, #c084fc); -webkit-background-clip: text; background-clip: text; color: transparent; }
#cf-app .cf-header .cf-pulso-ico {
  position: relative; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(135deg, #f43f5e, #a855f7); box-shadow: 0 10px 26px -10px rgba(168, 85, 247, .9), inset 0 1px 0 rgba(255, 255, 255, .25);
}
#cf-app .cf-header .cf-pulso-ico::after {   /* halo que late suave cada tanto (solo opacity/transform) */
  content: ''; position: absolute; inset: -4px; border-radius: 18px; border: 2px solid rgba(232, 121, 249, .55); opacity: 0; will-change: transform, opacity;
  animation: cf-hx-halo 2.6s cubic-bezier(.2, .6, .3, 1) infinite;
}
#cf-app .cf-header .cf-pulso-ico { animation: cf-hx-golpe 2.6s cubic-bezier(.3, 0, .2, 1) infinite; will-change: transform; }
#cf-app .cf-header .cf-pulso-ico svg { width: 80%; height: 80%; display: block; margin: 0; overflow: visible; animation: none; stroke-dasharray: none; stroke-dashoffset: 0; }
#cf-app .cf-header .cf-pulso-ico svg path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
/* la línea se dibuja una y otra vez, como un monitor */
#cf-app .cf-header .cf-pulso-ico .cf-hx-linea { stroke: #fff; stroke-width: 2.2; stroke-dasharray: 100; stroke-dashoffset: 100; animation: cf-hx-dibuja 2.6s cubic-bezier(.45, 0, .25, 1) infinite; }
/* chispa brillante que encabeza el trazo */
#cf-app .cf-header .cf-pulso-ico .cf-hx-chispa { stroke: #fff; stroke-width: 3.4; stroke-dasharray: 7 110; stroke-dashoffset: 7; filter: drop-shadow(0 0 2.5px #fff) drop-shadow(0 0 5px #f0abfc); animation: cf-hx-corre 2.6s cubic-bezier(.45, 0, .25, 1) infinite; }
@keyframes cf-hx-dibuja { 0% { stroke-dashoffset: 100; opacity: 1; } 48% { stroke-dashoffset: 0; opacity: 1; } 82% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: .15; } }
@keyframes cf-hx-corre { 0% { stroke-dashoffset: 7; opacity: 1; } 48% { stroke-dashoffset: -93; opacity: 1; } 56%, 100% { stroke-dashoffset: -100; opacity: 0; } }
/* el cuadro late justo cuando la chispa pasa por el pico (≈ 26% del ciclo) */
@keyframes cf-hx-golpe { 0%, 20% { transform: scale(1); } 26% { transform: scale(1.08); } 32% { transform: scale(.98); } 38%, 100% { transform: scale(1); } }
#cf-app .cf-header .cf-sub#cf-subtitulo { margin-top: 6px; font-size: 12.5px; letter-spacing: .1px; }
@keyframes cf-hx-trazo { to { stroke-dashoffset: 0; } }
@keyframes cf-hx-halo { 0%, 24% { opacity: 0; transform: scale(.96); } 27% { opacity: .75; transform: scale(1); } 55% { opacity: 0; transform: scale(1.3); } 100% { opacity: 0; transform: scale(1.3); } }

/* ── Escritorio ── */
@media (min-width: 701px) {
  html.cf-hx-listo #cf-app .cf-header { position: relative; display: block; margin: 6px 0 16px; }
  html.cf-hx-listo #cf-app .cf-header > div:first-child { padding: 4px 0 14px; min-height: 58px; }

  html.cf-hx-listo #cf-app .cf-header-actions {
    display: flex !important; flex-wrap: nowrap; align-items: center; gap: 10px; width: 100%; padding: 6px; margin: 0;
    border-radius: 18px; background: color-mix(in srgb, var(--surface) 92%, #a855f7 8%); border: 1px solid color-mix(in srgb, #a855f7 22%, var(--border));
    box-shadow: 0 10px 30px -22px rgba(168, 85, 247, .8);
  }
  .cf-hx { display: flex; align-items: center; gap: 2px; min-width: 0; }
  .cf-hx-nav { flex: 1 1 auto; overflow-x: auto; scrollbar-width: none; container-type: inline-size; }
  .cf-hx-nav::-webkit-scrollbar { display: none; }
  .cf-hx-acc { flex: 0 0 auto; gap: 8px; padding-left: 10px; border-left: 1px solid var(--border); }
  /* herramientas arriba a la derecha, al lado del logo */
  .cf-hx-util { position: absolute; top: 6px; right: 0; gap: 4px; }

  /* botón base: ícono de línea + texto, sin emojis */
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn {
    position: relative; display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 40px; height: 40px; margin: 0; padding: 0 13px;
    border: 1px solid transparent !important; border-radius: 12px !important; background: transparent; box-shadow: none;
    color: color-mix(in srgb, var(--t1) 88%, transparent); font-size: 0; font-weight: 700; white-space: nowrap; transition: color .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn > * { font-size: 13.5px; }
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn .cf-hide-sm { display: inline !important; }
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn::before {
    content: ''; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor;
    -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center;
  }
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn:hover { color: var(--t1); background: color-mix(in srgb, #a855f7 10%, transparent); }
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn:focus-visible { outline: 2px solid #e879f9; outline-offset: 1px; }
  html.cf-hx-listo #cf-app .cf-header-actions .cf-btn:active { transform: translateY(1px); }
  /* módulos: subrayado de marca al pasar */
  .cf-hx-nav .cf-btn::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 5px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #f43f5e, #a855f7); transform: scaleX(0); transition: transform .2s ease; }
  .cf-hx-nav .cf-btn:hover::after { transform: scaleX(1); }
  /* contadores (carritos, recompras) */
  html.cf-hx-listo #cf-app .cf-header-actions .cf-chip-rojo { font-size: 11px !important; font-weight: 800; padding: 1px 7px; border-radius: 99px; background: linear-gradient(135deg, #f43f5e, #ef4444); color: #fff; margin-left: 2px; }
  /* acción: en rojo */
  html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo { color: var(--t2); border-color: var(--border) !important; }
  html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo b { font-size: 13.5px; }
  html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo.cf-hx-alerta { color: #fca5a5; border-color: rgba(239, 68, 68, .55) !important; background: rgba(239, 68, 68, .1); }
  html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo.cf-hx-alerta::before { animation: cf-hx-late 1.6s ease-in-out infinite; }
  /* acción: registrar (principal) */
  html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-registrar { color: #fff; background: linear-gradient(135deg, #f43f5e, #a855f7); box-shadow: 0 8px 20px -10px rgba(168, 85, 247, .9); }
  html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-registrar:hover { filter: brightness(1.08); }
  /* herramientas: solo ícono */
  html.cf-hx-listo #cf-app .cf-hx-util .cf-btn { width: 40px; padding: 0; justify-content: center; }
  html.cf-hx-listo #cf-app .cf-hx-util .cf-btn .cf-hide-sm { display: none !important; }
  html.cf-hx-listo #cf-app .cf-hx-util #cf-btn-salir { width: 42px; height: 42px; padding: 0; margin-left: 6px; border-radius: 50% !important; }
  html.cf-hx-listo #cf-app .cf-hx-util #cf-btn-salir::before { display: none; }
  html.cf-hx-listo #cf-app .cf-hx-util #cf-btn-salir #cf-yo { width: 40px; height: 40px; font-size: 14px; box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px rgba(232, 121, 249, .6); }

  /* barra fija al bajar (sin desenfoque) */
  html.cf-hx-pegado.cf-hx-listo #cf-app .cf-header { min-height: var(--hx-alto, 120px); }
  html.cf-hx-pegado.cf-hx-listo #cf-app .cf-header-actions {
    position: fixed; top: calc(8px + env(safe-area-inset-top, 0px)); left: 50%; z-index: 90; transform: translateX(-50%);
    width: min(1152px, calc(100vw - 32px)); background: color-mix(in srgb, var(--bg) 94%, #a855f7 6%);
    box-shadow: 0 18px 40px -20px rgba(0, 0, 0, .7), 0 0 0 1px color-mix(in srgb, #a855f7 25%, var(--border)); animation: cf-hx-baja .22s ease-out;
  }
  html.cf-hx-pegado.cf-hx-listo .cf-hx-util { display: none; }   /* al bajar solo quedan módulos y acciones */
  @keyframes cf-hx-baja { from { transform: translate(-50%, -12px); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } }
}
/* la barra de módulos se ajusta al ancho disponible: primero más compacta, luego solo íconos (el nombre sale al pasar el mouse) */
@container (max-width: 1000px) {   /* [Pulso-Supabase] con 8 módulos (Bots) */
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn { padding: 0 6px; gap: 4px; }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn > * { font-size: 13px; }
  .cf-hx-nav .cf-btn::after { left: 6px; right: 6px; }
}
@container (max-width: 900px) {
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn { padding: 0 6px; gap: 4px; }
}
@container (max-width: 800px) {
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn { padding: 0 11px; }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn .cf-hide-sm { display: none !important; }
  .cf-hx-nav .cf-btn::after { left: 8px; right: 8px; }
}
@media (min-width: 1600px) { html.cf-hx-pegado.cf-hx-listo #cf-app .cf-header-actions { width: min(1452px, calc(100vw - 32px)); } }
@keyframes cf-hx-late { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.25); } 30% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  #cf-app .cf-header .cf-pulso-ico, #cf-app .cf-header .cf-pulso-ico .cf-hx-linea, #cf-app .cf-header .cf-pulso-ico .cf-hx-chispa { animation: none !important; stroke-dashoffset: 0; }
  #cf-app .cf-header .cf-pulso-ico .cf-hx-chispa { display: none; }
  .cf-hx-latido { display: none; }
  #cf-app .cf-header .cf-pulso-ico::after, #cf-btn-riesgo::before { animation: none !important; }
}

/* íconos */
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="analisis"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18%22/%3E%3Cpath%20d%3D%22m7%2015%204-4%203%203%206-6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18%22/%3E%3Cpath%20d%3D%22m7%2015%204-4%203%203%206-6%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="equipo"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="cuentas"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2%22/%3E%3Cpath%20d%3D%22M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%207V4a1%201%200%200%200-1-1H5a2%202%200%200%200%200%204h15a1%201%200%200%201%201%201v4h-3a2%202%200%200%200%200%204h3a1%201%200%200%200%201-1v-2%22/%3E%3Cpath%20d%3D%22M3%205v14a2%202%200%200%200%202%202h15a1%201%200%200%200%201-1v-4%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="metricas"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%226%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="logistica"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2%22/%3E%3Cpath%20d%3D%22M15%2018H9%22/%3E%3Cpath%20d%3D%22M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.62L18.3%209.38a1%201%200%200%200-.78-.38H14%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2018V6a2%202%200%200%200-2-2H4a2%202%200%200%200-2%202v11a1%201%200%200%200%201%201h2%22/%3E%3Cpath%20d%3D%22M15%2018H9%22/%3E%3Cpath%20d%3D%22M19%2018h2a1%201%200%200%200%201-1v-3.65a1%201%200%200%200-.22-.62L18.3%209.38a1%201%200%200%200-.78-.38H14%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="carrito"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2221%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2221%22%20r%3D%221%22/%3E%3Cpath%20d%3D%22M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2221%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2221%22%20r%3D%221%22/%3E%3Cpath%20d%3D%22M2.05%202.05h2l2.66%2012.42a2%202%200%200%200%202%201.58h9.78a2%202%200%200%200%201.95-1.57l1.65-7.43H5.12%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="recompra"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m17%202%204%204-4%204%22/%3E%3Cpath%20d%3D%22M3%2011v-1a4%204%200%200%201%204-4h14%22/%3E%3Cpath%20d%3D%22m7%2022-4-4%204-4%22/%3E%3Cpath%20d%3D%22M21%2013v1a4%204%200%200%201-4%204H3%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m17%202%204%204-4%204%22/%3E%3Cpath%20d%3D%22M3%2011v-1a4%204%200%200%201%204-4h14%22/%3E%3Cpath%20d%3D%22m7%2022-4-4%204-4%22/%3E%3Cpath%20d%3D%22M21%2013v1a4%204%200%200%201-4%204H3%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="bots"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%208V4H8%22/%3E%3Crect%20width=%2216%22%20height=%2212%22%20x=%224%22%20y=%228%22%20rx=%222%22/%3E%3Cpath%20d=%22M2%2014h2%22/%3E%3Cpath%20d=%22M20%2014h2%22/%3E%3Cpath%20d=%22M15%2013v2%22/%3E%3Cpath%20d=%22M9%2013v2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%208V4H8%22/%3E%3Crect%20width=%2216%22%20height=%2212%22%20x=%224%22%20y=%228%22%20rx=%222%22/%3E%3Cpath%20d=%22M2%2014h2%22/%3E%3Cpath%20d=%22M20%2014h2%22/%3E%3Cpath%20d=%22M15%2013v2%22/%3E%3Cpath%20d=%22M9%2013v2%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="pedidos"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22/%3E%3Cpath%20d%3D%22M12%2022V12%22/%3E%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2021.73a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73z%22/%3E%3Cpath%20d%3D%22M12%2022V12%22/%3E%3Cpath%20d%3D%22m3.3%207%208.7%205%208.7-5%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="rojo"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022c5.5%200%2010-4.5%2010-10S17.5%202%2012%202%202%206.5%202%2012s4.5%2010%2010%2010z%22/%3E%3Cpath%20d%3D%22M12%208v4%22/%3E%3Cpath%20d%3D%22M12%2016h.01%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022c5.5%200%2010-4.5%2010-10S17.5%202%2012%202%202%206.5%202%2012s4.5%2010%2010%2010z%22/%3E%3Cpath%20d%3D%22M12%208v4%22/%3E%3Cpath%20d%3D%22M12%2016h.01%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="mas"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14%22/%3E%3Cpath%20d%3D%22M5%2012h14%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14%22/%3E%3Cpath%20d%3D%22M5%2012h14%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="refrescar"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-9-9c2.52%200%204.93%201%206.74%202.74L21%208%22/%3E%3Cpath%20d%3D%22M21%203v5h-5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-9-9c2.52%200%204.93%201%206.74%202.74L21%208%22/%3E%3Cpath%20d%3D%22M21%203v5h-5%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="sol"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v2%22/%3E%3Cpath%20d%3D%22M12%2020v2%22/%3E%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22/%3E%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22/%3E%3Cpath%20d%3D%22M2%2012h2%22/%3E%3Cpath%20d%3D%22M20%2012h2%22/%3E%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22/%3E%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M12%202v2%22/%3E%3Cpath%20d%3D%22M12%2020v2%22/%3E%3Cpath%20d%3D%22m4.93%204.93%201.41%201.41%22/%3E%3Cpath%20d%3D%22m17.66%2017.66%201.41%201.41%22/%3E%3Cpath%20d%3D%22M2%2012h2%22/%3E%3Cpath%20d%3D%22M20%2012h2%22/%3E%3Cpath%20d%3D%22m6.34%2017.66-1.41%201.41%22/%3E%3Cpath%20d%3D%22m19.07%204.93-1.41%201.41%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="luna"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="celebrar"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.94%2014.06%204.5%2019.5%22/%3E%3Cpath%20d%3D%22m14%204%201%202%202%201-2%201-1%202-1-2-2-1%202-1z%22/%3E%3Cpath%20d%3D%22M5%203v4M3%205h4M19%2015v4M17%2017h4%22/%3E%3Cpath%20d%3D%22M9%209.5%2014.5%2015l-9%204%203.5-9.5z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.94%2014.06%204.5%2019.5%22/%3E%3Cpath%20d%3D%22m14%204%201%202%202%201-2%201-1%202-1-2-2-1%202-1z%22/%3E%3Cpath%20d%3D%22M5%203v4M3%205h4M19%2015v4M17%2017h4%22/%3E%3Cpath%20d%3D%22M9%209.5%2014.5%2015l-9%204%203.5-9.5z%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="silencio"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8.7%203A6%206%200%200%201%2018%208a21.3%2021.3%200%200%200%20.6%205%22/%3E%3Cpath%20d%3D%22M17%2017H3s3-2%203-9a4.67%204.67%200%200%201%20.3-1.7%22/%3E%3Cpath%20d%3D%22M10.3%2021a1.94%201.94%200%200%200%203.4%200%22/%3E%3Cpath%20d%3D%22m2%202%2020%2020%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8.7%203A6%206%200%200%201%2018%208a21.3%2021.3%200%200%200%20.6%205%22/%3E%3Cpath%20d%3D%22M17%2017H3s3-2%203-9a4.67%204.67%200%200%201%20.3-1.7%22/%3E%3Cpath%20d%3D%22M10.3%2021a1.94%201.94%200%200%200%203.4%200%22/%3E%3Cpath%20d%3D%22m2%202%2020%2020%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="salud"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-4l-3%209L9%203l-3%209H2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-4l-3%209L9%203l-3%209H2%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="canales"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207h-9%22/%3E%3Cpath%20d%3D%22M14%2017H5%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%223%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207h-9%22/%3E%3Cpath%20d%3D%22M14%2017H5%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%223%22/%3E%3C/svg%3E"); }
html.cf-hx-listo #cf-app .cf-header-actions [data-ico="punto"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E"); }
/* modo claro */
:root[data-theme="light"] html.cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo.cf-hx-alerta,
html[data-theme="light"].cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo.cf-hx-alerta { color: #dc2626; background: rgba(239, 68, 68, .08); border-color: rgba(220, 38, 38, .45) !important; }
html[data-theme="light"].cf-hx-listo #cf-app .cf-header-actions { background: #fff; }
@media (prefers-color-scheme: light) { html:not([data-theme]).cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo.cf-hx-alerta { color: #dc2626; } }

/* ── Módulos con más vida: íconos con el degradado de la marca, texto claro, brillo al pasar ── */
@media (min-width: 701px) {
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn::before, html.cf-hx-listo #cf-app .cf-hx-util .cf-btn::before { background: linear-gradient(135deg, #fb7185, #c084fc); }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn > * { font-size: 14px; }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn:hover { color: #fff; background: linear-gradient(135deg, rgba(244, 63, 94, .16), rgba(168, 85, 247, .2)); box-shadow: inset 0 0 0 1px rgba(232, 121, 249, .35), 0 8px 22px -12px rgba(168, 85, 247, .8); }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn:hover::before { background: #fff; }
  html.cf-hx-listo #cf-app .cf-hx-util .cf-btn:hover::before { background: #fff; }
  html.cf-hx-listo #cf-app .cf-header-actions {
    background: linear-gradient(180deg, color-mix(in srgb, #a855f7 12%, var(--surface)), color-mix(in srgb, #a855f7 5%, var(--surface)));
    border-color: color-mix(in srgb, #e879f9 30%, var(--border));
  }
  /* un latido de neón recorre el borde inferior de la barra cada 7 s. Vive dentro de una franja propia que recorta
     a la barra y mide su ancho con unidades de contenedor (100cqw): no depende de medidas de JavaScript. */
  .cf-hx-latido { position: absolute; left: 18px; right: 18px; bottom: -7px; height: 14px; overflow: hidden; pointer-events: none; z-index: 1; container-type: inline-size; }
  .cf-hx-latido i {
    position: absolute; left: 0; top: 0; width: 240px; height: 14px; opacity: 0; transform: translateX(-240px); will-change: transform, opacity;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23f43f5e' stop-opacity='0'/%3E%3Cstop offset='.55' stop-color='%23f43f5e'/%3E%3Cstop offset='.8' stop-color='%23e879f9'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 7h150l6-5 7 11 7-12 5 6h65' fill='none' stroke='url(%23g)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
    filter: drop-shadow(0 0 4px #e879f9); animation: cf-hx-monitor 7s cubic-bezier(.5, 0, .5, 1) 1.5s infinite;
  }
  @keyframes cf-hx-monitor { 0% { transform: translateX(-240px); opacity: 0; } 4% { opacity: 1; } 24% { opacity: 1; } 28% { transform: translateX(100cqw); opacity: 0; } 100% { transform: translateX(100cqw); opacity: 0; } }
}
html[data-theme="light"].cf-hx-listo #cf-app .cf-header-actions { background: #fff; }
@media (prefers-color-scheme: light) { html:not([data-theme]).cf-hx-listo #cf-app .cf-header-actions #cf-btn-riesgo.cf-hx-alerta { color: #dc2626; } }

/* ── Módulos con más vida: íconos con el degradado de la marca, texto claro, brillo al pasar ── */
@media (min-width: 701px) {
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn::before, html.cf-hx-listo #cf-app .cf-hx-util .cf-btn::before { background: linear-gradient(135deg, #fb7185, #c084fc); }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn > * { font-size: 14px; }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn:hover { color: #fff; background: linear-gradient(135deg, rgba(244, 63, 94, .16), rgba(168, 85, 247, .2)); box-shadow: inset 0 0 0 1px rgba(232, 121, 249, .35), 0 8px 22px -12px rgba(168, 85, 247, .8); }
  html.cf-hx-listo #cf-app .cf-hx-nav .cf-btn:hover::before { background: #fff; }
  html.cf-hx-listo #cf-app .cf-hx-util .cf-btn:hover::before { background: #fff; }
  html.cf-hx-listo #cf-app .cf-header-actions {
    background: linear-gradient(180deg, color-mix(in srgb, #a855f7 12%, var(--surface)), color-mix(in srgb, #a855f7 5%, var(--surface)));
    border-color: color-mix(in srgb, #e879f9 30%, var(--border));
  }
  /* un latido de neón recorre el borde inferior de la barra cada 7 s (solo transform: GPU) */

}
html[data-theme="light"].cf-hx-listo #cf-app .cf-header-actions { background: linear-gradient(180deg, #fff, #faf5ff); }