/* PANDA DUO — visual do pedal (corpo creme gasto, base preta) em todos os temas.
   O tema PANDA acrescenta os adesivos; a moldura dele usa o tema escuro. */
.stickers { display: none; }
html.panda .stickers { display: block; position: absolute; inset: 0; pointer-events: none; z-index: 2; }
html.panda .st { position: absolute; display: block; height: auto; filter: drop-shadow(1px 2px 1.5px #0007) drop-shadow(0 0 .5px #0005); }
html.panda .st-fita   { width: 210px; top: -14px; left: 41%; transform: rotate(-2.5deg); opacity: .96; }
html.panda .st-panda  { width: 80px; bottom: 26px; left: 18.5%; transform: rotate(-9deg); }
html.panda .st-aovivo { width: 74px; bottom: 34px; left: 65.5%; transform: rotate(13deg); }
html.panda .st-selo   { width: 104px; bottom: 22px; left: 26%; transform: rotate(4deg); }
html.panda .st-pata   { width: 70px; top: 41%; right: 2.2%; transform: rotate(16deg); }
html.panda .st-duo    { width: 88px; bottom: 30px; left: 72.8%; transform: rotate(-6deg); }
html.panda .st-logo   { width: 104px; bottom: 22px; left: 45.5%; transform: rotate(6deg); }

/* pedal creme/preto gasto: vale para TODOS os temas (o tema PANDA só acrescenta os adesivos) */
.pedal {
  color: #1b1b1b;
  background:
    url(../img/panda/desgaste.svg) 0 0 / 100% 100% no-repeat,
    url(../img/panda/grao.svg),
    radial-gradient(ellipse at 50% 35%, transparent 55%, #8a7550 140%),
    linear-gradient(180deg, #f4ecda 0%, #ebdfc3 70%, #e2d3b2 100%);
  box-shadow: 0 2px 0 #fffaf0 inset, 0 -3px 0 #8f7d58 inset, 0 0 0 2px #2a2620, 0 18px 40px #000b;
}
.pb-brand img { filter: none; }
.pb-model { color: #1b1b1b; }
.pb-model b { color: #c4241b; }
.vsep { background: #b9a983; box-shadow: 1px 0 0 #fffaf0; }
.grplbl { border-bottom-color: #1b1b1b; }
.lcd-frame { background: #121212; box-shadow: inset 0 2px 8px #000, 0 1px 0 #fffaf0, 0 0 0 3px #2a2620; }
.led2 { background: #3b3833; }
.tslot .scale { opacity: .45; }
.pb-foot {
  color: #f3ead6; border-top: 3px solid #0b0b0b; box-shadow: 0 -1px 0 #fffaf0; border-radius: 0 0 22px 22px;
  background: url(../img/panda/desgaste.svg) 0 0 / 100% 100% no-repeat, url(../img/panda/grao.svg), linear-gradient(#262421, #151413);
}
.fled { background: #2d2b28; }
.fslbl { text-shadow: 0 1px 0 #000; }
.tsnum { color: #f3ead6; }

/* telas menores: menos adesivos para não cobrir nada */
@media (max-width: 1100px) { html.panda .st-logo, html.panda .st-pata { display: none; } html.panda .st-selo { width: 120px; } }
@media (max-width: 800px) { html.panda .st-selo, html.panda .st-duo { display: none; } html.panda .st-panda { width: 70px; } html.panda .st-aovivo { width: 66px; } }
@media (max-width: 640px) { html.panda .st:not(.st-fita) { display: none; } html.panda .st-fita { width: 150px; left: 30%; } }