@font-face{font-family:"Rozha One";font-style:normal;font-weight:400;font-display:swap;
  src:url("/fonts/rozha-one-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rozha One";font-style:normal;font-weight:400;font-display:swap;
  src:url("/fonts/rozha-one-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cabin";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/fonts/cabin-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cabin";font-style:normal;font-weight:400 700;font-display:swap;
  src:url("/fonts/cabin-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* palette — bright hayloft gold, not a dim cellar */
:root{
  --umber:#26180c;--umber-2:#332214;--beam:#4a3018;--straw:#ffd56a;--straw-2:#ffe9a8;
  --azure:#5ab0ff;--crimson:#d4222e;--cream:#fff6dc;--sage:#9acc62;--ink:#120c06;
  --line:rgba(255,213,106,.42);--glow:0 0 22px rgba(255,200,60,.5);
  --max:1220px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;color:var(--cream);font-family:Cabin,system-ui,sans-serif;font-size:16px;line-height:1.55;
  background:radial-gradient(1100px 420px at 50% 0,#4a3218 0%,transparent 60%),var(--umber)}
img{max-width:100%;height:auto;display:block}
a{color:var(--straw);text-decoration:none}
a:hover{color:var(--straw-2)}
h1,h2,h3,.brand{font-family:"Rozha One",Georgia,serif;font-weight:400;letter-spacing:.01em;line-height:1.15;color:var(--straw)}
h1{font-size:clamp(1.7rem,2.6vw,2.25rem);margin:.15rem 0 .45rem}
h2{font-size:clamp(1.25rem,1.9vw,1.6rem);margin:0 0 .55rem}
h3{font-size:1.15rem;margin:.2rem 0 .4rem}
p{margin:.45rem 0 .7rem}
.wrap{width:min(var(--max),calc(100% - 28px));margin:0 auto}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:var(--straw);color:var(--ink);padding:8px 12px;z-index:80}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* header — big gold wordmark + leather icon tabs */
.viga{position:sticky;top:0;z-index:40;
  background:linear-gradient(#5a3c18,#2c1c0e 72%);
  border-bottom:2px solid var(--straw);box-shadow:0 6px 20px rgba(0,0,0,.45),var(--glow)}
.viga-inner{display:flex;align-items:center;gap:16px;min-height:68px;padding:6px 0}
.brand{font-size:2.8rem;color:var(--straw);text-shadow:0 0 20px rgba(255,200,60,.7),0 2px 0 #3a2408;white-space:nowrap;line-height:1}
.brand span{color:var(--straw-2);font-size:1.1em}
.harness{display:flex;gap:10px;flex:1;justify-content:center;flex-wrap:nowrap}
.harness a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-width:88px;min-height:58px;padding:5px 10px 4px;
  border:2px solid var(--straw);border-radius:12px;
  background:linear-gradient(#3e2a12,#1a1008);
  color:var(--straw-2);font-weight:700;font-size:.8rem;letter-spacing:.04em;
  box-shadow:inset 0 1px 0 rgba(255,220,140,.28),0 3px 0 #0a0704,0 0 12px rgba(255,200,60,.25)}
.harness a svg{width:22px;height:22px;display:block;fill:currentColor;color:var(--straw-2)}
.harness a span{line-height:1.1}
.harness a[aria-current="page"],.harness a:hover{
  background:linear-gradient(#8a5a18,#3a2410);color:var(--straw-2);
  box-shadow:var(--glow),inset 0 1px 0 rgba(255,240,180,.45)}
.viga .cta{margin-left:auto;flex-shrink:0;min-height:48px;padding:8px 18px;font-size:.95rem}
.burger{display:none;background:none;border:1px solid var(--straw);color:var(--straw);border-radius:8px;padding:6px 10px;font:inherit}

/* gold catalogue ticker — slim, like the mockup star bar */
.palha{background:linear-gradient(#3e2a12,#1c140a);border-bottom:1px solid var(--straw);
  overflow:hidden;height:26px;display:flex;align-items:center}
.palha-track{display:flex;gap:48px;white-space:nowrap;animation:dust 28s linear infinite;
  font-size:.8rem;color:var(--straw);letter-spacing:.08em;text-transform:uppercase;font-weight:700}
@keyframes dust{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* CTA buttons */
.cta,.cta-rec{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;
  border-radius:6px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--straw-2);
  box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.25)}
.cta{background:linear-gradient(#e84848,#9a141c);color:#fff8e8}
.cta:hover{color:#fff;filter:brightness(1.08)}
.cta-rec{background:linear-gradient(#5aa0ff,#1d5fbe);color:#fff;border-color:#9bcbff}
.cta-rec:hover{color:#fff;filter:brightness(1.08)}
.disc{font-size:.8rem;color:#e8d8b0;margin:.3rem 0 .8rem}
.pill-18{display:inline-block;border:1px solid var(--straw);color:var(--straw);padding:0 7px;border-radius:4px;font-size:.72rem;font-weight:700}

/* hero — bright hayloft 280-320px, H1 on a solid panel, pitchfork RTP rack */
.sovado{display:grid;grid-template-columns:minmax(0,1.6fr) 260px;gap:10px;padding:8px 0 8px;align-items:stretch}
.portao{position:relative;border:2px solid var(--straw);border-radius:10px;overflow:hidden;
  height:296px;min-height:296px;box-shadow:var(--glow),0 8px 20px rgba(0,0,0,.35)}
.portao img{width:100%;height:100%;object-fit:cover;object-position:center 48%;
  filter:brightness(1.16) saturate(1.14) contrast(1.06)}
.portao-shade{position:absolute;left:0;right:0;bottom:0;max-width:none;
  display:flex;align-items:center;gap:12px;flex-wrap:nowrap;
  padding:8px 14px 9px;background:rgba(16,10,4,.92);border:0;border-top:1.5px solid var(--straw);
  border-radius:0;box-shadow:none}
.portao-shade h1{margin:0;font-size:clamp(1.35rem,2vw,1.7rem);color:var(--straw-2);
  text-shadow:0 2px 0 #1a1008,0 0 12px rgba(255,200,60,.35);flex:0 1 auto;white-space:nowrap}
.portao-shade p{margin:0;color:var(--cream);font-size:.84rem;max-width:34ch;text-shadow:0 1px 2px #000;flex:1 1 auto}
.portao-shade .cta{flex-shrink:0;min-height:40px;padding:6px 16px}
.garfo{border:2px solid var(--straw);border-radius:10px;
  background:linear-gradient(#4a3218,#1c140a);
  padding:8px 8px 8px;display:flex;flex-direction:column;
  height:296px;min-height:296px;box-shadow:var(--glow);overflow:hidden}
.garfo-head{display:flex;align-items:center;justify-content:center;color:var(--straw-2);
  font-family:"Rozha One",serif;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}
.garfo-body{display:grid;grid-template-columns:28px 1fr 28px;gap:6px;align-items:stretch;flex:1;min-height:0}
.garfo-fork{color:var(--straw);display:flex;align-items:center;justify-content:center}
.garfo-fork svg{width:26px;height:100%;max-height:240px}
.garfo ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;justify-content:center}
.garfo li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;
  background:linear-gradient(#3a2814,#160e08);border:1.5px solid var(--straw);border-radius:8px;padding:7px 6px;
  box-shadow:inset 0 1px 0 rgba(255,220,140,.25)}
.garfo li strong{color:var(--straw-2);font-size:1.22rem;font-family:"Rozha One",serif;line-height:1.05}
.garfo li span{font-size:.72rem;color:#f0e0b8;letter-spacing:.03em}

/* tiles — two even rows of four wide cards, gold name plaques */
.fardos{padding:0 0 6px}
.grade-feno{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fardo{position:relative;display:block;border:2px solid var(--straw);border-radius:8px;overflow:hidden;
  background:#1a1208;box-shadow:0 0 0 1px #0a0704,var(--glow);height:136px;width:auto;max-width:none;aspect-ratio:auto}
.fardo img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:brightness(1.1) saturate(1.08)}
.fardo:hover{border-color:var(--straw-2);transform:translateY(-1px)}
.tag{position:absolute;top:7px;left:7px;z-index:1;font-size:.68rem;font-weight:800;letter-spacing:.08em;
  padding:3px 7px;border-radius:4px 4px 4px 0;color:#1c140c}
.tag.hot{background:linear-gradient(#ff5a4a,#c41e2a);color:#fff}
.tag.novo{background:linear-gradient(#7ad0ff,var(--azure));color:#071018}
.placa{position:absolute;left:8px;right:8px;bottom:6px;z-index:1;
  background:linear-gradient(#4a3414,#1c1208);border:1.5px solid var(--straw);border-radius:4px;
  color:var(--straw-2);font-family:"Rozha One",Georgia,serif;font-size:.95rem;letter-spacing:.05em;
  text-transform:uppercase;text-align:center;padding:3px 6px 2px;line-height:1.15;
  text-shadow:0 0 8px rgba(255,200,60,.4);box-shadow:0 2px 0 #0a0704,inset 0 1px 0 rgba(255,220,140,.35)}

/* slim feature chips + big CTA — no invented bonus amounts */
.carreta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:2px 0 8px}
.carreta a{position:relative;display:block;height:132px;border:2px solid var(--straw);border-radius:8px;overflow:hidden}
.carreta img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.cordel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;align-items:center;
  background:linear-gradient(#3e2a14,#1a120a);border:1.5px solid var(--straw);border-radius:8px;
  padding:7px 10px;margin:6px 0 16px;box-shadow:var(--glow)}
.cordel .chip{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;min-width:0}
.cordel .ico{width:38px;height:38px;border:1.5px solid var(--straw);border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(#5a3c18,#1c140c);color:var(--straw-2);flex-shrink:0}
.cordel .ico svg{width:22px;height:22px;fill:currentColor}
.cordel .chip strong{display:block;color:var(--straw-2);font-size:.86rem;line-height:1.15}
.cordel .chip span{font-size:.74rem;color:#f0e0b8;line-height:1.25}
.cordel > .cta{min-height:52px;padding:10px 22px;font-size:1.05rem;white-space:nowrap}

/* article body */
.miolo{display:grid;grid-template-columns:1fr 280px;gap:22px;padding:16px 0 36px}
.prosa{background:linear-gradient(#2e2012,#22180e);border:1px solid var(--line);border-radius:10px;padding:18px 20px 24px}
.prosa figure{margin:0 0 14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.prosa figcaption{font-size:.82rem;color:#d0c0a0;padding:6px 10px;background:#1a120a}
.crumbs{font-size:.82rem;color:#c8b898;margin:0 0 10px}
.crumbs a{color:var(--azure)}
aside.poste{position:sticky;top:70px;align-self:start;background:#1e160c;border:1px solid var(--line);border-radius:10px;padding:12px}
aside.poste h2,aside.poste h3{font-size:1.05rem}
aside.poste ul{margin:0;padding:0 0 0 16px}
aside.poste li{margin:.25rem 0}
.nota{font-size:.85rem;border-left:3px solid var(--azure);padding:6px 10px;background:#1a120a;color:#e8dcc0}
table.ficha{width:100%;border-collapse:collapse;font-size:.9rem;margin:8px 0 14px}
table.ficha th,table.ficha td{border:1px solid var(--line);padding:6px 8px;text-align:left}
table.ficha th{background:#2a1c10;color:var(--straw)}
.faq details{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:0 0 8px;background:#1e160c}
.faq summary{cursor:pointer;color:var(--straw);font-weight:700}

/* reviews hub — silos */
.silos-nav{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.silos-nav button{background:#1e160c;border:1px solid var(--straw);color:var(--cream);border-radius:999px;padding:5px 12px;font:inherit;cursor:pointer}
.silos-nav button[aria-pressed="true"]{background:linear-gradient(#6a4a16,#3a2a10);color:var(--straw-2)}
.busca{width:100%;max-width:420px;background:#1a120a;border:1px solid var(--straw);color:var(--cream);border-radius:8px;padding:8px 10px;font:inherit;margin:6px 0 12px}
.romaneios{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:8px 0 18px}
.romaneio{display:grid;grid-template-columns:120px 1fr;gap:10px;border:1px solid var(--straw);border-radius:8px;background:#1e160c;padding:8px;align-items:center}
.romaneio img{width:120px;height:68px;object-fit:cover;border-radius:4px}
.silo{display:none}
.silo.ativo{display:block}
.twine-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.twine{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px;background:#1e160c}
.twine .mono{width:42px;height:42px;border-radius:6px;background:#2a1c10;border:1px solid var(--straw);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--straw);font-size:.7rem;text-align:center}
.twine .visit{font-size:.8rem;border:1px solid var(--sage);color:var(--sage);padding:4px 8px;border-radius:6px}
.mais{display:block;margin:12px auto;background:#2a1c10;border:1px solid var(--straw);color:var(--straw);border-radius:8px;padding:8px 16px;font:inherit;cursor:pointer}
.twine.is-hidden,.twine.filtro-off{display:none}
.logo-plat{width:42px;height:42px}

/* footer */
.soleira{background:#1a120a;border-top:2px solid var(--straw);padding:22px 0 28px;margin-top:12px;font-size:.88rem}
.soleira nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 12px}
.aviso{color:#c8b898;font-size:.84rem}


@media (max-width:900px){
  .sovado{grid-template-columns:1fr;padding-top:8px}
  .portao,.garfo{height:auto;min-height:0}
  .portao{height:220px}
  .garfo{height:auto;min-height:0;padding-bottom:10px}
  .garfo-body{grid-template-columns:24px 1fr 24px}
  .grade-feno{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fardo{height:150px;width:auto;max-width:none}
  .miolo{grid-template-columns:1fr}
  aside.poste{position:static}
  .cordel{grid-template-columns:1fr 1fr; }
  .cordel > .cta{grid-column:1 / -1;justify-self:stretch}
  .carreta{grid-template-columns:1fr}
  .carreta a{height:140px}
  .romaneios,.twine-list{grid-template-columns:1fr}
  .burger{display:inline-flex}
  .harness{display:none;position:absolute;top:68px;left:0;right:0;background:#2a1c10;padding:10px;
    border-bottom:1px solid var(--straw);flex-direction:column;flex-wrap:wrap}
  .harness.aberto{display:flex}
  .harness a{flex-direction:row;gap:8px;min-height:44px;justify-content:flex-start;padding:6px 12px}
  .viga{position:relative}
  .viga-inner{flex-wrap:wrap}
  .portao-shade{flex-wrap:wrap}.portao-shade h1{white-space:normal}
}
@media (max-width:520px){
  .brand{font-size:1.7rem}
  .cordel{grid-template-columns:1fr}
  .portao{height:200px}
  .fardo{height:140px}
}