/* ============================================================
   WaterGo · Sección "También caliente" (café · mate · té)
   ------------------------------------------------------------
   El vídeo superpromocional (espiral de agua, granos de café y
   hojas de mate absorbidos por la botella) en bucle silencioso,
   junto al argumento: 12 h de calor y cerámica sin residuos.
   Arranca solo al entrar en pantalla (data-autovideo, en
   prototipo.js) y respeta prefers-reduced-motion.
   ============================================================ */

.calor__rejilla {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
}

.calor__pelicula {
  margin: 0;
}

.calor__video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  background: #EAE2DC;   /* el fondo del propio vídeo mientras carga */
}

.calor__pie {
  font-family: var(--fuente-datos, 'DM Mono', monospace);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #666560;
  margin-top: 14px;
}

.calor__texto .cifras { margin-top: 1.8em; }

@media (max-width: 900px) {
  .calor__rejilla { grid-template-columns: 1fr; }
  .calor__texto { order: -1; }   /* primero el argumento, luego el vídeo */
}