/* TowaShop 3.31.21 — Club enfocado y escenario vivo de Tienda diaria */

#page-shop>.section{max-width:1540px;padding-top:34px}
.shop-spotlight{position:relative;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);min-height:590px;margin:0 auto 42px;overflow:hidden;border:1px solid rgba(129,113,255,.38);border-radius:30px;background:
  radial-gradient(circle at 78% 26%,rgba(162,71,255,.33),transparent 32%),
  radial-gradient(circle at 12% 112%,rgba(46,94,255,.24),transparent 45%),
  linear-gradient(128deg,#090c18 0%,#111329 47%,#251044 100%);box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);isolation:isolate}
.shop-spotlight::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,rgba(8,11,24,.96) 0%,rgba(8,11,24,.82) 38%,transparent 68%),linear-gradient(0deg,rgba(4,6,15,.5),transparent 45%);pointer-events:none}
.shop-spotlight::after{content:"";position:absolute;inset:auto 0 0;height:125px;background:linear-gradient(transparent,rgba(4,6,15,.52));pointer-events:none}
.shop-spotlight-aurora{position:absolute;z-index:-1;width:520px;height:520px;right:-90px;top:-125px;border-radius:50%;background:conic-gradient(from 90deg,rgba(81,108,255,.06),rgba(207,69,255,.35),rgba(63,224,207,.09),rgba(81,108,255,.06));filter:blur(42px);animation:towaSpotlightAurora 12s linear infinite}
@keyframes towaSpotlightAurora{to{transform:rotate(1turn)}}
.shop-spotlight-copy{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:68px 30px 76px 64px}
.shop-spotlight-badge{display:inline-flex;align-items:center;min-height:31px;padding:0 13px;border:1px solid rgba(255,220,75,.44);border-radius:999px;background:rgba(255,187,28,.1);color:#ffe256;font:900 10px/1 Inter,sans-serif;letter-spacing:.13em;box-shadow:0 0 28px rgba(255,196,37,.11)}
.shop-spotlight-eyebrow{margin-top:23px;color:#69efd0;font:850 11px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.shop-spotlight h1{max-width:650px;margin:11px 0 15px;color:#fff;font:900 clamp(49px,5vw,76px)/.89 var(--display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.shop-spotlight-copy>p{max-width:570px;color:#b1bad0;font-size:15px;line-height:1.65;text-wrap:pretty}
.shop-spotlight-price-row{display:flex;align-items:center;gap:17px;margin-top:26px}
.shop-spotlight-price-row strong{color:#ffe44f;font:900 36px/1 var(--display);white-space:nowrap}
.shop-spotlight-price-row span{display:inline-flex;align-items:center;min-height:31px;padding:0 11px;border:1px solid rgba(105,239,208,.26);border-radius:9px;background:rgba(27,127,105,.14);color:#6ff0cf;font-size:11px;font-weight:800}
.shop-spotlight-actions{display:flex;gap:11px;width:min(490px,100%);margin-top:23px}
.shop-spotlight-actions .btn{flex:1;min-height:49px;justify-content:center;border-radius:12px}
.shop-spotlight-trust{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:20px;color:#8e9ab4;font-size:10px;font-weight:700}
.shop-spotlight-trust span::first-letter{color:#65e8bd}
.shop-spotlight-media{position:relative;z-index:2;min-width:0;overflow:hidden}
.shop-spotlight-media>img{position:absolute;z-index:3;left:50%;bottom:-26px;width:min(810px,116%);height:calc(100% + 20px);object-fit:contain;object-position:center bottom;transform:translate3d(-48%,0,0);transform-origin:50% 82%;filter:drop-shadow(0 34px 34px rgba(0,0,0,.58));animation:towaSpotlightFloat 5.2s ease-in-out infinite;will-change:transform;backface-visibility:hidden;transition:opacity .36s ease,filter .36s ease}
.shop-spotlight.art-fallback .shop-spotlight-media>img{left:50%;bottom:24%;width:min(310px,44%);height:auto;opacity:.72;object-position:center;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}
.shop-spotlight.art-fallback .shop-spotlight-media::after{content:"VISTA DEL LOTE EN ACTUALIZACIÓN";position:absolute;z-index:4;left:50%;bottom:18%;transform:translateX(-50%);color:#8e9ab4;font:850 9px/1 Inter,sans-serif;letter-spacing:.15em;white-space:nowrap}
@keyframes towaSpotlightFloat{0%,100%{transform:translate3d(-48%,5px,0) scale(.99)}50%{transform:translate3d(-48%,-22px,0) scale(1.045)}}
.shop-spotlight-halo{position:absolute;z-index:1;width:490px;height:490px;left:50%;top:50%;border:1px solid rgba(166,116,255,.22);border-radius:50%;transform:translate(-43%,-48%);box-shadow:0 0 0 58px rgba(115,89,255,.035),0 0 0 116px rgba(115,89,255,.022)}
.shop-spotlight-items{position:absolute;z-index:6;right:30px;top:50%;display:grid;gap:10px;transform:translateY(-50%)}
.shop-spotlight-items span{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border:1px solid rgba(160,145,235,.3);border-radius:16px;background:rgba(7,10,24,.76);box-shadow:0 12px 28px rgba(0,0,0,.3);backdrop-filter:blur(10px);transition:transform .25s,border-color .25s}
.shop-spotlight-items span:hover{transform:translateX(-5px) scale(1.04);border-color:#7c82ff}
.shop-spotlight-items img{width:88%;height:88%;object-fit:contain}
.shop-spotlight-items img.fallback{width:62%;height:62%;opacity:.7}
.shop-spotlight-countdown{position:absolute;z-index:8;right:31px;bottom:28px;display:grid;gap:4px;min-width:154px;padding:13px 16px;border:1px solid rgba(138,145,205,.25);border-radius:15px;background:rgba(5,8,20,.78);text-align:right;backdrop-filter:blur(12px)}
.shop-spotlight-countdown small{color:#77829d;font:800 8px/1 Inter,sans-serif;letter-spacing:.15em}.shop-spotlight-countdown b{color:#fff;font:900 22px/1 var(--display);letter-spacing:.05em}
.shop-spotlight-arrow{position:absolute;z-index:10;bottom:29px;display:grid;place-items:center;width:43px;height:43px;border:1px solid #303b5c;border-radius:12px;background:rgba(11,15,32,.9);color:#e9edff;font-size:18px;cursor:pointer;transition:.25s}
.shop-spotlight-arrow:hover{transform:translateY(-2px);border-color:#7980ff;background:#202852}.shop-spotlight-arrow.previous{left:30px}.shop-spotlight-arrow.next{left:80px}
.shop-spotlight-dots{position:absolute;z-index:10;left:50%;bottom:38px;display:flex;gap:7px;transform:translateX(-50%)}
.shop-spotlight-dots button{width:22px;height:4px;border:0;border-radius:99px;background:#40475f;cursor:pointer;transition:.3s}.shop-spotlight-dots button.active{width:38px;background:linear-gradient(90deg,#ffdb3e,#925cff);box-shadow:0 0 15px rgba(255,207,56,.3)}
.shop-spotlight.is-entering .shop-spotlight-copy>*{animation:towaSpotlightCopyIn .52s both}.shop-spotlight.is-entering .shop-spotlight-copy>*:nth-child(2){animation-delay:.04s}.shop-spotlight.is-entering .shop-spotlight-copy>*:nth-child(3){animation-delay:.08s}.shop-spotlight.is-entering .shop-spotlight-copy>*:nth-child(4){animation-delay:.12s}
.shop-spotlight.is-entering .shop-spotlight-media>img{animation:towaSpotlightArtIn .62s cubic-bezier(.2,.75,.25,1) both,towaSpotlightFloat 5.2s .62s ease-in-out infinite}
@keyframes towaSpotlightCopyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes towaSpotlightArtIn{from{opacity:0;filter:blur(6px) drop-shadow(0 34px 34px rgba(0,0,0,.4))}to{opacity:1;filter:blur(0) drop-shadow(0 34px 34px rgba(0,0,0,.58))}}
.shop-intro{margin-top:0!important;padding-top:12px!important}.shop-intro h1{font-size:clamp(46px,5.5vw,72px)!important}

/* Club: un único escenario, con 1 mes principal y 3 meses como alternativa. */
#page-crew>.section{max-width:1500px;padding:54px 34px 100px}
.crew-focus{position:relative;display:grid;grid-template-columns:minmax(560px,1.04fr) minmax(470px,.96fr);min-height:680px;overflow:hidden;border:1px solid rgba(143,105,255,.4);border-radius:32px;background:
  radial-gradient(circle at 82% 22%,rgba(190,77,255,.36),transparent 33%),
  radial-gradient(circle at 22% 110%,rgba(55,103,255,.25),transparent 43%),
  linear-gradient(125deg,#090d1c 0%,#13142d 51%,#35135b 100%);box-shadow:0 38px 100px rgba(0,0,0,.43);isolation:isolate}
.crew-focus::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,22,.96) 0%,rgba(7,10,22,.82) 42%,transparent 70%),repeating-linear-gradient(112deg,transparent 0 54px,rgba(255,255,255,.016) 55px 56px);pointer-events:none}
.crew-focus-aurora{position:absolute;z-index:-1;right:-110px;top:-190px;width:720px;height:720px;border-radius:50%;background:conic-gradient(from 30deg,rgba(131,79,255,.12),rgba(238,74,255,.36),rgba(57,239,208,.08),rgba(131,79,255,.12));filter:blur(48px);animation:towaSpotlightAurora 14s linear infinite}
.crew-focus-copy{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:62px 22px 62px 62px}
.crew-focus-badge{display:inline-flex;align-items:center;min-height:31px;padding:0 13px;border:1px solid rgba(105,239,208,.36);border-radius:999px;background:rgba(35,163,132,.1);color:#6ff0cf;font:900 9px/1 Inter,sans-serif;letter-spacing:.14em}
.crew-focus h1{max-width:720px;margin:17px 0 16px;color:#fff;font:900 clamp(55px,5.8vw,82px)/.88 var(--display);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}.crew-focus h1 span{color:#d760ff;text-shadow:0 0 32px rgba(199,75,255,.25)}
.crew-focus-copy>p{max-width:665px;color:#b2bdd4;font-size:15px;line-height:1.65;text-wrap:pretty}
.crew-focus-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;margin:26px 0 21px}
.crew-focus-benefits article{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;min-height:68px;padding:10px;border:1px solid rgba(132,145,209,.22);border-radius:13px;background:rgba(12,17,36,.68)}
.crew-focus-benefits i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(105,87,255,.18);color:#c7b9ff;font:900 14px/1 var(--display);font-style:normal}
.crew-focus-benefits article:nth-child(2) i{background:rgba(215,77,255,.15);color:#ec91ff}.crew-focus-benefits article:nth-child(3) i{background:rgba(255,205,51,.12);color:#ffe05d}.crew-focus-benefits article:nth-child(4) i{background:rgba(56,221,171,.12);color:#6ce7c0}
.crew-focus-benefits strong,.crew-focus-benefits span{display:block}.crew-focus-benefits strong{font-size:11px;line-height:1.15}.crew-focus-benefits span{margin-top:3px;color:#8390aa;font-size:8px;line-height:1.35}
.crew-focus .crew-grid{display:block;width:100%;min-width:0}
.crew-offer-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 22px;width:100%;padding:18px;border:1px solid rgba(139,116,255,.38);border-radius:18px;background:linear-gradient(120deg,rgba(36,33,80,.78),rgba(11,15,33,.85));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.crew-plan-switch{display:flex;gap:8px;align-self:start}.crew-plan-switch button{min-width:112px;padding:11px 13px;border:1px solid #354263;border-radius:11px;background:#10162b;color:#9da8c0;text-align:left;cursor:pointer;transition:.25s}.crew-plan-switch button b,.crew-plan-switch button small{display:block}.crew-plan-switch button b{color:#fff;font-size:12px}.crew-plan-switch button small{margin-top:2px;font-size:8px}.crew-plan-switch button.active{border-color:#8a70ff;background:linear-gradient(120deg,#5367ff,#8b4ff0);color:#e9e5ff;box-shadow:0 10px 28px rgba(98,83,241,.25)}
.crew-offer-total{display:grid;justify-items:end;align-content:start}.crew-offer-total small{color:#7f8aa3;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em}.crew-offer-total strong{margin-top:7px;color:#ffe057;font:900 30px/1 var(--display);white-space:nowrap}
.crew-offer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;min-width:0;color:#95a3bd;font-size:9px;font-weight:700}.crew-offer-meta span{display:inline-flex;align-items:center;gap:5px}.crew-offer-meta i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#59e0bc;color:#07271e;font:900 10px/1 var(--display);font-style:normal}
.crew-offer-panel>.btn{grid-column:2;grid-row:2;min-width:202px;justify-content:center;border-radius:11px}
.crew-offer-panel .official-comparison{grid-column:1/-1;margin:0!important;min-width:0;padding:11px 12px!important}.crew-offer-panel .official-comparison>span{display:flex!important;align-items:center;gap:8px}.crew-offer-panel .official-comparison b{font-size:11px!important;white-space:normal!important}
.crew-focus-visual{position:relative;min-width:0;overflow:hidden}.crew-focus-visual::before{content:"";position:absolute;left:50%;top:47%;width:460px;height:460px;border:1px solid rgba(220,142,255,.2);border-radius:50%;transform:translate(-45%,-50%);box-shadow:0 0 0 62px rgba(166,78,255,.035),0 0 0 124px rgba(166,78,255,.02)}
.crew-focus-visual>img{position:absolute;z-index:3;left:50%;bottom:-28px;width:min(760px,132%);height:calc(100% + 10px);object-fit:contain;object-position:center bottom;transform:translate3d(-48%,0,0);transform-origin:50% 84%;filter:drop-shadow(0 34px 36px rgba(0,0,0,.55));animation:towaCrewFocusFloat 5.5s ease-in-out infinite;will-change:transform;backface-visibility:hidden}
@keyframes towaCrewFocusFloat{0%,100%{transform:translate3d(-48%,5px,0) scale(.99)}50%{transform:translate3d(-48%,-22px,0) scale(1.045)}}
.crew-focus-month{position:absolute;z-index:6;right:28px;top:27px;padding:9px 12px;border:1px solid rgba(236,196,255,.28);border-radius:999px;background:rgba(9,11,28,.66);color:#e7c9ff;font:850 9px/1 Inter,sans-serif;letter-spacing:.12em;backdrop-filter:blur(10px)}
.crew-focus-content-card{position:absolute;z-index:6;left:26px;right:26px;bottom:27px;display:grid;grid-template-columns:1fr;gap:3px;padding:16px 18px;border:1px solid rgba(177,137,236,.3);border-radius:15px;background:rgba(7,9,24,.73);backdrop-filter:blur(13px);box-shadow:0 20px 42px rgba(0,0,0,.28)}
.crew-focus-content-card small{color:#73ebcd;font:850 8px/1 Inter,sans-serif;letter-spacing:.15em}.crew-focus-content-card strong{color:#fff;font:900 25px/1 var(--display)}.crew-focus-content-card p{color:#a6b1c8;font-size:10px}
.crew-simple-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;max-width:1120px;margin:27px auto 20px;padding:16px;border:1px solid rgba(105,127,212,.2);border-radius:18px;background:rgba(9,14,32,.72)}
.crew-simple-flow>span{display:grid;grid-template-columns:35px 1fr;gap:2px 10px;align-items:center;padding:9px}.crew-simple-flow b{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#596bff,#9852ef);color:#fff;font:900 15px/1 var(--display)}.crew-simple-flow strong{font-size:12px}.crew-simple-flow small{color:#8490a8;font-size:9px}.crew-simple-flow>i{height:1px;background:linear-gradient(90deg,#3a4566,#795fff)}
#page-crew .manual-safety-note{max-width:1120px;margin-top:0}

/* La rotación respira: arte vivo sin rebotes ni desplazamientos bruscos. */
.shop-grid .item-thumb img.style-cycle-image{
  transform-origin:50% 78%;
  animation:towaCardArtBreathe 5.1s ease-in-out infinite;
  will-change:transform;
  backface-visibility:hidden;
}
.shop-grid .item-card:nth-child(3n+2) .item-thumb img.style-cycle-image{animation-duration:5.7s;animation-delay:-1.4s}
.shop-grid .item-card:nth-child(3n) .item-thumb img.style-cycle-image{animation-duration:4.8s;animation-delay:-2.6s}
.bundle-showcase-grid .bundle-composite{
  transform-origin:50% 76%;
  animation:towaBundleArtBreathe 5.8s ease-in-out infinite;
  will-change:transform;
  backface-visibility:hidden;
}
.bundle-showcase-grid .bundle-card:nth-child(even) .bundle-composite{animation-duration:6.3s;animation-delay:-1.8s}
.shop-grid .item-card:hover .item-thumb img.style-cycle-image,
.bundle-showcase-grid .bundle-card:hover .bundle-composite{animation:none}
@keyframes towaCardArtBreathe{
  0%,100%{transform:translate3d(0,3px,0) scale(.99)}
  50%{transform:translate3d(0,-12px,0) scale(1.04)}
}
@keyframes towaBundleArtBreathe{
  0%,100%{transform:translate3d(0,3px,0) scale(.99)}
  50%{transform:translate3d(0,-15px,0) scale(1.04)}
}

@media(max-width:1180px){
  .shop-spotlight{grid-template-columns:minmax(370px,.9fr) minmax(430px,1.1fr);min-height:560px}.shop-spotlight-copy{padding-left:45px}.shop-spotlight h1{font-size:58px}
  .crew-focus{grid-template-columns:1fr;min-height:0}.crew-focus-copy{padding-right:54px}.crew-focus-visual{min-height:590px}.crew-focus::before{background:linear-gradient(180deg,rgba(7,10,22,.96) 0%,rgba(7,10,22,.72) 45%,transparent 75%)}
}
@media(max-width:900px){
  #page-shop>.section,#page-crew>.section{padding:24px 15px 80px}
  .shop-spotlight{grid-template-columns:1fr;min-height:0;border-radius:24px}.shop-spotlight-copy{padding:43px 34px 26px}.shop-spotlight-media{min-height:455px}.shop-spotlight h1{font-size:clamp(46px,8vw,64px)}.shop-spotlight-media>img{width:min(650px,100%);height:490px;left:50%;bottom:-20px}.shop-spotlight-items{right:18px}.shop-spotlight-countdown{right:20px;bottom:20px}.shop-spotlight-arrow{bottom:21px}.shop-spotlight-dots{bottom:31px}
  .crew-focus-copy{padding:46px 34px}.crew-focus h1{font-size:clamp(49px,8vw,68px)}.crew-focus-benefits{grid-template-columns:repeat(2,1fr)}.crew-focus-visual{min-height:560px}
}
@media(max-width:620px){
  #page-shop>.section,#page-crew>.section{padding:16px 8px 72px!important}
  .shop-spotlight{margin-bottom:26px;border-radius:20px}.shop-spotlight-copy{padding:30px 20px 20px}.shop-spotlight-badge{min-height:27px;font-size:8px}.shop-spotlight-eyebrow{margin-top:17px;font-size:9px}.shop-spotlight h1{margin-top:9px;font-size:clamp(39px,11.4vw,48px);line-height:.9}.shop-spotlight-copy>p{font-size:12px;line-height:1.55}.shop-spotlight-price-row{align-items:flex-start;flex-direction:column;gap:8px;margin-top:18px}.shop-spotlight-price-row strong{font-size:30px}.shop-spotlight-actions{gap:8px}.shop-spotlight-actions .btn{min-height:44px;padding:10px 8px;font-size:10px}.shop-spotlight-trust{gap:7px 12px;font-size:8px}.shop-spotlight-media{min-height:370px}.shop-spotlight-media>img{height:400px;width:116%;bottom:-17px}.shop-spotlight-items{top:34px;right:12px;gap:7px;transform:none}.shop-spotlight-items span{width:49px;height:49px;border-radius:12px}.shop-spotlight-countdown{right:13px;bottom:14px;min-width:126px;padding:10px 12px}.shop-spotlight-countdown b{font-size:18px}.shop-spotlight-arrow{bottom:15px;width:38px;height:38px}.shop-spotlight-arrow.previous{left:13px}.shop-spotlight-arrow.next{left:58px}.shop-spotlight-dots{display:none}.shop-intro{padding-inline:12px!important}
  .crew-focus{border-radius:21px}.crew-focus-copy{padding:33px 20px 27px}.crew-focus-badge{min-height:27px;font-size:7px}.crew-focus h1{font-size:clamp(43px,13.2vw,57px)}.crew-focus-copy>p{font-size:12px;line-height:1.55}.crew-focus-benefits{gap:7px;margin:20px 0 15px}.crew-focus-benefits article{grid-template-columns:31px 1fr;min-height:61px;padding:8px;gap:7px}.crew-focus-benefits i{width:31px;height:31px}.crew-focus-benefits strong{font-size:9px}.crew-focus-benefits span{font-size:7px}
  .crew-offer-panel{grid-template-columns:1fr;gap:12px;padding:14px}.crew-plan-switch{width:100%}.crew-plan-switch button{flex:1;min-width:0}.crew-offer-total{justify-items:start}.crew-offer-panel>.btn{grid-column:1;grid-row:auto;width:100%;min-width:0}.crew-offer-panel .official-comparison{grid-column:1}
  .crew-focus-visual{min-height:430px}.crew-focus-visual>img{width:125%;height:450px;bottom:-24px}.crew-focus-month{right:14px;top:14px}.crew-focus-content-card{left:13px;right:13px;bottom:14px}.crew-simple-flow{grid-template-columns:1fr;margin-top:15px;padding:10px}.crew-simple-flow>i{width:1px;height:12px;margin:auto;background:linear-gradient(#3a4566,#795fff)}
}
/* Windows puede anunciar reduced-motion aunque el cliente quiera ver el arte vivo.
   Conservamos una respiración más corta y lenta solo en los productos. */
@keyframes towaMainArtReduced{0%,100%{transform:translate3d(-48%,2px,0) scale(1)}50%{transform:translate3d(-48%,-10px,0) scale(1.018)}}
@keyframes towaCardArtReduced{0%,100%{transform:translate3d(0,1px,0) scale(1)}50%{transform:translate3d(0,-6px,0) scale(1.015)}}
@media(prefers-reduced-motion:reduce){
  .shop-spotlight-aurora,.crew-focus-aurora{animation:none!important}
  .shop-spotlight.is-entering .shop-spotlight-copy>*{animation:none!important}
  .shop-spotlight.is-entering .shop-spotlight-media>img,.shop-spotlight-media>img,.crew-focus-visual>img{animation:towaMainArtReduced 7s ease-in-out infinite!important}
  .shop-grid .item-thumb img.style-cycle-image,.bundle-showcase-grid .bundle-composite{animation:towaCardArtReduced 7.4s ease-in-out infinite!important}
}