/* Decorative only: copy, navigation and recommendations work without this file. */
.brx .br-hero{isolation:isolate}
.brx .br-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 28%,#b7f1681c,transparent 56%);transform-origin:center}
.br-arena .br-hero::before{background:linear-gradient(115deg,transparent 30%,#e7f33f13 48%,transparent 67%),repeating-linear-gradient(0deg,transparent 0 49px,#e7f33f07 50px 51px);background-size:220% 100%,100% 100%}
.br-volt .br-hero::before{background:radial-gradient(ellipse at 50% 35%,#ad85e02a,transparent 58%),repeating-linear-gradient(90deg,transparent 0 69px,#c6ff4409 70px 71px)}
.br-revista .br-hero::before{background:linear-gradient(120deg,transparent 15%,#b333280b 48%,transparent 82%);background-size:200% 100%}
.br-claro .br-hero::before{background:radial-gradient(ellipse at 75% 25%,#8fbaff70,transparent 52%),radial-gradient(ellipse at 20% 80%,#ffffffb0,transparent 60%)}
html[data-br-motion=ready] .br-jade .br-hero::before{animation:br-breathe 9s ease-in-out infinite alternate}
html[data-br-motion=ready] .br-arena .br-hero::before{animation:br-sweep 11s linear infinite}
html[data-br-motion=ready] .br-volt .br-hero::before{animation:br-breathe 7s ease-in-out infinite alternate}
html[data-br-motion=ready] .br-revista .br-hero::before{animation:br-sweep 16s ease-in-out infinite alternate}
html[data-br-motion=ready] .br-claro .br-hero::before{animation:br-breathe 12s ease-in-out infinite alternate}
.brx .br-hero .br-buttons>.br-btn:first-child{position:relative;overflow:hidden}
.brx .br-hero .br-buttons>.br-btn:first-child::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,#ffffff55 48%,transparent 68%);transform:translateX(-150%)}
html[data-br-motion=ready] .br-hero .br-buttons>.br-btn:first-child::after{animation:br-button-shine 9s ease-in-out infinite}
html[data-br-motion=ready] .br-revista .br-hero .br-btn::after{animation:none!important}
html[data-br-motion=ready] .br-volt .br-hero h1{background:linear-gradient(110deg,var(--ink) 24%,#c6ff44 42%,var(--ink) 59%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:br-title-shine 10s ease-in-out infinite alternate}
html[data-br-motion=ready] .br-jade .br-art-tag,html[data-br-motion=ready] .br-volt .br-art-tag{animation:br-float 6s ease-in-out infinite alternate}
.brx .br-btn,.brx .br-card,.brx .br-path,.brx .br-recommendation,.brx .br-poster img{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.brx .br-btn span{display:inline-block;transition:transform .25s ease}
.brx .br-card-link{display:inline-block;text-underline-offset:5px}
.brx .br-card-link:hover{text-decoration:underline}
.brx a:focus-visible,.brx button:focus-visible,.br-motion-top:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .brx .br-btn:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0003}
 .brx .br-btn:hover span{transform:translate(2px,-2px)}
 .brx .br-card:hover,.brx .br-path:hover,.brx .br-recommendation:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 15px 35px #0002}
 .br-jade .br-recommendation:first-child:hover{transform:translateY(-16px)}
 .brx .br-card:hover img{transform:scale(1.025)}
 .br-arena .br-card:hover{transform:translateY(-4px);box-shadow:inset 0 -4px var(--accent)}
 .br-volt .br-card:hover,.br-volt .br-recommendation:hover{box-shadow:0 0 0 1px #c6ff4455,0 12px 32px #9b61dd25}
 .br-revista .br-card:hover,.br-revista .br-recommendation:hover{transform:translateX(5px);box-shadow:none}
 .br-claro .br-card:hover,.br-claro .br-recommendation:hover{box-shadow:0 18px 40px #1863d71c}
}
.br-motion-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--br-motion-accent,#b7f168);z-index:99990;transform:scaleX(0);transform-origin:left;pointer-events:none}
html[data-br-motion-family] .br-motion-top{position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:9000;display:flex;align-items:center;gap:8px;border:1px solid var(--br-motion-accent,#b7f168);border-radius:30px;background:#152116;color:#f6f9ee;padding:12px 16px;font:700 12px/1.3 Arial,sans-serif;cursor:pointer;box-shadow:0 6px 25px #0003}
html[data-br-motion-family] .br-motion-top[hidden]{display:none}
html[data-br-motion-family=arena]{--br-motion-accent:#e7f33f}
html[data-br-motion-family=volt]{--br-motion-accent:#c6ff44}
html[data-br-motion-family=revista]{--br-motion-accent:#b33328}
html[data-br-motion-family=claro]{--br-motion-accent:#1863d7}
html[data-br-motion-family=revista] .br-motion-top{background:#f4efe4;color:#7f261e;border-radius:0}
html[data-br-motion-family=claro] .br-motion-top{background:#fff;color:#134eac}
body.admin-bar .br-motion-progress{top:32px}
@media(max-width:782px){body.admin-bar .br-motion-progress{top:46px}}
@media(max-width:700px){
 html[data-br-motion=ready] .brx .br-hero::before,html[data-br-motion=ready] .brx .br-hero .br-btn::after,html[data-br-motion=ready] .brx .br-hero h1,html[data-br-motion=ready] .brx .br-art-tag{animation:none!important}
 html[data-br-motion-family] .br-motion-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:11px 14px}
}
@keyframes br-breathe{from{transform:scale(1);opacity:.55}to{transform:scale(1.045);opacity:1}}
@keyframes br-sweep{from{background-position:130% 0,0 0}to{background-position:-100% 0,0 0}}
@keyframes br-button-shine{0%,60%{transform:translateX(-150%)}83%,100%{transform:translateX(150%)}}
@keyframes br-title-shine{from{background-position:100% 0}to{background-position:0 0}}
@keyframes br-float{from{transform:translateY(0)}to{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){
 html[data-br-motion-family]{scroll-behavior:auto!important}
 .brx .br-hero::before,.brx .br-btn,.brx .br-btn::after,.brx .br-btn span,.brx .br-card,.brx .br-path,.brx .br-recommendation,.brx .br-poster img,.brx .br-art-tag,.brx .br-hero h1{animation:none!important;transition:none!important}
}
@media(forced-colors:active){html[data-br-motion] .brx .br-hero h1{color:CanvasText;background:none;animation:none}}