/* MR. FOX v1.2.40 - Tienda: monedas 3D para categorías reales de WooCommerce */
.mf-shop-coin-page{--mfcoin-cyan:#19e8f6;--mfcoin-pink:#fb3bda;min-height:calc(100vh - 150px);padding:clamp(52px,6.5vw,100px) 0 clamp(80px,8vw,140px);background:radial-gradient(ellipse at 50% 6%,rgba(19,65,100,.28),transparent 55%),radial-gradient(ellipse at 12% 68%,rgba(115,20,150,.13),transparent 50%),#030a19;position:relative;overflow:hidden}
.mf-shop-coin-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(30,217,244,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(30,217,244,.16) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(180deg,transparent,#000 22%,transparent 86%)}
.mf-shop-coins-hero{text-align:center;position:relative;z-index:1;max-width:1000px;margin-bottom:clamp(48px,5vw,80px)}
.mf-shop-coins-eyebrow{font-size:.77rem;letter-spacing:.3em;color:var(--mfcoin-cyan);font-weight:900;margin-bottom:15px}
.mf-shop-coins-hero h1{margin:0 0 15px;font-family:var(--mf-display),Inter,system-ui,sans-serif;font-weight:950;font-size:clamp(2rem,5.2vw,5.7rem);line-height:1.07;letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:break-word;text-wrap:balance}
.mf-shop-coins-hero h1 em{font-style:normal;background:linear-gradient(100deg,#e97ce8,#fb3bda,#c762fd);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 0 35px rgba(255,25,215,.13)}
.mf-shop-coins-hero>p:last-child{font-size:clamp(.9rem,1.35vw,1.17rem);color:#b7cce5;max-width:690px;margin-inline:auto}
.mf-shop-coins-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(25px,4vw,58px) clamp(16px,2.3vw,42px);justify-items:stretch;align-items:start;max-width:1450px}
.mf-shop-coin{grid-column:span 2;text-align:center;min-width:0;position:relative}
.mf-shop-coin__link{display:flex;position:relative;align-items:center;flex-direction:column;color:#f6f9ff;isolation:isolate;text-decoration:none;cursor:pointer;outline-offset:6px;border-radius:16px;min-height:240px;padding:4px 5px 16px}
.mf-shop-coin__link:hover,.mf-shop-coin__link:focus-visible{color:#fff}
.mf-shop-coin__float{width:min(100%,clamp(165px,18.2vw,305px));aspect-ratio:1;display:block;position:relative;animation:mf-coin-float 5.7s ease-in-out infinite;animation-delay:var(--coin-delay,0s);perspective:1100px;transform-style:preserve-3d}
.mf-shop-coin__glow{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from -45deg,transparent 4%,rgba(34,238,246,.75),rgba(255,33,208,.7),transparent 55%,rgba(34,238,246,.6),transparent);filter:blur(12px);opacity:.19;transition:opacity .23s,transform .23s;pointer-events:none}
.mf-shop-coin__rotator{position:absolute;inset:0;border-radius:50%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.19,.84,.2,1);will-change:transform;filter:drop-shadow(0 12px 12px rgba(0,0,0,.42))}
.mf-shop-coin__face{position:absolute;inset:0;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:radial-gradient(circle at 34% 23%,#13203e 0%,#050b1d 68%);border:2px solid rgba(51,226,248,.78);box-shadow:inset 0 0 0 3px rgba(4,12,32,.65),inset 0 0 16px rgba(34,223,248,.22),0 0 18px rgba(36,209,241,.2)}
.mf-shop-coin__face--front img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block;max-width:none}
.mf-shop-coin__face--back{transform:rotateY(180deg);flex-direction:column;gap:10px;background:radial-gradient(circle at 25% 30%,#1b2855,#04091c 68%);border-color:#fb3bda;box-shadow:inset 0 0 0 7px rgba(25,232,246,.09),inset 0 0 35px rgba(240,33,205,.32),0 0 23px rgba(237,25,205,.33)}
.mf-shop-coin__back-emblem{font-size:clamp(2.4rem,5vw,5rem);line-height:1;color:#fb3bda;text-shadow:0 0 24px #fb3bda,0 0 38px rgba(25,232,246,.65)}
.mf-shop-coin__face--back small{font-weight:950;letter-spacing:.22em;color:#a7edff}
.mf-shop-coin__link:is(:hover,:focus-visible) .mf-shop-coin__rotator{transform:rotateY(360deg)}
.mf-shop-coin__link:is(:hover,:focus-visible) .mf-shop-coin__float{animation-play-state:paused}
.mf-shop-coin__link:is(:hover,:focus-visible) .mf-shop-coin__glow{opacity:.9;transform:scale(1.05)}
.mf-shop-coin__shadow{display:block;width:55%;height:16px;margin-top:4px;border-radius:50%;background:radial-gradient(ellipse,rgba(16,4,47,.85),rgba(248,33,202,.3) 25%,rgba(28,207,246,.18) 52%,transparent 76%);filter:blur(8px);animation:mf-coin-shadow 5.7s ease-in-out infinite;animation-delay:var(--coin-delay,0s)}
.mf-shop-coin__title{margin-top:4px;font-family:var(--mf-display),system-ui,sans-serif;letter-spacing:.015em;font-weight:900;text-transform:uppercase;font-size:clamp(.86rem,1.5vw,1.35rem);line-height:1.25;max-width:100%;text-wrap:balance;overflow-wrap:break-word;transition:color .25s,text-shadow .25s}
.mf-shop-coin__rule{width:63px;height:2px;margin-top:10px;background:linear-gradient(90deg,transparent,#18e8f8 35%,#fb3bda 65%,transparent);box-shadow:0 0 10px rgba(32,230,249,.55);transition:width .27s,box-shadow .27s}
.mf-shop-coin__link:is(:hover,:focus-visible) .mf-shop-coin__title{color:#bff8ff;text-shadow:0 0 16px rgba(25,232,246,.4)}
.mf-shop-coin__link:is(:hover,:focus-visible) .mf-shop-coin__rule{width:106px;box-shadow:0 0 18px rgba(251,59,218,.9)}
@keyframes mf-coin-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes mf-coin-shadow{0%,100%{transform:scale(1);opacity:.54}50%{transform:scale(.78);opacity:.33}}
.mf-shop-coins-empty{position:relative;text-align:center;color:#a5bfd9;padding:60px 0}
@media(min-width:1101px){
  /* Con exactamente siete monedas: la segunda fila de tres queda centrada. */
  .mf-shop-coins-grid:has(> .mf-shop-coin:nth-child(7):last-child) > .mf-shop-coin:nth-child(5){grid-column:2/span 2}
}
@media(max-width:1100px){.mf-shop-coins-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-shop-coin{grid-column:auto}.mf-shop-coin__float{width:min(100%,245px)}
  .mf-shop-coins-grid:has(> .mf-shop-coin:nth-child(7):last-child) > .mf-shop-coin:nth-child(7){grid-column:1/-1;justify-self:center;width:calc((100% - 2 * 24px)/3)}
}
@media(max-width:710px){.mf-shop-coins-grid:has(> .mf-shop-coin:nth-child(7):last-child) > .mf-shop-coin:nth-child(7){width:calc((100% - 12px)/2)}.mf-shop-coin-page{padding-top:54px}.mf-shop-coins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px;width:calc(100% - 30px)}.mf-shop-coin__link{min-height:190px}.mf-shop-coin__float{width:min(100%,225px)}.mf-shop-coins-hero{margin-bottom:30px;width:calc(100% - 30px)}.mf-shop-coin__title{font-size:clamp(.76rem,3vw,1.05rem)}}
@media(max-width:370px){.mf-shop-coins-grid{gap:19px 8px}.mf-shop-coin__link{padding-inline:0}.mf-shop-coin__title{font-size:.77rem}.mf-shop-coin__float{width:min(100%,145px)}}
@media(hover:none){.mf-shop-coin__rotator{will-change:auto}}
@media(prefers-reduced-motion:reduce){.mf-shop-coin__float,.mf-shop-coin__shadow{animation:none!important}.mf-shop-coin__rotator{transition:none!important}.mf-shop-coin__link:is(:hover,:focus-visible) .mf-shop-coin__rotator{transform:none!important}}

.mf-commerce-main:has(.mf-shop-coin-page){padding-bottom:0!important;background:#030a19!important}