/* HadaSpa - Fidelidad visual entre escritorio y teléfono.
 * La maqueta aprobada es única. No hay versión móvil visual alternativa.
 * El mismo arte ocupa el ancho del dispositivo conservando su relación 935/1683.
 * La sección de videos pasa de 3 columnas a 1 para controles táctiles legibles.
 */
@media (max-width: 720px) {
  .artboard {
    display: block !important;
    width: 100%;
    max-width: 1120px;
    aspect-ratio: 935 / 1683;
    margin: 0 auto;
    box-shadow: none;
  }
  .artboard .artback { width:100%; height:100%; object-fit:fill; }
  .artboard .hero-original { display:none !important; }
  .mobile-site {display:none!important;}
  .hadaspa-videos-desktop {display:block!important;}
  .hadaspa-videos-mobile {display:none!important;}
  /* Misma galería y botones del escritorio; ventanas con tamaño de pantalla. */
  .artboard .hit:focus-visible, .artboard .gphoto:focus-visible { outline-width:2px; outline-offset:0; }
}