/* NSF Header — 9.5.363
 * Proporciones actuales de marca: desktop con logo protagonista,
 * tablet contenido y móvil centrado.
 */

/* Contenedor del encabezado del tema */
header.wp-block-template-part,
header.wp-block-group,
.site-header,

/* Logo de WordPress / Site Editor */
header .wp-block-site-logo img,
header .wp-block-site-logo svg,
.site-header .custom-logo,
#masthead .custom-logo {width: auto !important; max-width: none !important; height: auto !important;}

/* Desktop: logo con presencia, sin agrandar artificialmente el header */
@media (min-width:1101px){
header .wp-block-site-logo img,
  header .wp-block-site-logo svg,
  .site-header .custom-logo,
  #masthead .custom-logo{width: 300px !important; max-height: 64px !important; object-fit: contain;}
header .wp-block-site-logo,
  .site-header .site-branding,
  #masthead .site-branding{flex-shrink: 0;}
}

/* Tablet */
@media (min-width:701px) and (max-width:1100px){
header .wp-block-site-logo img,
  header .wp-block-site-logo svg,
  .site-header .custom-logo,
  #masthead .custom-logo{width: 220px !important; max-height: 52px !important; object-fit: contain;}
}

/* Móvil: marca centrada, con el mismo peso visual del concepto aprobado */
@media (max-width:700px){
header .wp-block-site-logo img,
  header .wp-block-site-logo svg,
  .site-header .custom-logo,
  #masthead .custom-logo{width: 250px !important; max-width: 52vw !important; max-height: 46px !important; object-fit: contain;}
header .wp-block-site-logo,
  .site-header .site-branding,
  #masthead .site-branding{margin-left: auto !important; margin-right: auto !important;}
}/* ========================================================================
   NSF 9.5.364 — LOGO REAL DEL HEADER
   El tema aplica .nsf-store-logo img con max-width:36px. Este selector
   apunta al elemento real del header y lo sobrescribe con !important.
   ======================================================================== */
header.nsf-store-topbar a.nsf-store-logo img,
header.nsf-store-topbar .nsf-store-logo img,
a.nsf-store-logo > img {width: 230px !important; height: auto !important; max-width: none !important; max-height: 64px !important; object-fit: contain !important; filter: none !important;}

@media (min-width:701px) and (max-width:1100px){
header.nsf-store-topbar a.nsf-store-logo img,
  header.nsf-store-topbar .nsf-store-logo img,
  a.nsf-store-logo > img {width: 200px !important; max-width: none !important; max-height: 54px !important;}
}

@media (max-width:700px){
header.nsf-store-topbar a.nsf-store-logo img,
  header.nsf-store-topbar .nsf-store-logo img,
  a.nsf-store-logo > img {width: 180px !important; max-width: 55vw !important; max-height: 48px !important;}
}