/* Baby Beef - Produtos em Destaque. CSS isolado: nao altera outras secoes. */
#Destaques.bb-featured{--gold:#d7b77b;--line:rgba(215,183,123,.28);background:linear-gradient(155deg,#050505,#15120e 55%,#070707);color:#f5f1e8;position:relative;isolation:isolate;font-family:'Red Hat Display',Arial,sans-serif}
#Destaques *,#Destaques *:before,#Destaques *:after{box-sizing:border-box}
#Destaques .bbf-shell{max-width:1310px;margin:auto;padding:74px 32px}
#Destaques .bbf-head{text-align:center;max-width:780px;margin:0 auto 46px}
#Destaques .bbf-kicker{font-size:11px;letter-spacing:.23em;text-transform:uppercase;color:var(--gold);font-weight:700;display:block;margin-bottom:16px}
#Destaques h2,#Destaques h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.028em;color:#fff8ef}
#Destaques .bbf-head h2{font-size:clamp(36px,4.5vw,60px);line-height:1.1;margin:0 0 16px}
#Destaques .bbf-head h2 em{color:var(--gold)}
#Destaques .bbf-head p{font-size:14px;line-height:1.8;color:#bfb8af;margin:0}
#Destaques .bbf-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:52px;align-items:center}
#Destaques .bbf-photos{display:grid;grid-template-columns:1fr .85fr;gap:12px;min-width:0;min-height:460px}
#Destaques figure{margin:0;min-width:0;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at center,#29231d,#11100e 66%,#080808)}
#Destaques .bbf-pack{display:flex;align-items:center;justify-content:center;padding:15px 5px}
#Destaques .bbf-pack img{width:100%;height:440px;object-fit:contain;filter:drop-shadow(0 12px 20px #0009)}
#Destaques .bbf-cut img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:center 45%;display:block}
#Destaques .bbf-cut:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#000b)}
#Destaques figcaption{position:absolute;z-index:1;bottom:14px;left:8px;right:8px;text-align:center;text-transform:uppercase;font-size:10px;letter-spacing:.07em;color:#fff}
#Destaques .bbf-copy .bbf-kicker{margin-bottom:20px}
#Destaques .bbf-copy h3{font-size:clamp(34px,3.4vw,52px);line-height:1.13;margin:0 0 22px}
#Destaques .bbf-copy h3 strong{color:var(--gold);font-weight:400}
#Destaques .bbf-copy p{font-size:14px;line-height:1.85;color:#c9c2b7;margin:0 0 22px}
#Destaques .bbf-specs{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;margin:0 0 25px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#Destaques .bbf-specs dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b49a78;margin-bottom:5px}
#Destaques .bbf-specs dd{font-size:13px;line-height:1.5;color:#f1e9df;margin:0;font-weight:650}
#Destaques .bbf-actions{display:flex;flex-wrap:wrap;gap:10px}
#Destaques .bbf-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;min-height:45px;text-decoration:none!important;border:1px solid var(--gold);background:var(--gold);color:#16120c!important;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .2s;cursor:pointer}
#Destaques .bbf-button:hover{background:#f0d5a0}
#Destaques .bbf-button--ghost{background:transparent;color:#e9d3ac!important}
#Destaques .bbf-button--ghost:hover{background:#d7b77b1c}
#Destaques .bbf-copy p.bbf-disclaimer{font-size:11px;color:#8e8880;margin:17px 0 0;line-height:1.6}
#Destaques .bbf-awards{margin-top:42px;border:1px solid var(--line);background:#18150f8c;padding:0 24px}
#Destaques .bbf-awards summary{display:flex;justify-content:space-between;gap:10px;align-items:center;list-style:none;padding:22px 0;cursor:pointer;font-size:13px;font-weight:700;color:#eee2d0;letter-spacing:.04em}
#Destaques .bbf-awards summary::-webkit-details-marker{display:none}
#Destaques .bbf-awards summary b{color:var(--gold);font-size:22px;font-weight:400;transition:transform .2s}
#Destaques .bbf-awards[open] summary b{transform:rotate(45deg)}
#Destaques .bbf-awards-body{padding:20px 0 25px;border-top:1px solid var(--line)}
#Destaques .bbf-awards-body p{font-size:13px;color:#bdb6aa;line-height:1.8;margin:0 0 18px}
#Destaques .bbf-medal-title{font-size:11px;color:var(--gold);letter-spacing:.13em;text-transform:uppercase;margin:18px 0 10px}
#Destaques .bbf-medals{overflow-x:auto;padding:4px 0 14px;scrollbar-color:#8c6d42 #16120d;scrollbar-width:thin}
#Destaques .bbf-medals img{width:1960px;max-width:none;height:auto;display:block}
#Destaques .bbf-source{color:var(--gold)!important;font-size:12px;text-underline-offset:4px}
#Destaques .bbf-footer{display:flex;justify-content:space-between;gap:18px;margin-top:23px;font-size:11px;color:#908980;line-height:1.7}
#Destaques .bbf-footer span:last-child{color:#bca174;text-align:right}
@media(max-width:1000px){#Destaques .bbf-main{grid-template-columns:1fr;gap:30px}#Destaques .bbf-photos{max-width:730px;width:100%;margin:auto}#Destaques .bbf-copy{max-width:730px;margin:auto}#Destaques .bbf-shell{padding:60px 22px}}
@media(max-width:600px){#Destaques .bbf-shell{padding:54px 15px}#Destaques .bbf-head{margin-bottom:30px}#Destaques .bbf-head h2{font-size:39px}#Destaques .bbf-head p{font-size:13px}#Destaques .bbf-photos{gap:7px;min-height:0}#Destaques .bbf-pack{padding:9px 0}#Destaques .bbf-pack img{height:280px}#Destaques .bbf-cut img{height:280px;min-height:280px}#Destaques figcaption{font-size:8px;letter-spacing:0}#Destaques .bbf-copy h3{font-size:37px}#Destaques .bbf-actions{display:grid;grid-template-columns:1fr}#Destaques .bbf-button{width:100%}#Destaques .bbf-awards{padding:0 15px;margin-top:32px}#Destaques .bbf-awards summary{font-size:12px}#Destaques .bbf-footer{flex-direction:column}#Destaques .bbf-footer span:last-child{text-align:left}}
/* Estrutura pronta para rodizio quando novos artigos forem adicionados */
#Destaques .bbf-rotator-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:23px}
#Destaques .bbf-rotator-controls[hidden]{display:none!important}
#Destaques .bbf-rotator-controls button{background:transparent;color:var(--gold);border:1px solid var(--line);width:35px;height:35px;cursor:pointer;font-size:23px}
#Destaques .bbf-rot-count{font-size:11px;color:#c5b395;letter-spacing:.12em}
#Destaques .bbf-main[hidden]{display:none!important}

/* STONE AXE — Faixas automaticas CSS, sem depender de JavaScript.
   As imagens originais continuam no HTML, preservando texto e selos. */
#Destaques .bbf-medals,
#Destaques .bbf-medals.bbf-medals--moving {
  display:block;
  width:100%;
  overflow:hidden !important;
  scrollbar-width:none;
  touch-action:pan-y;
  padding:0 !important;
  background-color:#080808;
  background-repeat:repeat-x;
  background-position:0 0;
  animation:bbf-stoneaxe-roll 56s linear infinite !important;
}
#Destaques .bbf-medals::-webkit-scrollbar{display:none}
#Destaques .bbf-medals:nth-of-type(1) {
  background-image:url('stoneaxe-premios-wagyu.webp');
  background-size:1960px 317px;
  height:317px;
}
#Destaques .bbf-medals:nth-of-type(2) {
  background-image:url('stoneaxe-premios-steak.webp');
  background-size:1960px 221px;
  height:221px;
  animation-duration:64s !important;
}
/* Imagem original fica acessivel, mas visualmente a faixa e desenhada
   como fundo repetido para nao haver pausas nem saltos no final. */
#Destaques .bbf-medals > img,
#Destaques .bbf-medals .bbf-medals-track {
  opacity:0 !important;
  pointer-events:none;
}
#Destaques .bbf-medals .bbf-medals-track {animation:none !important}
@keyframes bbf-stoneaxe-roll {
  from {background-position:0 0}
  to {background-position:-1960px 0}
}
@media (prefers-reduced-motion:reduce) {
  #Destaques .bbf-medals,
  #Destaques .bbf-medals.bbf-medals--moving {animation:none !important}
}
