/* MR. FOX Digital 1.2.24 — isotipo junto al logotipo del header.
 * CSS acotado al header para preservar todas las animaciones e interacciones existentes. */
.mf-site-header .mf-brand{
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(7px,.75vw,12px);
  min-width:0;
  flex-shrink:0;
  text-align:left;
}
.mf-site-header .mf-brand__symbol{
  display:block;
  width:clamp(47px,3.95vw,60px);
  height:auto;
  max-height:53px;
  flex:0 0 auto;
  object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(255,30,215,.29));
  animation:mf-brand-symbol-glow 5.4s ease-in-out infinite;
  transition:filter .22s ease;
}
.mf-site-header .mf-brand:hover .mf-brand__symbol,
.mf-site-header .mf-brand:focus-visible .mf-brand__symbol{
  filter:drop-shadow(0 0 14px rgba(255,50,227,.72));
}
.mf-site-header .mf-brand__image{flex-shrink:0;}
.mf-site-header .mf-brand .custom-logo-link{display:block;flex-shrink:0;line-height:0;}
@keyframes mf-brand-symbol-glow{
  0%,100%{filter:drop-shadow(0 0 6px rgba(255,30,215,.24))}
  50%{filter:drop-shadow(0 0 13px rgba(255,35,230,.50))}
}
@media(max-width:1350px){
  .mf-site-header .mf-brand__symbol{width:47px;max-height:46px;}
  .mf-site-header .mf-brand{gap:7px;}
  .mf-site-header .mf-brand__image{width:clamp(167px,15vw,208px);}
}
@media(max-width:760px){
  .mf-site-header .mf-brand__symbol{width:43px;max-height:43px;}
  .mf-site-header .mf-brand{gap:5px;}
}
@media(max-width:420px){
  .mf-site-header .mf-brand__symbol{width:36px;max-height:34px;}
  .mf-site-header .mf-brand{gap:4px;}
  /* La hoja del header existente mantiene el tamaño de texto en 137px. */
}
@media(max-width:350px){
  .mf-site-header .mf-brand__symbol{width:31px;max-height:30px;}
  .mf-site-header .mf-brand{gap:3px;}
}
@media(prefers-reduced-motion:reduce){
  .mf-site-header .mf-brand__symbol{animation:none;}
}