/* ===== visual "blocos de concreto" ===== */
:root{--stone:#2a2724}
.blk,.card,.controw,nav.tabs{background:var(--stone) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .48  0 0 0 0 .44  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-blend-mode:overlay}
.blk{position:relative;display:block;text-align:left;border-radius:22px;padding:9px;border:1px solid #4a443c;color:#f4f4f4;box-shadow:0 1px 0 #5b554b,0 4px 0 #171513,0 16px 26px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 8px rgba(0,0,0,.5);overflow:hidden}
.blk:after{content:"";position:absolute;top:0;right:0;bottom:0;width:11px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.38));pointer-events:none}
.blk:active{transform:translateY(2px)}
.blk .win{display:block;position:relative;height:var(--wh,100px);border-radius:15px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.7)}
.blk .win img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.blk .lk{top:7px;right:7px}
.blk .bd{display:block;padding:8px 5px 2px}.blk .bd svg{display:block;width:24px;height:24px;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.blk .bd b{display:block;font:600 15px system-ui;margin-top:5px}.blk .bd small{display:block;font-size:10.8px;line-height:1.35;color:#c6bdae;margin:3px 0 7px;min-height:29px}
.blk .bd i{display:block;height:2px;width:70%;margin-bottom:7px}.blk .bd em{font:600 9.5px system-ui;font-style:normal;letter-spacing:.9px}
.cf{height:352px}.cf-card.blk{position:absolute;left:50%;aspect-ratio:auto;height:306px;width:min(56vw,218px);margin-left:calc(min(56vw,218px) / -2);top:6px;--wh:132px;padding:9px;border-radius:22px}
.cf-card.blk.active{border-color:#8a7330;box-shadow:0 1px 0 #6b5f3a,0 5px 0 #171513,0 20px 36px rgba(0,0,0,.8),0 0 34px rgba(212,175,55,.35)}
.hrow .blk{flex:0 0 158px;--wh:92px}.hrow .blk .bd small{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pgrid .blk{--wh:110px}
.tiles{display:flex;gap:12px;margin-top:14px}.tiles .blk{flex:1;padding:8px;--wh:62px}.tiles .bd{padding:6px 4px 0}.tiles .bd b{font-size:14px;display:flex;align-items:center;gap:6px}.tiles .bd svg{width:18px;height:18px}
.card{border:1px solid #4a443c;border-radius:20px;box-shadow:0 1px 0 #5b554b,0 4px 0 #171513,0 12px 22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1)}
.controw{border:1px solid #4a443c;box-shadow:0 1px 0 #5b554b,0 3px 0 #171513,0 10px 18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1)}
nav.tabs{border-top:1px solid #5b554b;box-shadow:0 -8px 22px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:none;backdrop-filter:none}
nav.tabs button[aria-current=page]{background:#161412;box-shadow:inset 0 2px 6px rgba(0,0,0,.7);color:var(--gold2)}
.bn-item{border:6px solid #34312c;outline:1px solid #5b554b}
.marca{font-style:normal;line-height:1;display:flex;flex-direction:column;align-items:center}.marca .lg{font:700 28px Georgia;color:var(--gold);letter-spacing:1px}.marca small{font:10px system-ui;letter-spacing:5px;color:#cbbf9f}
.card.row .win.th{flex:0 0 74px;height:52px;border-radius:11px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.7)}.card.row .win.th img,.card.row .win.th .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid{--wh:190px}.vid .pl{position:absolute;left:50%;top:46%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.55);border:1.5px solid var(--gold);padding:0}.vid .pl:after{content:"";position:absolute;left:22px;top:16px;border-left:15px solid var(--gold);border-top:10px solid transparent;border-bottom:10px solid transparent}
.vid .pbar{position:absolute;left:12px;right:12px;bottom:12px;height:4px;background:rgba(255,255,255,.3);border-radius:4px}.vid .pbar i{display:block;width:38%;height:100%;background:var(--gold2);border-radius:4px}

/* ===== concreto pesado e rústico (v2) ===== */
.blk,.card,.controw,nav.tabs{background:#38352f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .48  0 0 0 0 .44  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.32' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 11 -6.6'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='2' seed='9'/><feColorMatrix values='0 0 0 0 .78  0 0 0 0 .75  0 0 0 0 .7  0 0 0 12 -7.4'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><path d='M310 0 L296 38 L312 66 L290 110 L304 150 M296 38 L270 52 M290 110 L262 124 L270 156' fill='none' stroke='rgba(0,0,0,.42)' stroke-width='1.6'/><path d='M20 400 L38 360 L24 330 L46 290' fill='none' stroke='rgba(0,0,0,.35)' stroke-width='1.4'/></svg>"),linear-gradient(155deg,#46423b,#2c2925 55%,#34312c);background-blend-mode:overlay,normal,normal,normal,normal}
.blk{border-radius:16px;padding:11px;border:3px solid;border-color:#77716a #2a2723 #1b1917 #5d5851;box-shadow:0 2px 0 #4b463f,0 5px 0 #28251f,0 9px 0 #171513,0 24px 32px rgba(0,0,0,.85),inset 0 2px 0 rgba(255,255,255,.14),inset 0 -6px 14px rgba(0,0,0,.55),inset 3px 0 8px rgba(255,255,255,.04)}
.blk:after{width:14px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5))}
.blk .win{border-radius:9px;border:3px solid #191715;box-shadow:inset 0 4px 12px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.16),0 0 0 2px #4a453e}
.blk .bd b{text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.08);letter-spacing:.2px}.blk .bd small{text-shadow:0 1px 0 rgba(0,0,0,.7)}
.card{border:3px solid;border-color:#6d675f #2a2723 #1b1917 #55504a;border-radius:14px;box-shadow:0 2px 0 #4b463f,0 5px 0 #171513,0 14px 22px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,255,255,.12),inset 0 -4px 10px rgba(0,0,0,.5)}
.controw{border:3px solid;border-color:#6d675f #2a2723 #1b1917 #55504a;border-radius:14px;box-shadow:0 2px 0 #4b463f,0 4px 0 #171513,0 12px 20px rgba(0,0,0,.7),inset 0 2px 0 rgba(255,255,255,.1)}
nav.tabs{border-top:3px solid #6d675f;box-shadow:0 -10px 24px rgba(0,0,0,.75),inset 0 2px 0 rgba(255,255,255,.1)}
.cf{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.cf.drag{cursor:grabbing}.cf img{-webkit-user-drag:none;pointer-events:none}
.cf-card.blk{transition:transform 1.3s cubic-bezier(.19,.72,.22,1),opacity 1.3s ease,box-shadow 1.3s ease}.cf.drag .cf-card.blk{transition:none}
.cf-card.blk.active{border-color:#a08a45 #3a321a #1b1917 #7c6a33}

.blk .ph{position:absolute;inset:0;display:grid;place-items:center;font:700 40px Georgia,serif;color:rgba(212,175,55,.55);background:linear-gradient(160deg,#1c1606,#080808)}
.blk .win.vid{height:auto;aspect-ratio:16/9}.blk .win.vid mux-player{position:absolute;inset:0;width:100%;height:100%;border-radius:0}

.aff{background:#1d1a14;border:1px solid #5a4a1c;color:#e8d9a0;border-radius:12px;padding:10px 12px;font-size:13px;margin-top:12px;line-height:1.4}
.chips{display:flex;gap:8px;overflow-x:auto;margin-top:12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid #4a443c;background:#201e1b;color:#cfc6b4;border-radius:99px;padding:8px 14px;min-height:38px}.chip.on{border-color:#d4af37;color:#f0d760;background:rgba(212,175,55,.1)}
a.blk{text-decoration:none}.blk .pr{display:block;font:700 15px Georgia;color:#f0d760;margin:2px 0 6px}.blk .hs{display:block;margin-top:6px;font-size:10px;color:#9a8f7a;overflow-wrap:anywhere}.blk .hs span{display:block}.blk .hs span:empty{display:none}.blk .hs span:first-child:not(:empty){color:#cfc6b4;font-weight:600}
nav.tabs button{font-size:13px;padding:8px 2px}

.blk .win.vid video.r2v{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}