/* Shared touch layout for Contacto, Xen and Voces Mundiales. */
@media (max-width:760px) {
 .info-page {
  --info-mobile-left:max(14px,env(safe-area-inset-left));
  --info-mobile-right:max(14px,env(safe-area-inset-right));
 }
 .info-page:not(.voces-page) {
  overscroll-behavior-y:contain;
 }
 .info-page:not(.voces-page) .info-header {
  position:relative;left:auto;right:auto;top:auto;
  margin:calc(18px + env(safe-area-inset-top)) var(--info-mobile-right) 0 var(--info-mobile-left);
  height:86px;gap:12px;
 }
 .info-page .info-brand {
  display:inline-flex;align-items:flex-start;min-height:44px;
  font-size:clamp(23px,6.8vw,27px);white-space:nowrap;
 }
 .info-page .info-cat {flex-shrink:0;min-height:72px;}
 .info-page:not(.voces-page) .info-sidebar {
  position:relative;left:auto;right:auto;top:auto;width:auto;
  margin:0 var(--info-mobile-right) 0 var(--info-mobile-left);
 }
 .info-page .info-navigation {
  display:flex;flex-direction:row;flex-wrap:nowrap;
  align-items:center;justify-content:center;
  gap:clamp(4px,1.8vw,12px);width:100%;
 }
 .info-page .info-navigation a {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:6px 0;
  font-size:clamp(21px,6.5vw,26px);line-height:1.05;
  white-space:nowrap;touch-action:manipulation;
 }
 .info-page:not(.voces-page) .info-collaborators {
  display:flex;align-items:center;gap:14px;margin-top:18px;
 }
 .info-page .info-collaborator-list {
  display:flex;flex-direction:row;align-items:center;gap:clamp(12px,4vw,22px);
  min-width:0;
 }
 .info-page .info-collaborator {min-height:44px;justify-content:center;}
 .info-page:not(.voces-page) .info-content {
  min-width:0;margin:0 var(--info-mobile-right) 0 var(--info-mobile-left);
  padding:28px 0 calc(80px + env(safe-area-inset-bottom));
 }
 .info-page .info-return,.info-page .info-social-link {
  display:inline-flex;align-items:center;min-height:44px;touch-action:manipulation;
 }
 .info-page .info-return {margin-bottom:16px;}
 .info-page .info-contact-links>a {
  display:block;min-height:48px;max-width:100%;
  font-size:clamp(18px,5.1vw,21px);overflow-wrap:anywhere;
  touch-action:manipulation;
 }
 .info-page .info-xen-heading {min-width:0;}
 .info-page .info-xen-heading h1 {font-size:clamp(34px,10vw,44px);}
 .info-page .info-flyers,.info-page .info-flyers figure {min-width:0;}
 .info-page .info-flyers img {width:100%;height:auto;}
 .info-page .info-music {
  width:44px;height:44px;padding:12px;
  right:max(10px,env(safe-area-inset-right));
  bottom:max(10px,env(safe-area-inset-bottom));
  touch-action:manipulation;
 }

 .info-page.voces-page .info-header {
  left:var(--info-mobile-left);right:var(--info-mobile-right);
  top:calc(16px + env(safe-area-inset-top));
 }
 .info-page.voces-page .info-sidebar {
  left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));
  top:calc(94px + env(safe-area-inset-top));
 }
 .info-page.voces-page .voces-content>h1 {
  top:calc(149px + env(safe-area-inset-top));font-size:clamp(22px,6vw,25px);
 }
 .voces-page .voces-physics {
  top:calc(190px + env(safe-area-inset-top));
  bottom:calc(102px + env(safe-area-inset-bottom));
  left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
 }
 .voces-page .voces-object {
  -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;
 }
 .voces-page .voces-credit {
  left:54px;right:54px;bottom:calc(12px + env(safe-area-inset-bottom));
  font-size:12px;
 }
 .voces-page .voces-credit a {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:6px 4px;touch-action:manipulation;
 }
 .voces-page .voces-selection {bottom:calc(77px + env(safe-area-inset-bottom));}
 .voces-page .voces-reset {
  width:44px;height:44px;left:max(10px,env(safe-area-inset-left));
  bottom:calc(12px + env(safe-area-inset-bottom));touch-action:manipulation;
 }
 .info-page.voces-page .info-music {bottom:calc(12px + env(safe-area-inset-bottom));}
}

/* A short landscape screen keeps its navigation beside the objects. */
@media (min-width:500px) and (max-width:1050px) and (max-height:500px) {
 .info-page {
  --info-mobile-left:max(14px,env(safe-area-inset-left));
  --info-mobile-right:max(14px,env(safe-area-inset-right));
 }
 .info-page:not(.voces-page) .info-header {
  position:relative;left:auto;right:auto;top:auto;
  margin:calc(10px + env(safe-area-inset-top)) var(--info-mobile-right) 0 var(--info-mobile-left);
  height:68px;
 }
 .info-page .info-brand {font-size:24px;min-height:44px;}
 .info-page .info-cat {min-height:60px;width:74px;gap:2px;}
 .info-page .info-cat img {width:74px;height:44px;}
 .info-page .info-cat>span {font-size:11px;}
 .info-page:not(.voces-page) .info-sidebar {
  position:relative;left:auto;right:auto;top:auto;width:auto;
  margin:0 var(--info-mobile-right) 0 var(--info-mobile-left);
 }
 .info-page:not(.voces-page) .info-navigation {
  display:flex;flex-direction:row;justify-content:center;align-items:center;gap:18px;
 }
 .info-page:not(.voces-page) .info-navigation a {
  display:inline-flex;align-items:center;justify-content:center;
  font-size:24px;min-height:44px;min-width:44px;padding:6px 0;
 }
 .info-page:not(.voces-page) .info-collaborators {
  display:flex;align-items:center;gap:16px;margin-top:10px;
 }
 .info-page .info-collaborator-list {display:flex;flex-direction:row;align-items:center;gap:20px;}
 .info-page .info-collaborator {min-height:44px;justify-content:center;}
 .info-page:not(.voces-page) .info-content {
  margin:0 var(--info-mobile-right) 0 var(--info-mobile-left);
  max-width:none;padding:22px 0 calc(65px + env(safe-area-inset-bottom));
 }
 .info-page .info-music {
  width:44px;height:44px;padding:12px;
  right:max(10px,env(safe-area-inset-right));bottom:calc(9px + env(safe-area-inset-bottom));
 }
 .info-page.voces-page .info-header {
  left:var(--info-mobile-left);right:var(--info-mobile-right);
  top:calc(10px + env(safe-area-inset-top));
 }
 .info-page.voces-page .info-sidebar {
  left:var(--info-mobile-left);right:auto;top:calc(80px + env(safe-area-inset-top));
  width:108px;margin:0;
 }
 .info-page.voces-page .info-navigation {
  display:flex;flex-direction:column;align-items:stretch;gap:0;width:108px;
 }
 .info-page.voces-page .info-navigation a {
  display:flex;align-items:center;justify-content:flex-start;
  font-size:22px;min-width:44px;min-height:42px;padding:5px 0;
 }
 .info-page.voces-page .voces-content>h1 {
  top:calc(26px + env(safe-area-inset-top));
  left:calc(var(--info-mobile-left) + 135px);right:calc(var(--info-mobile-right) + 95px);
  font-size:22px;
 }
 .voces-page .voces-physics {
  top:calc(77px + env(safe-area-inset-top));bottom:calc(80px + env(safe-area-inset-bottom));
  left:calc(var(--info-mobile-left) + 126px);right:var(--info-mobile-right);
 }
 .voces-page .voces-credit {
  left:calc(var(--info-mobile-left) + 126px);right:65px;
  bottom:calc(9px + env(safe-area-inset-bottom));font-size:12px;
 }
 .voces-page .voces-credit a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;}
 .voces-page .voces-selection {
  left:calc(var(--info-mobile-left) + 126px);right:65px;
  bottom:calc(61px + env(safe-area-inset-bottom));font-size:10px;
 }
 .voces-page .voces-reset {
  width:44px;height:44px;left:var(--info-mobile-left);
  bottom:calc(9px + env(safe-area-inset-bottom));
 }
 .info-page.voces-page .info-music {bottom:calc(9px + env(safe-area-inset-bottom));}
}