/* MR. FOX Digital v1.2.11 — corregir el motivo del recorte y borde diagonal */
/* Pantallas anchas: dos instancias de la MISMA ilustración original.
   La de atrás es solo relleno ambiente desenfocado; la frontal no se recorta. */
@media (min-width: 761px) {
  .mf-hero { min-height: 705px !important; }
  .mf-hero-inner {
    min-height: 705px !important;
    padding-bottom: 206px !important;
  }
  .mf-hero-art { inset: 0 !important; overflow: hidden !important; }
  .mf-hero-art .mf-hero-backdrop {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: 56% center !important;
    filter: blur(13px) saturate(.9) brightness(.48) !important;
    transform: scale(1.045) !important; opacity: .8;
    z-index: 0; animation: none !important;
  }
  .mf-hero-art .mf-hero-focused {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    object-fit: contain !important;
    object-position: 78% 50% !important;
    transform: none !important; animation: none !important;
    image-rendering: auto;
    filter: saturate(1.07) contrast(1.045) brightness(1.015) !important;
    z-index: 1;
  }
  .mf-categories { margin-top: -34px !important; }
}
/* En mobile mantenemos el encuadre adaptado; la capa ambiente es invisible. */
@media (max-width: 760px) {
  .mf-hero-art .mf-hero-backdrop { display: none !important; }
  .mf-hero-art .mf-hero-focused { position: absolute !important; inset:0; width:100% !important; height:100% !important; }
}
/* SVG independiente: el borde sigue las cuatro aristas INCLINADAS de cada tarjeta.
   No se usan box-shadows rectangulares que clip-path terminaba ocultando. */
.mf-category-card { position: relative !important; }
.mf-category-card .mf-category-neon-border {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 15 !important;
  pointer-events: none !important;
  display: block !important;
  opacity: 0 !important;
  transition: opacity .18s ease, filter .18s ease !important;
  filter: drop-shadow(0 0 4px #17eaff) drop-shadow(0 0 7px rgba(255,48,225,.65));
}
.mf-category-card:hover .mf-category-neon-border,
.mf-category-card:focus-within .mf-category-neon-border {
  opacity: 1 !important;
}
.mf-category-card:hover,
.mf-category-card:focus-within {
  box-shadow: none !important;
  filter: drop-shadow(0 0 9px rgba(31,233,250,.32)) drop-shadow(0 0 8px rgba(247,52,224,.25)) !important;
}
@media (prefers-reduced-motion:reduce){
  .mf-category-card .mf-category-neon-border {transition:none!important}
}