/* Recorrido por el producto: el equipo fijo y la cámara va a cada parte. Sin JavaScript,
   o con movimiento reducido, se ve el equipo y sus datos en orden. */
.tour{position:relative;background:#000;padding:clamp(70px,12vh,140px) clamp(16px,3.4vw,48px);border-top:1px solid var(--pm-borde);overflow:clip}
.pm .tour__n{font-size:clamp(4rem,14vw,16rem);line-height:.85;margin:0}
.tour__lema{font:800 clamp(1.7rem,2.7vw,2.9rem)/1.02 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:14px 0 0;color:#fff}
.tour__eq{position:relative;max-width:640px;margin:26px auto}
.tour__prod img{display:block;width:100%;height:auto}
.tour__aro{display:none}
.tour__lista{columns:2;column-gap:clamp(32px,6vw,110px)}
.tour__lista>div{break-inside:avoid;border-top:1px solid var(--pm-borde);padding:18px 0 22px}
.tour h3{font-size:clamp(1.6rem,2.3vw,2.25rem);line-height:1;margin:0 0 8px}
.tour__lista p{margin:0;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.4}

.tour.tour-vivo{padding:0;height:calc(var(--t-n,5)*46vh + 100vh);height:calc(var(--t-n,5)*46svh + 100svh)}
.tour-vivo .tour__v{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto auto 1fr;padding:clamp(84px,12vh,120px) clamp(16px,3.4vw,48px) clamp(30px,5vh,60px);column-gap:clamp(20px,4vw,70px)}
.tour-vivo .tour__n{position:absolute;left:66%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(5rem,16.5vw,20rem);color:#fff;opacity:.09;z-index:0;pointer-events:none}
.tour-vivo .tour__lema{grid-column:1;grid-row:1;position:relative;z-index:2;margin:0;font-size:clamp(1.5rem,2.2vw,2.4rem);max-width:17em}
.tour-vivo .tour__lista{grid-column:1;grid-row:3;columns:auto;position:relative;z-index:2;align-self:center;min-height:clamp(170px,28vh,300px)}
.tour-vivo .tour__lista>div{position:absolute;inset:0 0 auto 0;border:0;padding:0;opacity:0;transform:translateY(16px);transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.tour-vivo .tour__lista>div.on{opacity:1;transform:none;pointer-events:auto}
.tour-vivo h3{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.95;margin-bottom:14px}
.tour-vivo .tour__lista p{font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.35;max-width:26em}
.tour-vivo .tour__eq{position:relative;z-index:1;max-width:none;margin:0;grid-column:2;grid-row:1/4;min-height:0;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 72%,transparent 100%)}
.tour-vivo .tour__prod{position:absolute;left:0;top:0;transform-origin:0 0;transition:transform .85s cubic-bezier(.16,1,.3,1);will-change:transform}
.tour-vivo .tour__aro{display:block;position:absolute;left:0;top:0;width:var(--t-w,110px);height:var(--t-h,110px);border:3px solid var(--pm-rojo);border-radius:var(--t-r,50%);transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 0 7px rgba(221,27,0,.2);transition:opacity .35s ease .25s}
.tour-vivo .tour__aro.on{opacity:1}
@media (max-width:980px){
  .tour__lista{columns:auto}
  .tour-vivo .tour__v{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding:76px 16px 86px;row-gap:12px}
  .tour-vivo .tour__lema{grid-row:1;font-size:clamp(1.4rem,6vw,2rem)}
  .tour-vivo .tour__eq{grid-column:1;grid-row:2}
  .tour-vivo .tour__lista{grid-row:3;min-height:clamp(140px,20svh,180px)}
  .tour-vivo h3{font-size:clamp(2rem,9vw,3rem)}
  .tour-vivo .tour__n{top:38%}
}
@media (max-width:980px){
  html.rsp-consent-visible .tour-vivo .tour__v{padding-bottom:calc(var(--rsp-consent-alto,152px) + 71px)}
}
