/* Sacado de templates/includes/community_bubble.html el 14/08/2026: estaba DENTRO del HTML, o sea que el
   navegador se lo volvia a bajar en cada cambio de pantalla. Mismas
   reglas, mismo sitio en el orden de las hojas. */
  /* El fijo va en el envoltorio: así el aspa se coloca respecto a la burbuja. */
  .cmty-fab-wrap { position: fixed; right: 1.1rem; bottom: 1.1rem; z-index: 9000; }
  .cmty-fab-wrap[hidden] { display: none; }
  .cmty-fab { position: relative; width: 3.4rem; height: 3.4rem;
    /* Fallback fijo por si la base vieja no define --primary (base.html legacy). */
    border-radius: 999px; background: #1e3a5f; background: hsl(var(--primary, 210 52% 25%)); color: #fff; display: flex; align-items: center;
    justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.25); text-decoration: none;
    transition: transform .15s; }
  .cmty-fab:hover { transform: scale(1.07); }
  .cmty-fab svg { width: 1.6rem; height: 1.6rem; }
  /* El aspa va ARRIBA A LA IZQUIERDA: arriba a la derecha ya vive la bolita
     roja de no leídos y se pisarían. */
  /* min-width/min-height: en móvil hay una regla global (mobile-responsive.css)
     que infla TODO <button> a 44-48 px "para el dedo". El aspa se hinchaba hasta
     tapar la burbuja entera (foto de Guille, 07/08/2026). box-sizing por si la
     página vieja no lo trae de serie. */
  .cmty-fab-close { position: absolute; top: -6px; left: -6px; width: 1.5rem; height: 1.5rem;
    min-width: 1.5rem; min-height: 1.5rem; box-sizing: border-box;
    border: 0; border-radius: 999px; background: #fff; color: #334155; font-size: .8rem; font-weight: 700;
    line-height: 1; padding: 0; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.28);
    display: flex; align-items: center; justify-content: center; }
  .cmty-fab-close:hover { background: #f1f5f9; }
  .cmty-fab-badge { position: absolute; top: -4px; right: -4px; min-width: 1.15rem; height: 1.15rem;
    padding: 0 .25rem; border-radius: 999px; background: #e11d48; color: #fff; font-size: .68rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; }
  .cmty-fab-badge[hidden] { display: none; }