/* MR. FOX Digital 1.2.36 — el borde de categorías es el espejo vertical del
   borde del header: centro elevado y esquinas hacia abajo, sin bordes laterales
   ni inferiores. Comparte grosor, degradado y brillo del trazado original. */
.mf-categories{
  --mf-cat-edge-height:18px;
  --mf-cat-edge-y:15.3px; /* 17/20 de la altura del SVG del header */
  margin-top:-2px!important;
  padding:15px 0 7px!important;
  position:relative!important;
  z-index:7!important;
  isolation:isolate;
  background:transparent!important;
}
/* Relleno único, recortado según la misma geometría invertida.
   El fondo del bloque sigue siendo exactamente #030a19. */
.mf-categories::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:#030a19;
  clip-path:polygon(0 var(--mf-cat-edge-y), 3.645833% 0,
    96.354167% 0, 100% var(--mf-cat-edge-y), 100% 100%, 0 100%);
  pointer-events:none;
}
.mf-categories .mf-category-shell{
  display:block!important;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:var(--mf-cat-edge-height)!important;
  z-index:-1;
  pointer-events:none;
  overflow:visible;
  filter:none!important;
}
/* Misma sombra del TRAZO del header; no sobre el SVG entero. */
.mf-categories .mf-category-shell__stroke{
  filter:drop-shadow(0 0 3px rgba(29,236,248,.40));
}
.mf-categories .mf-wrap{width:min(1880px,calc(100% - 24px))!important}

@media (min-width:1101px){
  .mf-hero{
    min-height:clamp(415px,calc(100svh - 320px),630px)!important;
    height:auto!important;
  }
  .mf-hero-inner{
    min-height:clamp(415px,calc(100svh - 320px),630px)!important;
    padding:clamp(30px,4.4svh,52px) 0 105px!important;
  }
  .mf-categories{
    padding-top:15px!important;
  }
  .mf-categories .mf-wrap{width:min(1880px,calc(100% - 60px))!important}
  .mf-category-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:0!important;
    align-items:stretch!important;
    margin-top:0!important;
  }
  .mf-category-card{
    height:auto!important;
    min-height:124px!important;
    padding:11px 9px 9px!important;
    justify-content:center!important;
  }
  .mf-category-icon{height:48px!important;min-height:48px!important;margin-bottom:5px!important}
  .mf-category-icon img{max-height:47px!important;max-width:85px!important}
  .mf-category-card h3{font-size:clamp(.68rem,.75vw,.84rem)!important;margin:0 0 4px!important;line-height:1.16!important}
  .mf-category-card p{font-size:clamp(.52rem,.56vw,.65rem)!important;line-height:1.3!important;max-width:155px!important}
  .mf-featured{padding-top:18px!important}
}
@media (min-width:1101px) and (max-height:680px){
  .mf-hero,.mf-hero-inner{min-height:400px!important;height:auto!important}
  .mf-hero-inner{padding-bottom:75px!important}
  .mf-category-card{height:auto!important;min-height:116px!important;padding-top:8px!important;padding-bottom:7px!important}
}
@media (max-width:1100px){
  .mf-categories{
    --mf-cat-edge-height:13px;
    --mf-cat-edge-y:11.05px;
    padding-top:13px!important;
  }
  .mf-categories .mf-wrap{width:min(100%,calc(100% - 16px))!important}
}

@media(prefers-reduced-motion:reduce){
  .mf-categories .mf-category-shell__stroke{filter:none!important}
}