/* ========================================================================
 MR. FOX Digital v1.2.1 — Refinamientos del boceto aprobado.
 Edición: SOLO ESTE ARCHIVO para ajustes nuevos.
 ======================================================================== */
:root{--mf-deep:#030714;--mf-neon-aqua:#22eaff;--mf-neon-rose:#ff35eb}
body.mrfox-site{background:#030715}
.mf-site-header{background:rgba(2,7,18,.975);border-bottom:1px solid rgba(22,182,224,.10)}
.mf-brand__image{display:block;width:clamp(185px,16vw,265px);height:auto;max-height:78px;object-fit:contain;object-position:left center}
.mf-brand{overflow:visible;align-items:center}
/* Hero: car illustration is not clipped by side padding or category row. */
.mf-hero{min-height:clamp(590px,43vw,755px);overflow:visible;background:#030715}
.mf-hero-art{inset:0;overflow:hidden;z-index:-2}
.mf-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 49%;image-rendering:auto;filter:saturate(1.11) contrast(1.055)}
.mf-hero::before{z-index:-1;opacity:1;background:linear-gradient(90deg,rgba(2,7,20,.88) 0%,rgba(2,7,20,.68) 20%,rgba(2,7,20,.14) 47%,transparent 66%),linear-gradient(180deg,transparent 65%,rgba(2,7,20,.10) 100%)}
.mf-hero-inner{min-height:clamp(590px,43vw,755px);padding:clamp(58px,5.8vw,102px) 0 150px}
.mf-hero-copy{width:min(595px,47%);min-width:0}
.mf-hero-title-art{width:min(100%,620px);max-width:100%;margin:0 0 13px;overflow:visible;filter:drop-shadow(0 0 8px rgba(251,43,217,.23))}
.mf-hero-title-art img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto}
.mf-hero-kicker{font-size:clamp(.8rem,1vw,.96rem);margin:0 0 0;letter-spacing:.32em;color:#ecfaff}
.mf-hero-summary{text-transform:uppercase;letter-spacing:.055em;font-size:clamp(.81rem,1.12vw,.96rem);line-height:1.52;font-weight:700;max-width:520px}
.mf-hero-points{margin-top:21px}
/* Cards genuinely overlie the scene; none of the previous pink separating bar. */
.mf-hero-bottom-line{display:none!important}
.mf-categories{margin-top:-113px;padding:0 0 7px;background:transparent;z-index:5}
.mf-categories .mf-wrap{width:min(1580px,calc(100% - 48px))}
.mf-category-card{min-height:169px;background:linear-gradient(155deg,rgba(4,13,28,.99),rgba(2,7,17,.99))!important;border:1px solid rgba(14,107,152,.36);box-shadow:0 15px 30px rgba(0,0,0,.35)}
.mf-category-card::after{opacity:.24;background:radial-gradient(ellipse at 50% 10%,rgba(7,173,200,.15),transparent 60%)}
.mf-category-card:hover{filter:drop-shadow(0 0 14px rgba(27,214,244,.25));border-color:rgba(35,224,247,.60)}
.mf-category-icon img{filter:drop-shadow(0 0 4px rgba(32,204,255,.19)) drop-shadow(0 0 7px rgba(239,42,220,.12))}
.mf-featured{padding-top:27px;background:linear-gradient(180deg,#030715,#040916)}
.mf-product-card{background:linear-gradient(140deg,#061224,#040917)}
/* Contact mascot floats on a transparent plane; the blink swaps true drawings. */
.mf-contact-orb__head{aspect-ratio:1400/1478}
.mf-contact-orb__head img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:none!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important}
.mf-contact-orb__head .mf-fox-head--open{z-index:1}
.mf-contact-orb__eyelid{display:none!important}
/* Motto: brighter but comfortable, with a scanning laser shimmer. */
.mf-footer-motto{color:#ff65ee;border-color:rgba(255,53,235,.7);box-shadow:inset 0 0 18px rgba(247,43,224,.14),0 0 8px rgba(236,58,224,.12);transition:transform .3s,box-shadow .3s}
.mf-footer-motto:hover{transform:translateY(-3px);box-shadow:0 0 20px rgba(244,41,221,.31),inset 0 0 20px rgba(33,223,244,.09)}
.mf-footer-motto__spark{animation:mf-future-star 3s ease-in-out infinite}
@keyframes mf-future-star{0%,100%{transform:scale(.87) rotate(0);filter:drop-shadow(0 0 3px #27eaff)}50%{transform:scale(1.17) rotate(25deg);filter:drop-shadow(0 0 11px #27eaff)}}
@media(min-width:1400px){.mf-hero-art img{object-fit:cover;object-position:center 50%}.mf-hero-copy{width:min(630px,45%)}.mf-hero-title-art{width:100%}.mf-category-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:1700px){.mf-hero{min-height:770px}.mf-hero-inner{min-height:770px}.mf-hero-art img{object-position:center center}.mf-hero-copy{width:min(690px,45%)}}
@media(max-width:1399px){.mf-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-categories{margin-top:-95px}.mf-hero-copy{width:min(560px,50%)}}
@media(max-width:1050px){.mf-hero-copy{width:54%}.mf-hero::before{background:linear-gradient(90deg,rgba(2,7,20,.95),rgba(2,7,20,.68) 40%,rgba(2,7,20,.06) 100%)}.mf-hero-art img{object-position:53% center}}
@media(max-width:760px){
.mf-header-inner{min-height:69px}.mf-brand__image{width:172px;max-height:59px}
.mf-hero{min-height:690px}.mf-hero-inner{min-height:690px;padding:34px 0 160px}
.mf-hero-copy{width:100%;max-width:610px}.mf-hero-title-art{width:100%;max-width:510px}
.mf-hero-art{inset:260px -30% 0 -40%}.mf-hero-art img{object-position:62% 56%}
.mf-hero::before{background:linear-gradient(180deg,#030715 0%,rgba(3,7,21,.99) 30%,rgba(3,7,21,.40) 53%,rgba(3,7,21,.04) 88%,rgba(3,7,21,.15))}
.mf-categories{margin-top:-110px}.mf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mf-category-card{min-height:157px}
.mf-category-card h3{font-size:.76rem}.mf-category-card p{font-size:.66rem}
.mf-featured{padding-top:20px}
}
@media(max-width:480px){
.mf-hero{min-height:625px}.mf-hero-inner{min-height:625px;padding:25px 0 135px}
.mf-hero-kicker{font-size:.64rem;letter-spacing:.23em}
.mf-hero-title-art{width:100%;max-width:380px;margin-bottom:12px}
.mf-hero-summary{font-size:.73rem;line-height:1.45;max-width:360px}
.mf-hero-buttons{gap:7px}.mf-hero-buttons .mf-button{padding:10px 11px;font-size:.60rem;min-height:43px}
.mf-hero-art{inset:205px -57% 0 -68%}.mf-hero-art img{object-position:57% 59%}
.mf-categories{margin-top:-95px}.mf-categories .mf-wrap{width:calc(100% - 18px)}
.mf-contact-aside__art.mf-contact-orb{height:335px}
}
@media(max-width:360px){.mf-brand__image{width:151px}.mf-hero-summary{font-size:.68rem}.mf-hero-buttons .mf-button{font-size:.55rem}.mf-hero-title-art{max-width:310px}.mf-category-card{min-height:157px}.mf-contact-aside__art.mf-contact-orb{height:300px}}
@media(prefers-reduced-motion:reduce){.mf-footer-motto__spark{animation:none}}

/* Corrected final responsive containment and floating character framing. */
.mf-hero{overflow:hidden}
.mf-contact-orb__head{width:min(288px,72%);top:23px}
@media(max-width:760px){.mf-contact-orb__head{width:min(290px,73%);top:18px}}
@media(max-width:480px){.mf-hero-art{right:-38%;left:-55%}.mf-contact-orb__head{width:min(265px,75%);top:23px}}

/* Editorial accessibility: semantic H1 remains available to screen readers and SEO. */
.mf-hero:not(.mf-hero--text-only) .mf-hero-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;display:block!important;margin:0!important;padding:0!important}
.mf-hero--text-only .mf-hero-title-art{display:none}
.mf-hero--text-only .mf-hero-title{display:block;position:static;width:auto;height:auto;font-size:clamp(2.65rem,5.4vw,6.4rem);max-width:100%;line-height:.97;letter-spacing:-.065em}
.mf-hero--text-only .mf-hero-title span,.mf-hero--text-only .mf-hero-title strong{display:block;white-space:normal;overflow-wrap:anywhere;max-width:100%}