/***************************************************
 * Generated by SVG Artista on 6/12/2026, 11:41:59 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

.sidebar-promo-logo .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s;
}

.sidebar-promo-logo.active .svg-elem-1 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.9s;
}

.sidebar-promo-logo.active .svg-elem-2 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
}

.sidebar-promo-logo.active .svg-elem-3 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.1s;
}

.sidebar-promo-logo.active .svg-elem-4 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.2000000000000002s;
}

.sidebar-promo-logo.active .svg-elem-5 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.3s;
}

.sidebar-promo-logo.active .svg-elem-6 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4000000000000001s;
}

.sidebar-promo-logo.active .svg-elem-7 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.5s;
}

.sidebar-promo-logo.active .svg-elem-8 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.6s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.6s;
}

.sidebar-promo-logo.active .svg-elem-9 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.7000000000000002s;
}

.sidebar-promo-logo.active .svg-elem-10 {
  fill: rgb(0, 0, 0);
}

.sidebar-promo-logo .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.8s;
}

.sidebar-promo-logo.active .svg-elem-11 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.9000000000000001s;
}

.sidebar-promo-logo.active .svg-elem-12 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s;
}

.sidebar-promo-logo.active .svg-elem-13 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.1s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.1s;
}

.sidebar-promo-logo.active .svg-elem-14 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.2s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.2s;
}

.sidebar-promo-logo.active .svg-elem-15 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.3s;
}

.sidebar-promo-logo.active .svg-elem-16 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.4000000000000004s;
}

.sidebar-promo-logo.active .svg-elem-17 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.5s;
}

.sidebar-promo-logo.active .svg-elem-18 {
  fill: rgb(137, 201, 224);
}

.sidebar-promo-logo .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.6s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.6s;
}

.sidebar-promo-logo.active .svg-elem-19 {
  fill: rgb(20, 138, 180);
}

.sidebar-promo-logo .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.7s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.7s;
}

.sidebar-promo-logo.active .svg-elem-20 {
  fill: rgb(167, 209, 227);
}

.sidebar-promo-logo .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.8s;
}

.sidebar-promo-logo.active .svg-elem-21 {
  fill: rgb(56, 161, 189);
}

.sidebar-promo-logo .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2.9000000000000004s;
}

.sidebar-promo-logo.active .svg-elem-22 {
  fill: rgb(197, 220, 231);
}

.sidebar-promo-logo .svg-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3s;
}

.sidebar-promo-logo.active .svg-elem-23 {
  fill: rgb(20, 138, 180);
}

.sidebar-promo-logo .svg-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.1000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-24 {
  fill: rgb(167, 209, 227);
}

.sidebar-promo-logo .svg-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.2s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.2s;
}

.sidebar-promo-logo.active .svg-elem-25 {
  fill: rgb(143, 85, 155);
}

.sidebar-promo-logo .svg-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.3s;
}

.sidebar-promo-logo.active .svg-elem-26 {
  fill: rgb(63, 140, 71);
}

.sidebar-promo-logo .svg-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.4000000000000004s;
}

.sidebar-promo-logo.active .svg-elem-27 {
  fill: rgb(24, 102, 42);
}

.sidebar-promo-logo .svg-elem-28 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.5s;
}

.sidebar-promo-logo.active .svg-elem-28 {
}

.sidebar-promo-logo .svg-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.6000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-29 {
  fill: rgb(230, 231, 232);
}

.sidebar-promo-logo .svg-elem-30 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.7s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.7s;
}

.sidebar-promo-logo.active .svg-elem-30 {
}

.sidebar-promo-logo .svg-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.8s;
}

.sidebar-promo-logo.active .svg-elem-31 {
  fill: rgb(63, 140, 71);
}

.sidebar-promo-logo .svg-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 3.9000000000000004s;
}

.sidebar-promo-logo.active .svg-elem-32 {
  fill: rgb(24, 102, 42);
}

.sidebar-promo-logo .svg-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4s;
}

.sidebar-promo-logo.active .svg-elem-33 {
  fill: rgb(24, 102, 42);
}

.sidebar-promo-logo .svg-elem-34 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.1000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-34 {
}

.sidebar-promo-logo .svg-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.2s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.2s;
}

.sidebar-promo-logo.active .svg-elem-35 {
  fill: rgb(64, 56, 45);
}

.sidebar-promo-logo .svg-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.3s;
}

.sidebar-promo-logo.active .svg-elem-36 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.4s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.4s;
}

.sidebar-promo-logo.active .svg-elem-37 {
  fill: rgb(255, 255, 255);
}

.sidebar-promo-logo .svg-elem-38 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.5s;
}

.sidebar-promo-logo.active .svg-elem-38 {
}

.sidebar-promo-logo .svg-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.6000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-39 {
  fill: rgb(64, 56, 45);
}

.sidebar-promo-logo .svg-elem-40 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.7s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.7s;
}

.sidebar-promo-logo.active .svg-elem-40 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-41 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.8s;
}

.sidebar-promo-logo.active .svg-elem-41 {
  fill: rgb(255, 255, 255);
}

.sidebar-promo-logo .svg-elem-42 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.9s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 4.9s;
}

.sidebar-promo-logo.active .svg-elem-42 {
}

.sidebar-promo-logo .svg-elem-43 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5s;
}

.sidebar-promo-logo.active .svg-elem-43 {
  fill: rgb(64, 56, 45);
}

.sidebar-promo-logo .svg-elem-44 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.1s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.1s;
}

.sidebar-promo-logo.active .svg-elem-44 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-45 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.2s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.2s;
}

.sidebar-promo-logo.active .svg-elem-45 {
  fill: rgb(255, 255, 255);
}

.sidebar-promo-logo .svg-elem-46 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.3s;
}

.sidebar-promo-logo.active .svg-elem-46 {
}

.sidebar-promo-logo .svg-elem-47 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.4s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.4s;
}

.sidebar-promo-logo.active .svg-elem-47 {
  fill: rgb(64, 56, 45);
}

.sidebar-promo-logo .svg-elem-48 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.5s;
}

.sidebar-promo-logo.active .svg-elem-48 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-49 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.6000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-49 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-50 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.7s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.7s;
}

.sidebar-promo-logo.active .svg-elem-50 {
}

.sidebar-promo-logo .svg-elem-51 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.8s;
}

.sidebar-promo-logo.active .svg-elem-51 {
  fill: rgb(64, 56, 45);
}

.sidebar-promo-logo .svg-elem-52 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.9s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 5.9s;
}

.sidebar-promo-logo.active .svg-elem-52 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-53 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6s;
}

.sidebar-promo-logo.active .svg-elem-53 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-54 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.1000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-54 {
}

.sidebar-promo-logo .svg-elem-55 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.2s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.2s;
}

.sidebar-promo-logo.active .svg-elem-55 {
  fill: rgb(64, 56, 45);
}

.sidebar-promo-logo .svg-elem-56 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.3s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.3s;
}

.sidebar-promo-logo.active .svg-elem-56 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-57 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.4s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.4s;
}

.sidebar-promo-logo.active .svg-elem-57 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-58 {
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.5s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.5s;
}

.sidebar-promo-logo.active .svg-elem-58 {
}

.sidebar-promo-logo .svg-elem-59 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.6000000000000005s;
}

.sidebar-promo-logo.active .svg-elem-59 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-60 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.7s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.7s;
}

.sidebar-promo-logo.active .svg-elem-60 {
  fill: rgb(115, 98, 74);
}

.sidebar-promo-logo .svg-elem-61 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.8s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.8s;
}

.sidebar-promo-logo.active .svg-elem-61 {
  fill: rgb(219, 163, 62);
}

.sidebar-promo-logo .svg-elem-62 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.9s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 6.9s;
}

.sidebar-promo-logo.active .svg-elem-62 {
  fill: rgb(255, 255, 255);
}

.sidebar-promo-logo .svg-elem-63 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 7s;
          transition: fill 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 7s;
}

.sidebar-promo-logo.active .svg-elem-63 {
  fill: rgb(220, 53, 69);
}


/* Logo SVG del sidebar: evita que height=100% deforme o colapse el emblema. */
.sidebar-promo-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 150px;
  margin: 0 auto 5px;
  overflow: visible;
}

/* Segundo SVG animado: logotipo textual debajo del emblema.
   Selectores encapsulados para no interferir con el SVG superior. */
.sidebar-promo-title-logo .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 0.8s;
          transition: fill 0.7s ease-in 0.8s;
}

.sidebar-promo-title-logo.active .svg-elem-1 {
  fill: rgb(143, 85, 155);
}
.sidebar-promo-title-logo .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 0.9s;
          transition: fill 0.7s ease-in 0.9s;
}

.sidebar-promo-title-logo.active .svg-elem-2 {
  fill: rgb(143, 85, 155);
}
.sidebar-promo-title-logo .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1s;
          transition: fill 0.7s ease-in 1s;
}

.sidebar-promo-title-logo.active .svg-elem-3 {
  fill: rgb(143, 85, 155);
}
.sidebar-promo-title-logo .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.1s;
          transition: fill 0.7s ease-in 1.1s;
}

.sidebar-promo-title-logo.active .svg-elem-4 {
  fill: rgb(220, 53, 69);
}
.sidebar-promo-title-logo .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.2s;
          transition: fill 0.7s ease-in 1.2s;
}

.sidebar-promo-title-logo.active .svg-elem-5 {
  fill: rgb(143, 85, 155);
}
.sidebar-promo-title-logo .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.3s;
          transition: fill 0.7s ease-in 1.3s;
}

.sidebar-promo-title-logo.active .svg-elem-6 {
  fill: rgb(143, 85, 155);
}
.sidebar-promo-title-logo .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.4s;
          transition: fill 0.7s ease-in 1.4s;
}

.sidebar-promo-title-logo.active .svg-elem-7 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.5s;
          transition: fill 0.7s ease-in 1.5s;
}

.sidebar-promo-title-logo.active .svg-elem-8 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.6s;
          transition: fill 0.7s ease-in 1.6s;
}

.sidebar-promo-title-logo.active .svg-elem-9 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.7s;
          transition: fill 0.7s ease-in 1.7s;
}

.sidebar-promo-title-logo.active .svg-elem-10 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.8s;
          transition: fill 0.7s ease-in 1.8s;
}

.sidebar-promo-title-logo.active .svg-elem-11 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.9s;
          transition: fill 0.7s ease-in 1.9s;
}

.sidebar-promo-title-logo.active .svg-elem-12 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2s;
          transition: fill 0.7s ease-in 2s;
}

.sidebar-promo-title-logo.active .svg-elem-13 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.1s;
          transition: fill 0.7s ease-in 2.1s;
}

.sidebar-promo-title-logo.active .svg-elem-14 {
  fill: rgb(171, 144, 106);
}
.sidebar-promo-title-logo .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.2s;
          transition: fill 0.7s ease-in 2.2s;
}

.sidebar-promo-title-logo.active .svg-elem-15 {
  fill: rgb(219, 163, 62);
}
.sidebar-promo-title-logo .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.3s;
          transition: fill 0.7s ease-in 2.3s;
}

.sidebar-promo-title-logo.active .svg-elem-16 {
  fill: rgb(111, 175, 235);
}
.sidebar-promo-title-logo .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.4s;
          transition: fill 0.7s ease-in 2.4s;
}

.sidebar-promo-title-logo.active .svg-elem-17 {
  fill: rgb(111, 175, 235);
}
.sidebar-promo-title-logo .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.5s;
          transition: fill 0.7s ease-in 2.5s;
}

.sidebar-promo-title-logo.active .svg-elem-18 {
  fill: rgb(111, 175, 235);
}
.sidebar-promo-title-logo .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.6s;
          transition: fill 0.7s ease-in 2.6s;
}

.sidebar-promo-title-logo.active .svg-elem-19 {
  fill: rgb(111, 175, 235);
}
.sidebar-promo-title-logo .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.7s;
          transition: fill 0.7s ease-in 2.7s;
}

.sidebar-promo-title-logo.active .svg-elem-20 {
  fill: rgb(111, 175, 235);
}
.sidebar-promo-title-logo .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.8s;
          transition: fill 0.7s ease-in 2.8s;
}

.sidebar-promo-title-logo.active .svg-elem-21 {
  fill: rgb(111, 175, 235);
}
.sidebar-promo-title-logo .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.9s;
          transition: fill 0.7s ease-in 2.9s;
}

.sidebar-promo-title-logo.active .svg-elem-22 {
  fill: rgb(111, 175, 235);
}

.sidebar-promo-title-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 72px;
  margin: 4px auto 10px;
  overflow: visible;
}

/* Contenedor de ambos SVG del bloque promocional lateral. */
.sidebar-promo-logos {
  display: grid;
  justify-items: center;
  gap: 2px;
}