.pg-br{background:var(--blue-950)}
.b-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end;padding:0 clamp(20px,6vw,80px) clamp(70px,12vh,130px)}
.b-scene{position:absolute;inset:-6% 0 0;will-change:transform}
.b-scene img,.b-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.b-scene video{opacity:0;transition:opacity 1.2s}.b-scene video.ok{opacity:1}
.b-hero::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(7,14,34,.55) 70%,var(--blue-950));pointer-events:none}
.b-copy{position:relative;z-index:2;max-width:640px;will-change:transform,opacity}
.crumb{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.crumb a{color:inherit;border-bottom:1px solid rgba(214,180,106,.5)}
.b-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,7.6vw,110px);line-height:.98;letter-spacing:-.02em;margin:0 0 16px}
.b-hero h1 em{color:#f3dfa8;font-style:italic}
.b-hero h1,.b-hero .lead,.crumb{text-shadow:0 0 1px rgba(7,14,34,.9),0 1px 3px rgba(7,14,34,.85),0 2px 22px rgba(7,14,34,.7)}
.b-hero .lead{margin-bottom:24px;max-width:480px}
.b-scroll{position:absolute;left:50%;bottom:22px;width:1px;height:46px;background:linear-gradient(var(--gold),transparent);z-index:2}
@media(prefers-reduced-motion:no-preference){.b-scroll{animation:bS 2.4s ease-in-out infinite;transform-origin:top}@keyframes bS{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}}
.b-estilos{position:relative;padding:90px clamp(16px,5vw,60px) 40px;text-align:center;overflow:hidden}
.b-estilos h2,.b-h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,64px);margin:12px 0 44px}
.b-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;max-width:1100px;margin:0 auto;perspective:1200px}
@media(min-width:900px){.b-wall{grid-template-columns:repeat(4,1fr);gap:34px}}
.bp{position:relative;margin:0;padding:10px 10px 40px;background:linear-gradient(170deg,#fffdf8,#f6f0e4 60%,#ece4d4);border-radius:4px;box-shadow:0 1px 0 #e6dccb,0 2px 0 #d9cfbc,0 3px 0 #cfc3ad,0 8px 14px rgba(0,0,0,.3),0 40px 70px -14px rgba(0,0,0,.65);overflow:hidden;transform:rotate(var(--r,0deg)) translateY(var(--y,0));transition:transform .7s var(--ease-out);outline:none}
.bp:nth-child(1){--r:-4deg}.bp:nth-child(2){--r:3deg;--y:18px}.bp:nth-child(3){--r:-2deg;--y:6px}.bp:nth-child(4){--r:4deg;--y:24px}
.bp .ph{position:relative;display:block;aspect-ratio:1;overflow:hidden}
.bp img,.bp video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bp video{opacity:0;transition:opacity .9s}.bp video.ok{opacity:1}
.bp figcaption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:italic 500 19px var(--serif);color:var(--ink,#1a1a1a)}
.bp::after{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);mix-blend-mode:soft-light;pointer-events:none;transform:translateX(var(--sx,-60%));transition:transform .2s linear}
@media(hover:hover){.bp:hover,.bp:focus-visible{transform:rotate(0deg) translateY(-12px) scale(1.04)}}
.b-dest{padding-top:60px;text-align:center}.b-dest .grid{text-align:left}
.dc-caio .ph-caio{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px dashed rgba(214,180,106,.45);box-shadow:none}
.dc-caio .ph-caio span{font-size:13px;opacity:.7}
