/* El texto no copiable dentro de la app, y la frase del menú de arriba.

   1) El texto no se puede seleccionar ni copiar, pero SOLO DENTRO DE LA APP
      (decisión de Guille, 14/08): en la web de navegador se copia con
      normalidad. Todo el bloque 1 cuelga de <html class="pbc-app">, que solo
      pone el servidor (IS_APP_SHELL) o el guion cuando la página corre en modo
      app (standalone). Sin esa clase, esta hoja no toca la selección.
      Aun dentro de la app se deja escapar lo que el usuario necesita escribir o
      copiar de verdad: campos de formulario, cajas editables (el chat, los
      deberes) y cualquier cosa marcada a mano con .pbc-copyable (por ejemplo el
      enlace de una sala de vídeo).
   Aquí vivía también el aspecto de las burbujas al hacer clic; Guille las
   quitó el 18/08/2026 de toda la app. Lo que se ve ahora al tocar es la onda
   de agua: static/css/pbc-tap-feedback.css. */

/* ---------- 1. Texto no copiable (solo en la app) ---------- */

html.pbc-app,
html.pbc-app body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* iPhone: sin el menú "Copiar / Buscar" al dejar el dedo apoyado */
  -webkit-touch-callout: none;
}

/* Escritura y copia de verdad: aquí SÍ se selecciona. */
input,
textarea,
select,
option,
[contenteditable="true"],
[contenteditable=""],
.pbc-copyable,
.pbc-copyable * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

/* El chat es la excepción (decisión de Guille, 13/08): ahí la gente copia
   enlaces, direcciones y trozos de mensaje, y quitarlo sería un estorbo. Vale
   para la lista de mensajes, los hilos y el chat antiguo de mensajes directos. */
#cchatScroll,
#cchatScroll *,
#ccThreadList,
#ccThreadList *,
#messages,
#messages * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

/* Arrastrar una imagen es otra forma de llevarse el contenido. También solo
   dentro de la app: en el navegador las imágenes se arrastran como siempre. */
html.pbc-app img:not(.pbc-copyable) {
  -webkit-user-drag: none;
  user-drag: none;
}

/* ---------- 2. Las burbujas: FUERA ----------

   Guille las quito el 18/08/2026 de toda la app, portada incluida. La senal al
   tocar la da ahora la onda de agua: static/css/pbc-tap-feedback.css. */

/* ---------- 3. Frase del menú, justo antes de "Book a class" ---------- */

.nav-cta-tagline {
  max-width: 190px;
  margin-right: 10px;
  font-size: 0.72rem;
  line-height: 1.25;
  font-weight: 600;
  color: #6b7280;
  text-align: right;
}

/* En pantallas justas la frase estorbaría a los botones: se esconde y sólo
   queda la del menú de móvil. */
@media (max-width: 1279px) {
  .nav-cta-tagline {
    display: none;
  }
}

.v2-mobile-tagline {
  margin: 0 0 8px;
  font-size: 0.9rem;
  line-height: 1.35;
  font-weight: 600;
  color: #6b7280;
  text-align: center;
}
