/* --------------------------------------------------------------------------
   Pantalla táctil grande (iPad)
   -------------------------------------------------------------------------- */
/* `pointer: coarse` es la pregunta correcta: no «¿es pequeña la pantalla?»
   —un iPad tiene más ancho que muchos portátiles— sino «¿se pulsa con el
   dedo?». Cubre iPad y móvil, y no toca el escritorio con ratón. */
/* El resumen de la tarjeta vive bajo un velo que sube con el cursor. Sin
   cursor no sube nunca, así que en táctil se lee bajo el título. */
.cmr-expo-resumen { display: none; }

@media (pointer: coarse) {
  .cmr-expo-resumen {
    display: block;
    margin-top: .5rem;
    font-size: .85rem;
    line-height: 1.5;
    color: var(--gris);
    text-wrap: pretty;
  }

  /* El velo deja de taparlo todo: en su lugar, el reclamo sobre un degradado
     al pie, para que se vea que la tarjeta lleva a algún sitio sin esconder
     la obra —que es lo que la gente vino a mirar—. */
  .cmr-expo-velo {
    opacity: 1;
    align-content: end;
    gap: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(8, 68, 56, .82) 0%, rgba(8, 68, 56, 0) 55%);
  }

  .cmr-expo-velo p { display: none; }

  /* 44 px es el mínimo que pide Apple para algo que se pulsa con el dedo.
     Casi todo lo interactivo del sitio estaba por debajo: los enlaces del
     menú a 29, las flechas del calendario a 32, los botones pequeños a 30. */
  .cmr-nav-enlace,
  .cmr-cajon-lista a,
  .cmr-pie-datos a,
  .cmr-boton-texto,
  .cmr-usuario-menu a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .cmr-boton-icono,
  .cmr-cajon-cerrar,
  .cmr-carrusel-flecha,
  .cmr-cal-flecha,
  .cmr-usuario-boton {
    min-width: 44px;
    min-height: 44px;
  }

  .cmr-boton-mini,
  .cmr-filtro,
  .cmr-pestana {
    min-height: 44px;
    padding-inline: 1rem;
  }

  /* El «VER MÁS» de la portada y los iconos de redes del pie eran los dos
     últimos por debajo del mínimo: 20 y 28 px. */
  .cmr-noticia-mas { display: inline-flex; align-items: center; min-height: 44px; }

  /* En horizontal el calendario comparte fila con el listado y sus celdas se
     estrechan: en vertical dan de sobra, pero ahí bajaban a 29 px. */
  .cmr-cal-dia { min-height: 44px; }

  .cmr-pie-redes a {
    display: grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
  }

  /* Los campos por debajo de 16px hacen que Safari haga zoom al enfocarlos, y
     al salir el zoom se queda: la página entera acaba descolocada. */
  input, select, textarea { font-size: 16px; }

  .cmr-evento-form input,
  .cmr-evento-form select,
  .cmr-evento-form textarea,
  .cmr-ficha-form input,
  .cmr-ficha-form select,
  .cmr-ficha-form textarea { min-height: 44px; }

  /* El gris de pulsación de Safari sobre las tarjetas-enlace ensucia más de lo
     que informa: ya tienen su propio estado. */
  .cmr-esc-tarjeta,
  .cmr-noticia,
  .cmr-expo-lienzo { -webkit-tap-highlight-color: transparent; }

  /* Sin cursor, los efectos de aumento al pasar por encima se quedan pegados
     tras el toque. */
  .cmr-expo-lienzo:hover img,
  .cmr-carrusel-flecha:hover { transform: none; }
}