/* MR. FOX Digital v1.2.34 — tipografía configurable del menú superior.
   Alcance exclusivo al texto de las 7 opciones principales, SIN tocar logo,
   animaciones, paneles, navbar móvil ni submenu de productos. */
:root{--mrfox-nav-font-desktop:12px;--mrfox-nav-font-mobile:14px}

/* Escritorio: fuente elegida desde Core (valor inicial 12px). */
@media(min-width:1351px){
  /* A mayor tipografía, reducimos ligeramente la separación entre opciones. */
  .mf-site-header .mf-nav-list--v1213{
    gap:clamp(9px, min(1.45vw, calc(48px - var(--mrfox-nav-font-desktop,12px) - var(--mrfox-nav-font-desktop,12px))), 23px);
  }
  .mf-site-header .mf-nav-list--v1213>li>a,
  .mf-site-header .mf-nav-list--v1213>li>.mf-nav-placeholder,
  .mf-site-header .mf-nav-list--v1213>li>.mf-products-toggle{
    font-size:var(--mrfox-nav-font-desktop,12px)!important;
    letter-spacing:.025em;
  }
}
@media(min-width:1351px) and (max-width:1440px){
  .mf-site-header .mf-nav-list--v1213>li>a,
  .mf-site-header .mf-nav-list--v1213>li>.mf-nav-placeholder,
  .mf-site-header .mf-nav-list--v1213>li>.mf-products-toggle{
    font-size:min(var(--mrfox-nav-font-desktop,12px),1.1vw)!important;
  }
}
/* Anchos intermedios: limitar de forma progresiva para que las 7 opciones
   sigan entrando sin mover el logotipo o los controles de la derecha. */
@media(min-width:1121px) and (max-width:1350px){
  .mf-site-header .mf-nav-list--v1213{gap:clamp(8px,.90vw,12px)}
  .mf-site-header .mf-nav-list--v1213>li>a,
  .mf-site-header .mf-nav-list--v1213>li>.mf-nav-placeholder,
  .mf-site-header .mf-nav-list--v1213>li>.mf-products-toggle{
    font-size:min(var(--mrfox-nav-font-desktop,12px),.88vw)!important;
    letter-spacing:.012em;
  }
}
/* Menú vertical de tablet/celular: tamaño editable por separado. */
@media(max-width:1120px){
  .mf-site-header .mf-nav-list--v1213>li>a,
  .mf-site-header .mf-nav-list--v1213>li>.mf-nav-placeholder,
  .mf-site-header .mf-nav-list--v1213>li>.mf-products-toggle{
    font-size:var(--mrfox-nav-font-mobile,14px)!important;
    white-space:normal;
    overflow-wrap:break-word;
  }
}
