/* ctxd-ficha-v1.css · 5-nov-2026 · móvil de la ficha de evento (captura de Jose en iPhone, /events/planet-a-…)
   Va DESPUÉS de ctxd-movil-v3.css (misma precedencia ctxd-nav). Solo CSS, sin tocar nodos de React.
   1) Barra «Mi día»: ctxd-nav-v6 la fija a 80 px del borde (html[data-hx] .ctxd-bar{bottom:max(bajo,80px)}) pensando en
      la barra de pestañas, pero en /events/* esa barra está oculta (ctxd-movil-v3 §1) → flotaba a media pantalla con
      contenido por debajo. Ahora: pegada abajo si no hay barra fija debajo; encima de la pila (#ctxd-tab, #t3a-barra,
      #ctabar) si la hay (--ctxd-pila lo mide ctxd-movil-v3.js capas-home).
   2) Aviso «Avisos en iPhone» (.ctxd-av): c-ux-v1.css pone position:relative a todo <button> sin .absolute → la ×
      caía en su propia línea a la izquierda. Y estaba a 4.5rem del borde (misma pestaña fantasma) tapando la barra.
   3) «Armar mi Perfect Day con este evento» en 2 líneas (letra grande en iPhone): el icono quedaba suelto a la izquierda.
      Ahora el icono va en la línea del texto y el texto centrado. */

@media (max-width:1023.98px){
  /* 1) sin barra fija debajo (ficha de evento con la de compra oculta) */
  html[data-hx]:has(link[rel="canonical"][href*="ctxplorer.com/events/"]):not([data-ctxd-pila]) .ctxd-bar{
    bottom:env(safe-area-inset-bottom,0px)!important}
  /* con barra fija debajo: justo encima (la pila ya incluye su safe-area) */
  html[data-hx][data-ctxd-pila] .ctxd-bar{bottom:calc(var(--ctxd-pila) + 8px)!important}
}

/* 2) aviso de alertas */
.ctxd-av>button.x{position:absolute!important;top:6px!important;right:6px!important;left:auto!important;
  display:flex!important;align-items:center;justify-content:center;margin:0!important}
@media (max-width:767.98px){
  html:has(link[rel="canonical"][href*="ctxplorer.com/events/"]):not([data-ctxd-pila]) .ctxd-av{
    bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
  html[data-ctxd-pila] .ctxd-av{bottom:calc(var(--ctxd-pila) + 12px)}
  /* con la barra «Mi día» visible, encima de ella (61 px) */
  html:has(link[rel="canonical"][href*="ctxplorer.com/events/"]):not([data-ctxd-pila]):has(.ctxd-bar:not([hidden])) .ctxd-av{
    bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}
  html[data-ctxd-pila]:has(.ctxd-bar:not([hidden])) .ctxd-av{bottom:calc(var(--ctxd-pila) + 76px)}
  .ctxd-av{max-height:calc(100dvh - 140px);overflow-y:auto}

  /* 3) botón principal de la ficha: icono en la línea del texto */
  .t3a-acc .t3a-btn--pri{display:block;text-align:center;padding:13px 20px;text-wrap:balance}
  .t3a-acc .t3a-btn--pri .t3a-i{display:inline-block;vertical-align:-4px;margin-right:8px}
  .t3a-acc .t3a-btn--pri>span{display:inline}
}