/* Presentación del archivo de logo original: misma proporción y colores. */
header:has(.logo-window){padding:22px 4%;gap:22px;align-items:center}
header .brand{--logo-width:320px;flex-shrink:0}
header .brand .logo-window{width:var(--logo-width);height:58px}
header .brand .logo-window img{filter:none;width:calc(var(--logo-width) * 1.12);height:auto;left:calc(var(--logo-width) * -.06);top:calc(var(--logo-width) * -.232)}
@media(min-width:1600px){header .brand{--logo-width:340px}header .brand .logo-window{height:62px}}
@media(min-width:651px) and (max-width:1350px){header:has(.logo-window){flex-wrap:wrap;justify-content:space-between}header .brand{--logo-width:300px}header:has(.logo-window) nav{order:3;width:100%;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap}header:has(.logo-window) nav a{font-size:14px}}
@media(max-width:650px){header:has(.logo-window){padding:18px 16px 14px;gap:12px;flex-wrap:wrap}header .brand{--logo-width:min(300px,calc(100vw - 32px));flex-basis:100%;justify-content:center}header .brand .logo-window{height:54px}header:has(.logo-window) .menu-toggle{margin-left:auto}header:has(.logo-window) nav{flex-basis:100%}}
@media(max-width:360px){header .brand .logo-window{height:54px}}


/* Logo completo en el pie: margen para todas las letras y la marca rosa.
   Conserva el ancho visual y adapta la altura a escritorio y móvil. */
footer .brand .logo-window{height:calc(var(--logo-width) * .18)}
footer .brand .logo-window img{filter:none;width:calc(var(--logo-width) * 1.16);height:auto;left:calc(var(--logo-width) * -.08);top:calc(var(--logo-width) * -.23)}