/* Datassa · /css/entrada.css · solo lo propio de la entrada (/) y del 404. Todo lo demás vive en /css/sitio.css.
   Para el integrador: estas tres reglas pueden pasar a sitio.css (secciones 17 y 18) y entonces este archivo sobra. */

/* 1. Mientras el JS inclina la puerta (.viva) el transform no transiciona: el lerp del JS ya suaviza y una transición
      encima deja la inclinación flotando detrás del cursor. Borde, sombra y opacidad siguen con sus 320 ms.
      Al soltar se saca .viva y la transición de 500 ms de .puerta hace la vuelta. */
@media (hover: hover) and (pointer: fine) {
  .puerta.viva { transition-duration: 0s, 320ms, 320ms, 320ms; }
}

/* 2. El patrón de respaldo del celular es de 120 px (el canvas usa celdas de 30); en escritorio, 104 (celdas de 26).
      Así el primer cuadro del canvas es idéntico al patrón en los dos tamaños y el fundido no salta. */
.patron-ancha { display: none; }
@media (min-width: 768px) {
  .patron-ancha { display: inline; }
  .patron-celular { display: none; }
}

/* 3. El 404: el título es más largo que «¿Por dónde entrás?» y entra en dos líneas. */
.entrada--404 .titulo-entrada { max-width: 22ch; }