/* Identidad Vito aprobada el 16/10/2026. */

    html{scroll-padding-top:0}
    .brand-art{display:block;position:relative;width:100%;aspect-ratio:4.56;overflow:hidden;border-radius:13px}
    .brand-art img{position:absolute;display:block;width:106.667%;max-width:none;height:auto;left:-3.3335%;top:50%;transform:translateY(-50%)}
    .brand-banner{margin:0;background:#fffdf7;padding:18px 0 20px}
    .banner-link{display:block;width:min(1180px,calc(100% - 40px));margin:auto}
    .banner-link .brand-art{border-radius:20px}
    .site-header:has(.header-contact) .header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;min-height:66px;padding-top:8px;padding-bottom:8px}
    .site-header .header-row>.brand{display:none;min-width:0;white-space:normal}
    .site-header .header-contact{grid-column:1;grid-row:1;justify-self:start;justify-content:flex-start}
    .site-header .header-nav{grid-column:2;grid-row:1;justify-self:end}
    body.brand-is-compact .site-header .header-row>.brand{display:block;grid-column:1;grid-row:1}
    body.brand-is-compact .site-header:has(.header-contact) .header-row{grid-template-columns:minmax(0,1fr) auto auto;min-height:72px;column-gap:18px;padding-top:6px;padding-bottom:6px}
    body.brand-is-compact .site-header .header-contact{grid-column:2;grid-row:1;justify-self:end}
    body.brand-is-compact .site-header .header-nav{grid-column:3;grid-row:1}
    .header-brand-art{width:500px;max-width:100%}
    .desktop-brand-line{display:none}
    .desktop-brand-line>svg{overflow:hidden}
    @media(min-width:1001px){
      html{scroll-padding-top:0}
      body:has(.header-contact){--contact-header-offset:0px}
      .site-header .header-brand-art{display:none}
      .desktop-brand-line{display:block;width:560px;max-width:100%;height:auto;aspect-ratio:600/64}
    }
    .cart-icon{display:none}
    .call-prefix{margin-right:4px}
    @media(max-width:1000px){
      body.brand-is-compact .site-header:has(.header-contact) .header-row{display:flex;align-items:center;gap:6px;min-height:60px;padding-top:6px;padding-bottom:6px}
      body.brand-is-compact .site-header .header-row>.brand{display:flex;align-items:center;flex:1 1 0;width:auto;min-width:0;min-height:44px}
      body.brand-is-compact .site-header .header-brand-art{max-width:240px}
      body.brand-is-compact .site-header .header-contact,body.brand-is-compact .site-header .header-nav{flex:0 0 auto}
      body.brand-is-compact .site-header .header-call,body.brand-is-compact .site-header .header-nav>a{display:none}
      body.brand-is-compact .site-header .header-whatsapp{width:44px;height:44px;border-radius:10px}
      body.brand-is-compact .site-header .header-nav{gap:4px}
      body.brand-is-compact .site-header .header-nav .menu-trigger{width:44px;min-width:44px;height:44px;padding:8px}
      body.brand-is-compact .site-header .header-nav .menu-trigger span{display:none}
      body.brand-is-compact .site-header .header-nav #open-cart{position:relative;display:inline-flex;width:44px;min-width:44px;height:44px;padding:10px;gap:0}
      body.brand-is-compact .site-header #open-cart .cart-label-wide,body.brand-is-compact .site-header #open-cart .cart-label-small{display:none}
      body.brand-is-compact .site-header #open-cart .cart-icon{display:block;width:23px;height:23px}
      body.brand-is-compact .site-header #cart-count{position:absolute;right:1px;top:1px;display:grid;place-items:center;min-width:15px;height:15px;border-radius:20px;padding:0 3px;background:#fff;color:var(--primary);font-size:10px;line-height:1}
      .header-brand-art{width:100%}
    }
    @media(max-width:600px){
      html{scroll-padding-top:0}
      body:has(.header-contact){--contact-header-offset:0px}
      .brand-banner{padding:12px 0 14px}.banner-link{width:calc(100% - 24px)}.banner-link .brand-art{border-radius:11px}
      .header-row.wrap{width:calc(100% - 24px)}
      .site-header:has(.header-contact) .header-row{column-gap:8px;min-height:56px;padding-top:6px;padding-bottom:6px}
      body.brand-is-compact .site-header .header-brand-art{max-width:220px}
      .header-brand-art{border-radius:10px}
      .header-nav{gap:6px}.header-nav .menu-trigger span{display:none}.header-nav .menu-trigger{width:44px;min-width:44px;padding:8px}
      .header-nav #open-cart{padding:8px;font-size:12px;gap:4px}.cart-label-wide{display:none}.cart-label-small{display:inline}
      .site-header .header-contact{gap:8px}.header-call{min-height:44px;font-size:13px;padding:4px 0}.call-prefix{display:none}.header-whatsapp{width:40px;height:40px}
    }
  
.menu-heading .brand{min-width:0;flex:1}
.menu-brand-art{width:240px;max-width:100%;border-radius:8px}
.site-menu .menu-heading{gap:10px}

