/* ============================================================================
   MR. FOX DIGITAL 1.1 — VISUAL / MOTION / RESPONSIVE
   Archivo único para edición: assets/css/v11-motion.css
   Se carga después del estilo base y WooCommerce, ANTES del tema hijo.
   01 Hero editorial  02 Categorías diagonales  03 Productos destacados
   04 Corte láser  05 Contacto / Fox animado  06 Footer  07 Responsive
   08 Accesibilidad / movimiento reducido
   ============================================================================ */

/* 01 · HERO: una composición cinematográfica sin tipografías horneadas. */
.mf-hero{min-height:clamp(560px,45vw,730px);background:#030817}
.mf-hero-art{inset:0;z-index:-2}
.mf-hero-art img{object-fit:cover;object-position:50% 50%;mask-image:none;-webkit-mask-image:none;filter:saturate(1.07) contrast(1.04)}
.mf-hero::before{background:linear-gradient(90deg,#030817 0%,rgba(3,8,23,.96) 22%,rgba(3,8,23,.60) 43%,rgba(3,8,23,.06) 75%),linear-gradient(0deg,rgba(3,7,22,.6),transparent 24%)}
.mf-hero::after{opacity:.17;border-color:rgba(24,232,246,.33)}
.mf-hero-inner{min-height:clamp(560px,45vw,730px);padding:82px 0 98px}
.mf-hero-copy{width:min(690px,52%);text-shadow:0 5px 28px #000}
.mf-hero-kicker{font-size:clamp(.72rem,1vw,.95rem);letter-spacing:.43em;margin-bottom:5px}
.mf-hero-title{font-size:clamp(3.1rem,5.1vw,6.6rem);letter-spacing:-.083em;line-height:.94;margin-bottom:24px}
.mf-hero-title span{font-style:italic;font-weight:1000;transform:skew(-5deg) scaleX(.92);filter:drop-shadow(0 0 5px rgba(220,242,255,.2))}
.mf-hero-title strong{font-family:var(--mf-display);display:inline-block;position:relative;transform:skew(-11deg) scaleX(.95);transform-origin:left;line-height:1.04;letter-spacing:-.08em;background:linear-gradient(102deg,#17e8ff 0%,#3efcff 32%,#ef29ee 74%,#fe83fc 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(248,49,226,.4))}
.mf-hero-title strong::after{content:"";position:absolute;left:0;right:8%;bottom:-5px;height:3px;background:linear-gradient(90deg,var(--mf-cyan),var(--mf-pink),transparent);filter:drop-shadow(0 0 9px var(--mf-pink));transform:scaleX(.74);transform-origin:left}
.mf-hero-summary{line-height:1.65;max-width:540px;font-size:clamp(.93rem,1.35vw,1.13rem);text-wrap:pretty}
.mf-hero-points{margin-top:25px}
.mf-button:not(.mf-button--disabled){will-change:transform}
.mf-button:not(.mf-button--disabled):hover{transform:translateY(-4px);filter:brightness(1.09)}
.mf-hero-bottom-line{height:1px;box-shadow:0 0 21px rgba(243,48,223,.8)}

/* 02 · CATEGORÍAS: paralelogramos, brillo y levitación también sin link. */
.mf-categories{position:relative;padding:0 0 20px;background:linear-gradient(180deg,#030817,#050c19);z-index:2}
.mf-categories .mf-section-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mf-categories .mf-wrap{width:min(1600px,calc(100% - 40px))}
.mf-category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;isolation:isolate}
.mf-category-card{padding:18px 14px 18px;min-height:176px;position:relative;isolation:isolate;overflow:hidden;border-radius:0;border:1px solid rgba(20,173,226,.20);background:linear-gradient(180deg,rgba(5,14,29,.98),rgba(4,10,21,.99));clip-path:polygon(11% 0,100% 0,89% 100%,0 100%);transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s,box-shadow .32s,border-color .32s;transform:translateY(0);backface-visibility:hidden}
.mf-category-card::before{content:"";position:absolute;inset:0;height:auto;background:linear-gradient(115deg,transparent 10%,rgba(30,236,245,.06) 44%,rgba(245,36,221,.18) 50%,transparent 59%);background-size:250% 100%;background-position:100% 0;opacity:.9;pointer-events:none;transition:background-position .55s ease}
.mf-category-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(22,232,247,.10),transparent 55%);pointer-events:none;opacity:.45;transition:opacity .35s}
.mf-category-card:is(:hover,:focus-within){transform:translateY(-11px) scale(1.02);border-color:rgba(58,242,255,.72);filter:drop-shadow(0 0 13px rgba(42,213,255,.22)) drop-shadow(0 9px 14px rgba(223,23,216,.12));z-index:3}
.mf-category-card:is(:hover,:focus-within)::before{background-position:0 0}
.mf-category-card:is(:hover,:focus-within)::after{opacity:1}
.mf-category-card--pending{cursor:default}
.mf-category-icon{height:78px;min-height:78px;display:flex;align-items:center;justify-content:center;margin:0 0 12px;position:relative;z-index:1;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s}
.mf-category-icon img{max-height:68px;display:block;width:auto;filter:drop-shadow(0 0 10px rgba(24,236,252,.14))}
.mf-category-card:is(:hover,:focus-within) .mf-category-icon{transform:translateY(-5px) scale(1.12) rotate(-3deg);filter:drop-shadow(0 0 17px rgba(243,34,229,.40))}
.mf-category-card h3{position:relative;z-index:1;font-size:clamp(.65rem,.95vw,.92rem);font-weight:950;margin:0 0 5px;line-height:1.3;text-wrap:balance;transition:color .25s,text-shadow .25s;color:#fff}
.mf-category-card:is(:hover,:focus-within) h3{color:#fff;text-shadow:0 0 12px rgba(28,242,255,.48)}
.mf-category-card p{position:relative;z-index:1;font-size:clamp(.56rem,.75vw,.74rem);line-height:1.35;color:#b8c9d9;text-wrap:balance}

/* 03 · DESTACADOS: horizontal, visual y con luces de acento. */
.mf-featured{padding-top:30px;background:linear-gradient(180deg,#050c19 0%,#040918 100%)}
.mf-featured .mf-wrap{width:min(1550px,calc(100% - 70px))}
.mf-featured-heading__accent{color:#f344ea;text-shadow:0 0 16px rgba(242,49,220,.34)}
.mf-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.mf-product-card{display:grid;grid-template-columns:40% minmax(0,1fr);min-height:187px;align-items:stretch;overflow:hidden;border:1px solid rgba(24,199,240,.27);border-radius:12px;background:linear-gradient(135deg,#071729,#06101e);transition:transform .32s cubic-bezier(.22,.75,.25,1),border-color .3s,box-shadow .3s;isolation:isolate}
.mf-product-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 37%,rgba(25,232,246,.11) 50%,transparent 60%);background-size:250% 100%;background-position:100% 0;transition:background-position .6s ease;z-index:1}
.mf-product-card:is(:hover,:focus-within){transform:translateY(-7px);border-color:var(--mf-cyan);box-shadow:0 20px 40px rgba(0,0,0,.35),0 0 25px rgba(18,235,249,.13)}
.mf-product-card:is(:hover,:focus-within)::before{background-position:0 0}
.mf-product-card__image{height:100%;min-height:185px;aspect-ratio:auto;display:block;overflow:hidden;padding:11px 0 11px 11px;background:transparent}
.mf-product-card__image img{border-radius:6px;border:1px solid rgba(238,49,220,.36);width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s}
.mf-product-card:is(:hover,:focus-within) .mf-product-card__image img{transform:scale(1.06);filter:saturate(1.18)}
.mf-product-card__info{padding:18px 14px 15px;min-width:0}
.mf-product-card h3{font-size:clamp(.88rem,1.02vw,1.09rem);line-height:1.28;margin:9px 0 6px;overflow-wrap:anywhere}
.mf-product-card__info p{font-size:.76rem;line-height:1.46;margin:0 0 12px;color:#b2c9da}
.mf-product-tag{font-size:.60rem}.mf-demo-caption{font-size:.52rem}
.mf-product-card__bottom{padding-top:10px;gap:4px}.mf-price{font-size:.84rem}

/* 04 · ABOUT: fotografía íntegra, con guillotina láser diagonal al hover. */
.mf-about{overflow:hidden}
.mf-about-grid{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(26px,6vw,92px)}
.mf-about-image{height:570px;border-radius:18px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .65s cubic-bezier(.2,.9,.2,1),filter .5s,transform .5s;box-shadow:0 30px 70px rgba(0,0,0,.35);background:radial-gradient(circle at 50% 30%,#192658,#030716 80%)}
.mf-about-image img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform .65s,filter .65s}
.mf-about-image::after{height:16%;opacity:.72}
.mf-about-image__glow{position:absolute;inset:0;border:1px solid rgba(42,222,244,.27);pointer-events:none;z-index:3}
.mf-laser-frame__scan{position:absolute;top:-15%;left:-110%;height:135%;width:28%;transform:skew(-30deg);background:linear-gradient(90deg,transparent,rgba(25,232,246,.05),rgba(25,232,246,.6),rgba(255,64,230,.3),transparent);filter:blur(2px);opacity:0;z-index:4;pointer-events:none}
.mf-laser-frame:is(:hover,:focus-within){clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);filter:drop-shadow(0 0 15px rgba(247,60,218,.4));transform:translateY(-5px)}
.mf-laser-frame:is(:hover,:focus-within) img{transform:scale(1.04);filter:saturate(1.18)}
.mf-laser-frame:is(:hover,:focus-within) .mf-laser-frame__scan{animation:mf-laser-swipe .75s ease-out forwards}
@keyframes mf-laser-swipe{0%{left:-80%;opacity:0}20%{opacity:1}100%{left:145%;opacity:0}}

/* 05 · CONTACTO: cabeza flotante real en PNG, halo y parpadeo refinado. */
.mf-contact-aside{overflow:hidden}
.mf-contact-aside__art.mf-contact-orb{height:360px;margin:-40px -40px 31px;overflow:hidden;border-radius:18px 18px 0 0;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 38%,rgba(39,59,137,.58) 0%,rgba(12,22,55,.50) 32%,rgba(6,12,30,.86) 62%,#050a1b 100%)}
.mf-contact-orb__halo{position:absolute;inset:2% 10%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(29,233,255,.16),rgba(252,52,229,.12) 36%,transparent 68%);filter:blur(14px);animation:mf-halo-breathe 5.3s ease-in-out infinite}
.mf-contact-orb__head{position:absolute;width:min(320px,78%);aspect-ratio:1400/1478;left:50%;top:6px;transform:translate3d(calc(-50% + var(--mf-look-x,0px)),var(--mf-look-y,0px),0);animation:mf-fox-float 6s ease-in-out infinite;will-change:transform;z-index:2;filter:drop-shadow(0 0 18px rgba(255,60,232,.20)) drop-shadow(0 0 34px rgba(25,232,246,.08))}
.mf-contact-orb__head img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;pointer-events:none}
.mf-contact-orb__eyelid{position:absolute;z-index:3;height:4.2%;border-radius:60% 60% 45% 45%;background:linear-gradient(180deg,rgba(14,16,33,.96),rgba(20,18,41,.95) 70%,rgba(33,28,54,.78));box-shadow:0 1px 2px rgba(5,8,16,.35);transform:scaleY(0);transform-origin:center top;animation:mf-eye-blink 7.2s infinite;opacity:0;pointer-events:none}
.mf-contact-orb__eyelid--a{width:15.2%;left:36.2%;top:52.4%;rotate:17deg}
.mf-contact-orb__eyelid--b{width:10.2%;left:68.8%;top:61.2%;rotate:-17deg;animation-delay:.08s}
.mf-contact-orb__star{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mf-cyan);box-shadow:0 0 9px var(--mf-cyan),0 0 22px var(--mf-pink);animation:mf-spark-drift 4s ease-in-out infinite;pointer-events:none;z-index:1}
.mf-contact-orb__star--a{left:18%;top:27%}.mf-contact-orb__star--b{right:14%;top:56%;animation-delay:-2s}
.mf-contact-orb__caption{position:absolute;bottom:14px;right:14px;color:#cfeffe;font-weight:900;letter-spacing:.18em;font-size:.56rem;opacity:.78;z-index:3}
.mf-contact-orb__caption span{display:inline-block;border-radius:50%;height:5px;width:5px;background:var(--mf-cyan);box-shadow:0 0 8px var(--mf-cyan);animation:mf-halo-breathe 1.8s ease-in-out infinite}
@keyframes mf-fox-float{0%,100%{transform:translate3d(calc(-50% + var(--mf-look-x,0px)),var(--mf-look-y,0px),0)}50%{transform:translate3d(calc(-50% + var(--mf-look-x,0px)),calc(var(--mf-look-y,0px) - 8px),0)}}
@keyframes mf-eye-blink{0%,7%,9%,43%,45%,84%,86%,100%{transform:scaleY(0);opacity:0}8%,44%,85%{transform:scaleY(1);opacity:.90}}
@keyframes mf-halo-breathe{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}
@keyframes mf-spark-drift{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-22px);opacity:1}}

/* 06 · FOOTER: títulos, links y lema con energía. */
.mf-footer-title{transition:color .25s,text-shadow .3s;display:table}
.mf-footer-title:hover{color:var(--mf-cyan);text-shadow:0 0 18px rgba(30,231,243,.6)}
.mf-footer-links a,.mf-footer-contact,.mf-footer-social{display:inline-flex;transition:color .24s,text-shadow .24s,transform .24s}
.mf-footer-links a:hover,.mf-footer-contact:hover,.mf-footer-social:hover{color:var(--mf-cyan);transform:translateX(4px);text-shadow:0 0 15px rgba(25,232,246,.44)}
.mf-footer-motto{position:relative;display:inline-flex;align-items:center;gap:10px;isolation:isolate;overflow:hidden;margin-top:3px;border:1px solid rgba(251,59,218,.50);border-radius:4px 14px 4px 14px;padding:9px 14px;background:linear-gradient(120deg,rgba(116,21,117,.16),rgba(13,45,65,.12));box-shadow:inset 0 0 14px rgba(243,61,222,.08);font-size:.71rem;letter-spacing:.17em;animation:mf-motto-pulse 4.3s ease-in-out infinite;white-space:nowrap}
.mf-footer-motto__spark{color:var(--mf-cyan);filter:drop-shadow(0 0 6px rgba(25,232,246,.7));display:flex;align-items:center}
.mf-footer-motto__text{position:relative;z-index:2;animation:mf-motto-jitter 4.2s ease-in-out infinite}
.mf-footer-motto__beam{position:absolute;left:-60%;top:0;bottom:0;width:35%;transform:skew(-22deg);background:linear-gradient(90deg,transparent,rgba(238,95,235,.35),transparent);animation:mf-motto-sweep 6s linear infinite;pointer-events:none}
@keyframes mf-motto-pulse{0%,100%{border-color:rgba(251,59,218,.38);filter:drop-shadow(0 0 0 rgba(250,49,225,0))}50%{border-color:rgba(251,59,218,.8);filter:drop-shadow(0 0 11px rgba(241,44,226,.19))}}
@keyframes mf-motto-sweep{0%,48%{left:-60%;opacity:0}53%{opacity:1}71%,100%{left:160%;opacity:0}}
@keyframes mf-motto-jitter{0%,100%{letter-spacing:.17em;text-shadow:0 0 0 rgba(0,0,0,0)}50%{letter-spacing:.19em;text-shadow:0 0 12px rgba(247,77,224,.28),0 0 14px rgba(31,231,243,.22)}}

/* 07 · TABLET Y MOBILE: proporciones fluidas, no sólo encoger escritorio. */
@media(min-width:1700px){
 .mf-wrap{width:min(1500px,calc(100% - 120px))}
 .mf-hero-copy{width:min(690px,48%)}
 .mf-hero-title{font-size:clamp(5rem,5.4vw,7.2rem)}
 .mf-category-card{min-height:190px}
 .mf-category-card h3{font-size:.85rem}
}
@media(max-width:1340px){
 .mf-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
 .mf-category-card{min-height:167px}
 .mf-category-card h3{font-size:.85rem}.mf-category-card p{font-size:.72rem}
 .mf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mf-product-card h3{font-size:1.04rem}
 .mf-featured .mf-wrap{width:min(1140px,calc(100% - 48px))}
}
@media(max-width:1050px){
 .mf-hero-art img{object-position:56% center}
 .mf-hero::before{background:linear-gradient(90deg,#030817 0%,rgba(3,8,23,.95) 25%,rgba(3,8,23,.65) 57%,rgba(3,8,23,.18) 100%)}
 .mf-hero-copy{width:62%}
 .mf-hero-title{font-size:clamp(3.05rem,6.5vw,5rem)}
 .mf-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .mf-about-grid{grid-template-columns:.88fr 1.12fr;gap:30px}
 .mf-about-image{height:520px}
}
@media(max-width:760px){
 .mf-hero{min-height:710px;align-items:stretch}
 .mf-hero-inner{min-height:710px;align-items:flex-start;padding:54px 0 65px}
 .mf-hero-art{inset:265px -5% 0 -18%}
 .mf-hero-art img{object-position:61% 53%;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 87%,transparent 100%)}
 .mf-hero::before{background:linear-gradient(180deg,#030817 0%,rgba(3,8,23,.98) 29%,rgba(3,8,23,.50) 54%,rgba(3,8,23,.05) 79%,#040a19 100%)}
 .mf-hero-copy{width:100%;max-width:640px}
 .mf-hero-title{font-size:clamp(2.8rem,10.8vw,5.2rem)}
 .mf-hero-title span{white-space:normal}
 .mf-hero-summary{max-width:420px;font-size:.9rem}
 .mf-hero-points{display:none}
 .mf-categories .mf-wrap{width:calc(100% - 24px)}
 .mf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .mf-category-card{min-height:153px;padding:10px 13px 15px}
 .mf-category-icon{height:75px;min-height:75px}.mf-category-icon img{height:73px}
 .mf-category-card h3{font-size:.76rem}.mf-category-card p{font-size:.65rem}
 .mf-featured{padding-top:20px}.mf-featured .mf-wrap{width:calc(100% - 30px)}
 .mf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mf-product-card{display:flex;flex-direction:column;min-height:0}
 .mf-product-card__image{height:160px;min-height:0;padding:10px 10px 0}
 .mf-product-card__info{padding:12px 11px 14px}
 .mf-product-card h3{font-size:.84rem;margin:5px 0}
 .mf-product-card__info p{font-size:.7rem}.mf-product-tag{font-size:.56rem}
 .mf-about-grid{grid-template-columns:1fr;gap:34px}
 .mf-about-image{height:510px;max-width:450px;width:100%;margin:0 auto}
 .mf-about-copy h2{font-size:clamp(2rem,7vw,3rem)}
 .mf-contact-aside__art.mf-contact-orb{margin:-23px -23px 28px}
}
@media(max-width:480px){
 .mf-hero{min-height:680px}
 .mf-hero-inner{min-height:680px;padding-top:45px}
 .mf-hero-art{inset:265px -33% 0 -46%}
 .mf-hero-art img{object-position:65% 55%}
 .mf-hero-title{font-size:clamp(2.65rem,12vw,3.7rem);line-height:.98;letter-spacing:-.08em}
 .mf-hero-kicker{font-size:.63rem;letter-spacing:.24em}
 .mf-hero-summary{font-size:.83rem;line-height:1.5}
 .mf-hero-buttons{gap:8px}.mf-hero-buttons .mf-button{padding:11px 12px;font-size:.62rem;min-height:44px}
 .mf-category-card{min-height:150px}.mf-category-card p{max-width:150px}
 .mf-section-heading h2{font-size:1.4rem}.mf-featured .mf-wrap{width:calc(100% - 25px)}
 .mf-featured-heading__accent{display:inline}
 .mf-product-card__image{height:150px}
 .mf-product-card__info{padding:11px}
 .mf-about-image{height:440px}
 .mf-footer-motto{font-size:.67rem;letter-spacing:.13em;white-space:normal}
 .mf-contact-aside__art.mf-contact-orb{height:320px}
}
@media(max-width:350px){
 .mf-hero-title{font-size:2.45rem}
 .mf-hero-buttons{flex-direction:column;align-items:flex-start}
 .mf-featured .mf-product-grid{grid-template-columns:1fr}
 .mf-category-card h3{font-size:.7rem}
 .mf-contact-aside__art.mf-contact-orb{height:290px}
}
/* No confiar sólo en hover: móvil utiliza un efecto estático y visible. */
@media(hover:none){
 .mf-category-card::after{opacity:.75}
 .mf-category-card:nth-child(2n){border-color:rgba(236,53,223,.32)}
 .mf-product-card{border-color:rgba(31,211,241,.32)}
}
/* 08 · Accesibilidad: sin movimiento con preferencia del sistema o sin interacción. */
@media(prefers-reduced-motion:reduce){
 .mf-contact-orb__head,.mf-contact-orb__eyelid,.mf-contact-orb__halo,.mf-contact-orb__star,.mf-contact-orb__caption span,.mf-footer-motto,.mf-footer-motto__beam{animation:none!important;transform:none}
 .mf-contact-orb__head{transform:translateX(-50%)!important}
 .mf-contact-orb__eyelid{opacity:0!important}
 .mf-category-card:is(:hover,:focus-within),.mf-product-card:is(:hover,:focus-within),.mf-laser-frame:is(:hover,:focus-within){transform:none}
 .mf-laser-frame:is(:hover,:focus-within){clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}