/* ===== Adaptación a pantallas pequeñas y "reducir movimiento" ===== */

@media (max-width:900px){
  .barra .pill-sm{margin-left:auto}
  .menu-btn{display:block;margin-right:-10px}
  .barra nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;font-size:18px;padding:8px max(20px,env(safe-area-inset-left,0px)) 16px;background:#0e1012;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),visibility 0s linear 160ms}
  .barra nav a{padding:14px 0;border-top:1px solid var(--linea);font-weight:600}
  .barra nav a:first-child{border-top:0}
  .barra.abierto nav{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .zoom .marco{clip-path:inset(22% 7% round 28px)}
  .zoom .leyenda{bottom:17%}
  .mosaico{grid-template-columns:1fr 1fr}
  .celda.a,.celda.b,.celda.c,.celda.d{grid-column:span 2}
  .torno .wrap,.dos,.quien .wrap{grid-template-columns:1fr}
  .torno .pegado{position:static}
  .galeria{grid-template-columns:1fr 1fr}
  .pasos{grid-template-columns:1fr 1fr}
  .cifras{grid-template-columns:1fr}
  .seccion{padding:84px 0}
  .cierre{padding:100px 0}
}
@media (max-width:560px){
  body{font-size:17px}
  .galeria,.pasos{grid-template-columns:1fr}
  .lado{padding:30px;min-height:0}
  .celda{padding:26px;min-height:0}
  .cierre p{font-size:19px}
  .portada .acciones{gap:8px 22px}
  /* que el botón flotante no tape el pie */
  footer{padding-bottom:calc(22px + 76px + env(safe-area-inset-bottom,0px))}
}

/* Pantallas muy angostas (320 px): los botones largos pueden partirse en dos líneas */
@media (max-width:400px){
  .pill-lg{white-space:normal;text-align:center;max-width:100%;padding:14px 22px;line-height:1.25}
}

@media (prefers-reduced-motion:reduce){
  .cordon .bead{animation:none;stroke-dashoffset:0}
  .torno .mandril{animation:none}
  .zoom,.lectura{height:auto}
  .zoom .fijo,.lectura .fijo{position:static;height:auto;padding:40px 0}
  .zoom .marco{width:90%;height:auto;aspect-ratio:16/10;clip-path:none;border-radius:28px;margin:0 auto}
  .zoom .leyenda{opacity:1;transform:none}
  .lectura .w{opacity:1;transition:none}
  .chispero{display:none}
  .pill,.flotante,.obra img,.cotiza,.menu-btn span,.barra nav{transition:none}
  .hilo{transform:none}
}