/* THE REVEAL / BOSS — componente autónomo: estilos isolados sob .boss-reveal */
    .boss-reveal, .boss-reveal *, .boss-reveal *::before, .boss-reveal *::after { box-sizing: border-box; }
    .boss-reveal {
      --br-bg: var(--surface);
      --br-panel: var(--surface);
      --br-border: rgba(255,255,255,.16);
      --br-silver: var(--paper-ink);
      --br-muted: var(--grey-l);
      --br-champagne: var(--gold-l);
      --br-green: var(--grey-l);
      --br-ease: cubic-bezier(.18,.84,.21,1);
      position: relative;
      isolation: isolate;
      min-height: 100vh;
      overflow: hidden;
      padding: clamp(24px,5vw,78px) clamp(18px,4.5vw,72px) clamp(70px,7vw,112px);
      color: var(--br-silver);
      background: radial-gradient(ellipse 58% 43% at 85% 5%,rgba(255,255,255,.10),transparent 78%),
                  radial-gradient(ellipse 47% 50% at 0% 91%,rgba(255,255,255,.075),transparent 75%),
                  var(--surface);
      font: 400 16px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .boss-reveal::before {
      content:""; pointer-events:none; position:absolute; inset:0; opacity:.5; z-index:-1;
      background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);
      background-size: 76px 76px;
      mask-image: linear-gradient(to bottom, black 0%,transparent 78%);
    }
    .boss-reveal::after { content:""; position:absolute; left:12%; right:12%; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent); }
    .boss-reveal button, .boss-reveal a { font:inherit; }
    .boss-reveal button { cursor:pointer; }
    .boss-reveal button:focus-visible, .boss-reveal a:focus-visible { outline: 2px solid var(--paper-ink); outline-offset:5px; }
    .br-shell { max-width: 1264px; margin: 0 auto; }
    .br-topline { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.17); }
    .br-brand { display:flex; align-items:center; gap:13px; white-space:nowrap; }
    .br-brand-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.5); color:var(--paper-ink); font-size:13px; font-weight:900; letter-spacing:-.08em; background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.015)); box-shadow:inset 0 0 0 3px var(--surface); }
    .br-brand-name { letter-spacing:.16em; text-transform:uppercase; font-weight:750; font-size:11px; }
    .br-brand-sub { font-size:10px; color:var(--grey-l); letter-spacing:.095em; }
    .br-series { display:flex; align-items:center; gap:10px; font-size:10px; font-weight:750; letter-spacing:.2em; color:var(--grey-l); text-transform:uppercase; }
    .br-series-dot { width:6px; height:6px; border-radius:50%; background:var(--paper-ink); box-shadow:0 0 17px var(--paper-ink); }
    .br-hero { position:relative; padding:clamp(44px,7vw,100px) 0 clamp(35px,5vw,64px); }
    .br-kicker { display:flex; gap:12px; align-items:center; color:var(--grey-l); letter-spacing:.25em; font-size:10px; font-weight:800; text-transform:uppercase; }
    .br-kicker::before { content:""; width:28px; height:1px; background:var(--grey-l); }
    .br-hero h2 { margin:25px 0 26px; max-width:1130px; font-size:clamp(56px,8.45vw,132px); font-weight:820; line-height:.91; letter-spacing:-.085em; text-transform:uppercase; }
    .br-hero h2 .br-line { display:block; }
    .br-hero h2 .br-last { color:var(--grey-l); background: linear-gradient(90deg,var(--paper-ink) 0%,var(--grey-l) 57%,var(--gold-l) 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .br-hero h2 .br-cursor { display:inline-block; width:clamp(8px,.65vw,11px); height:clamp(43px,6.3vw,89px); margin-left:.08em; vertical-align:-.02em; background:var(--grey-l); transform-origin:bottom; animation:br-cursor 1.9s steps(2,end) 3; }
    @keyframes br-cursor { 0%,48% {opacity:1} 50%,100% {opacity:.04} }
    .br-hero-lower { display:flex; gap:35px; justify-content:space-between; align-items:flex-end; }
    .br-hero-copy { max-width:660px; font-size:clamp(16px,1.5vw,19px); line-height:1.6; color:var(--grey-l); margin:0; }
    .br-hero-copy strong { color:var(--paper-ink); font-weight:630; }
    .br-motion-cue { flex-shrink:0; display:flex; align-items:center; gap:14px; font-size:11px; letter-spacing:.18em; font-weight:700; color:var(--grey-l); text-transform:uppercase; }
    .br-motion-icon { height:40px; width:40px; border:1px solid rgba(255,255,255,.28); border-radius:50%; display:grid; place-items:center; font-size:19px; animation:br-nudge 2.4s ease-in-out infinite; }
    @keyframes br-nudge { 0%,100% {transform:translateY(0)} 50% {transform:translateY(6px)} }
    .br-rule { height:1px; background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.40),rgba(255,255,255,.08)); }
    .br-board-header { padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; }
    .br-board-labels { display:flex; align-items:center; gap:12px; flex-wrap:wrap; text-transform:uppercase; font-size:11px; letter-spacing:.17em; font-weight:780; }
    .br-left-label { color:var(--grey-l); }
    .br-vs { font-family:Georgia,serif; font-size:17px; font-style:italic; color:var(--grey-d); letter-spacing:0; }
    .br-right-label { color:var(--paper-ink); }
    .br-progress-wrap { display:flex; flex-direction:column; align-items:flex-end; gap:9px; }
    .br-progress-caption { font-size:10px; font-weight:750; letter-spacing:.16em; color:var(--grey-l); text-transform:uppercase; font-variant-numeric:tabular-nums; }
    .br-progress-caption strong { font-size:15px; color:var(--paper-ink); font-weight:800; }
    .br-progress-track { width:140px; height:2px; background:var(--surface); overflow:hidden; }
    .br-progress-fill { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--grey-l),var(--gold-l)); transition:width .75s var(--br-ease); }
    .br-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    .br-card { position:relative; display:block; border:1px solid rgba(255,255,255,.24); border-radius:3px; width:100%; min-height:295px; padding:0; color:inherit; text-align:left; background:var(--surface); perspective:1200px; transition:border-color .35s ease,box-shadow .45s ease,transform .6s var(--br-ease); transform:translateZ(0); }
    .br-card:before { content:""; position:absolute; inset:-1px; z-index:2; pointer-events:none; opacity:0; border-radius:3px; background:linear-gradient(125deg,transparent 35%,rgba(255,255,255,.14) 49.7%,transparent 52%); background-size:250% 100%; transition:opacity .4s; }
    .br-card:hover { border-color:var(--grey-l); box-shadow:0 23px 48px rgba(0,0,0,.23),0 0 35px rgba(255,255,255,.045); transform:translateY(-4px); }
    .br-card:hover::before { opacity:1; animation:br-glint 1.4s linear forwards; }
    .br-card::after {content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle 125px at var(--br-mx,50%) var(--br-my,50%),rgba(255,255,255,.095),transparent 85%);transition:opacity .3s ease;}
    .br-card:hover::after {opacity:1;}
    @keyframes br-glint { from {background-position:110% 0} to {background-position:-90% 0} }
    .br-card[aria-pressed="true"] { border-color:rgba(255,255,255,.56); }
    .br-card-inner { position:relative; display:block; min-height:295px; width:100%; transform-style:preserve-3d; transition:transform 1s cubic-bezier(.18,.73,.18,1); }
    .br-card[aria-pressed="true"] .br-card-inner { transform:rotateY(180deg); }
    .br-face { display:flex; position:absolute; inset:0; padding:27px 29px 24px; flex-direction:column; justify-content:space-between; overflow:hidden; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
    .br-front { background:radial-gradient(circle at 90% 18%,rgba(255,255,255,.09),transparent 55%),linear-gradient(145deg,var(--surface),var(--surface)); }
    .br-back { transform:rotateY(180deg); background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.19),transparent 56%),linear-gradient(130deg,var(--surface),var(--surface)); }
    .br-face::before { content:""; position:absolute; width:225px; height:225px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-115px; bottom:-130px; pointer-events:none; }
    .br-face::after { content:""; position:absolute; width:165px; height:165px; border:1px solid rgba(255,255,255,.06); border-radius:50%; right:-84px; bottom:-98px; pointer-events:none; }
    .br-card-top { position:relative; display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
    .br-front .br-card-top { color:var(--gold-l); }
    .br-back .br-card-top { color:var(--grey-l); }
    .br-card-number { opacity:.64; }
    .br-card-main { position:relative; display:block; margin-top:16px; max-width:440px; font-size:clamp(26px,3.2vw,44px); font-weight:700; line-height:1.08; letter-spacing:-.055em; }
    .br-front .br-card-main { color:var(--paper-ink); }
    .br-back .br-card-main { color:var(--paper-ink); }
    .br-underline { display:block; width:43px; height:2px; margin-top:19px; background:var(--grey-l); }
    .br-front .br-underline { background:var(--gold-l); }
    .br-card-bottom { position:relative; display:flex; gap:12px; align-items:flex-end; justify-content:space-between; color:var(--grey-l); font-size:13px; line-height:1.45; }
    .br-front .br-card-bottom { color:var(--gold-l); }
    .br-card-bottom > span:first-child { max-width:340px; }
    .br-turn-icon { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border:1px solid rgba(255,255,255,.28); border-radius:50%; font-size:16px; color:var(--paper-ink); transition:transform .35s ease,background .35s ease; }
    .br-card:hover .br-turn-icon { transform:rotate(45deg); background:rgba(255,255,255,.06); }
    .br-control-row { display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; padding:21px 0 29px; }
    .br-hint { color:var(--grey-l); font-size:12px; }
    .br-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
    .br-control { display:flex; justify-content:center; align-items:center; gap:8px; min-height:43px; background:transparent; border:1px solid rgba(255,255,255,.27); color:var(--paper-ink); padding:10px 16px; font-size:10px!important; font-weight:800!important; letter-spacing:.13em; text-transform:uppercase; transition:background .3s,border-color .3s; }
    .br-control:hover { background:var(--surface); border-color:var(--grey-l); }
    .br-finale { border:1px solid rgba(255,255,255,.19); background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.035) 63%,rgba(255,255,255,.03)); padding:clamp(26px,4.5vw,55px); position:relative; overflow:hidden; }
    .br-finale::after { content:"B"; font-weight:900; line-height:.8; font-size:clamp(200px,28vw,430px); position:absolute; right:-3%; bottom:-23%; letter-spacing:-.16em; color:rgba(255,255,255,.024); pointer-events:none; }
    .br-final-kicker { font-size:10px; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:var(--grey-l); }
    .br-finale h3 { position:relative; max-width:980px; font-size:clamp(35px,5.3vw,74px); line-height:1.07; letter-spacing:-.065em; font-weight:730; margin:19px 0 16px; }
    .br-finale h3 em { font-style:normal; color:var(--paper-ink); }
    .br-finale p { position:relative; max-width:600px; font-size:14px; color:var(--grey-l); line-height:1.7; margin:0 0 30px; }
    .br-cta-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; position:relative; }
    .br-cta-primary,.br-cta-secondary { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:51px; padding:14px 19px; font-size:11px; text-transform:uppercase; font-weight:850; letter-spacing:.1em; transition:transform .3s,background .3s,border-color .3s; }
    .br-cta-primary { background:var(--paper-ink); color:var(--surface); border:1px solid var(--paper-ink); }
    .br-cta-primary:hover { transform:translateY(-3px); background:var(--paper-ink); }
    .br-cta-secondary { color:var(--paper-ink); background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.29); }
    .br-cta-secondary:hover { transform:translateY(-3px); border-color:var(--grey-l); }
    .br-footnotes { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding-top:25px; font-size:11px; color:var(--grey-d); line-height:1.6; }
    .br-footnotes p { margin:0; max-width:650px; }
    .br-footnotes span { white-space:nowrap; text-transform:uppercase; letter-spacing:.14em; }
    /* intro + scroll reveal */
    .br-appear { opacity:0; transform:translateY(28px); filter:blur(7px); transition:opacity 1.05s var(--br-ease), transform 1.05s var(--br-ease),filter 1.05s var(--br-ease); }
    .br-appear.br-in { opacity:1; transform:translateY(0); filter:blur(0); }
    .br-card.br-appear:nth-child(2){transition-delay:100ms}.br-card.br-appear:nth-child(3){transition-delay:160ms}.br-card.br-appear:nth-child(4){transition-delay:240ms}
    .br-hero .br-appear:nth-child(2) {transition-delay:90ms}.br-hero .br-appear:nth-child(3) {transition-delay:180ms}
    @media(max-width:900px){
      .br-card,.br-card-inner { min-height:274px; }
      .br-face { padding:23px; }
      .br-hero h2 { font-size:clamp(58px,10vw,94px); }
    }
    @media(max-width:700px){
      .boss-reveal { padding:23px 16px 64px; }
      .br-brand-sub {display:none}
      .br-series {font-size:9px;letter-spacing:.13em;white-space:nowrap;}
      .br-hero { padding:56px 0 41px; }
      .br-hero h2 { font-size:clamp(49px,12.5vw,84px); margin:20px 0 24px; letter-spacing:-.08em; }
      .br-hero h2 .br-cursor { height:36px; }
      .br-hero h2 .br-last {font-size:clamp(36px,10.15vw,51px);letter-spacing:-.075em;}
      .br-hero-lower { align-items:flex-start; }
      .br-hero-copy { font-size:15px; }
      .br-motion-cue { display:none; }
      .br-board-header { align-items:flex-start; gap:13px; }
      .br-board-labels { gap:7px; font-size:9px; letter-spacing:.1em; }
      .br-progress-track { width:74px; }
      .br-progress-caption { font-size:9px; text-align:right; }
      .br-grid { grid-template-columns:1fr; gap:12px; }
      .br-card, .br-card-inner { min-height:232px; }
      .br-face { padding:20px 21px; }
      .br-card-main { font-size:clamp(27px,7.5vw,38px); }
      .br-card-bottom { font-size:12px; }
      .br-control-row {align-items:flex-start; padding:19px 0 25px; flex-direction:column; gap:14px; }
      .br-hint {font-size:11px;}
      .br-controls {width:100%;}
      .br-control {flex:1; font-size:9px!important; padding:10px; }
      .br-finale { padding:27px 21px 31px; }
      .br-finale h3 { font-size:clamp(36px,9.1vw,57px); }
      .br-cta-row {align-items:stretch; flex-direction:column; }
      .br-cta-row a {width:100%;}
      .br-footnotes {flex-direction:column; gap:8px;}
    }
    @media(prefers-reduced-motion:reduce){
      html {scroll-behavior:auto}
      .boss-reveal *, .boss-reveal *::before,.boss-reveal *::after { animation:none!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
      .br-appear {opacity:1;transform:none;filter:none;}
    }
  /* Integration: existing site palette, typography and transparent backdrop. */
#comparacao.boss-reveal{--br-bg:var(--pitch);--br-panel:var(--surface);--br-border:var(--border);--br-silver:var(--paper-ink);--br-muted:var(--grey-l);--br-champagne:var(--gold-l);--br-green:var(--gold);--br-ease:var(--apple-settle);background:transparent;color:var(--paper-ink);font-family:var(--font-sans);min-height:0;padding-block:90px}
#comparacao .br-shell{max-width:1200px}
#comparacao::before{display:none}
#comparacao .br-brand-name{font-family:var(--font-serif);color:var(--gold-l);font-size:24px;letter-spacing:.03em}
#comparacao .br-series-dot{background:var(--gold);box-shadow:none}
#comparacao .br-hero h2{font-family:var(--font-head);font-size:clamp(46px,7.4vw,104px);line-height:1.02;letter-spacing:-.055em;font-weight:800;max-width:100%;text-transform:none}
#comparacao .br-hero h2 .br-last{font-family:var(--font-serif);font-style:italic;font-weight:700;letter-spacing:-.035em;color:var(--gold);background:none;-webkit-text-fill-color:currentColor}
#comparacao .br-card{border-radius:22px;background:transparent;border-color:var(--border);color:var(--paper-ink);box-shadow:inset 0 1px rgba(255,255,255,.06);min-height:0;transform:none}
#comparacao .br-card::before,#comparacao .br-card::after{display:none}
#comparacao .br-card-inner{display:grid;min-height:320px;height:100%;transition:transform 700ms var(--apple-settle)}
#comparacao .br-face{position:relative;grid-area:1/1;inset:auto;min-width:0;gap:28px;border-radius:21px;min-height:320px;padding:28px;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),var(--surface)}
#comparacao .br-back{background:linear-gradient(145deg,var(--gold-faint),rgba(255,255,255,.02)),var(--surface)}
#comparacao .br-card-main{font:700 clamp(26px,3vw,40px)/1.16 var(--font-sans);letter-spacing:-.045em;overflow-wrap:break-word}
#comparacao .br-back .br-card-main{color:var(--gold-l)}
#comparacao .br-card-top{font:600 10px/1.5 var(--font-sans);letter-spacing:.1em;flex-wrap:wrap;gap:8px}
#comparacao .br-card-bottom{font:400 14px/1.5 var(--font-sans);color:var(--grey-l);gap:18px}
#comparacao .br-progress-fill{width:100%;transform:scaleX(0);transform-origin:left;background:var(--gold);transition:transform 420ms var(--apple-settle)}
#comparacao .br-finale{border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-color:var(--border)}
#comparacao .br-finale::after{display:none}
#comparacao .br-finale h3{font-family:var(--font-head);font-weight:750}
#comparacao .br-finale h3 em{font-family:var(--font-serif);font-style:italic;color:var(--gold)}
#comparacao .br-cta-primary,#comparacao .br-cta-secondary,#comparacao .br-control{border-radius:999px;min-height:46px;line-height:1.5;text-align:center}
#comparacao .br-cta-primary{background:var(--gold-l);color:var(--obsidian);border-color:var(--gold-border)}
#comparacao .br-cta-secondary{background:transparent;color:var(--paper-ink);border-color:var(--border)}
#comparacao .br-footnotes{background:none;border:0;padding:24px 0 0;color:var(--grey-l);font-size:12px}
#comparacao .br-appear{opacity:1;transform:none;filter:none;transition:none}
#comparacao.br-motion-ready .br-appear:not(.br-in){opacity:0;transform:translateY(16px)}
#comparacao.br-motion-ready .br-appear{transition:opacity 650ms var(--apple-settle),transform 650ms var(--apple-settle)}
#comparacao button:focus-visible,#comparacao a:focus-visible{outline:2px solid var(--gold-l)}
#comparacao .br-control:disabled{opacity:.45;cursor:default}
@media(hover:hover) and (pointer:fine){#comparacao .br-card:hover{transform:translateY(-3px);border-color:var(--gold-border)}#comparacao .br-control:hover{background:var(--surface-2)}}
@media(hover:none),(pointer:coarse){#comparacao .br-card:hover{transform:none;box-shadow:none}#comparacao .br-card:hover .br-turn-icon{transform:none;background:transparent}}
@media(max-width:700px){#comparacao.boss-reveal{padding:64px 20px}#comparacao .br-hero{padding:40px 0}#comparacao .br-hero h2{font-size:clamp(44px,12vw,75px)}#comparacao .br-hero h2 .br-last{font-size:clamp(32px,8.8vw,55px)}#comparacao .br-topline{flex-wrap:wrap}#comparacao .br-card-inner,#comparacao .br-face{min-height:300px}#comparacao .br-face{padding:24px 20px}#comparacao .br-board-header{flex-wrap:wrap}#comparacao .br-progress-wrap{align-items:flex-start}#comparacao .br-control{font-size:11px!important}#comparacao .br-finale h3{font-size:clamp(30px,8vw,50px)}#comparacao .br-footnotes span{white-space:normal}}
html.ambient-stopped #comparacao .br-appear{opacity:1!important;transform:none!important;transition:none!important}
html.ambient-stopped #comparacao *,html.ambient-stopped #comparacao *::before,html.ambient-stopped #comparacao *::after{animation:none!important;transition:none!important}
#comparacao.br-offscreen .br-motion-icon{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#comparacao .br-appear{opacity:1!important;transform:none!important}#comparacao .br-card-inner{transition:none!important}}
#comparacao .br-footnotes>p span{white-space:normal;text-transform:none;letter-spacing:normal}
/* Persistent, explicit flip cue: it moves only while the card is in view. */
#comparacao .br-card-top{font-size:11px;line-height:1.6;min-height:26px;color:var(--gold-l)}
#comparacao .br-front .br-card-top,#comparacao .br-back .br-card-top{color:var(--gold-l)}
#comparacao .br-card-bottom{align-items:flex-end;flex-wrap:wrap;gap:18px}
#comparacao .br-card-bottom>span:first-child{flex:1 1 160px}
#comparacao .br-turn-cue{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:42px;padding:9px 12px;border:1px solid var(--gold-border);border-radius:999px;font:600 12px/1.3 var(--font-sans);color:var(--gold-l);background:var(--gold-faint);white-space:nowrap}
#comparacao .br-turn-cue svg{display:block;width:18px;height:18px;transform-origin:50% 50%}
#comparacao .br-card.br-cue-visible .br-turn-cue svg{animation:br-flip-invite 2600ms var(--apple-settle) infinite}
#comparacao .br-card.br-cue-visible .br-turn-cue{animation:br-cue-breathe 2600ms ease-in-out infinite}
@keyframes br-flip-invite{0%,30%,100%{transform:rotate(0)}65%,82%{transform:rotate(180deg)}}
@keyframes br-cue-breathe{0%,100%{opacity:.65}55%{opacity:1}}
html.ambient-stopped #comparacao .br-turn-cue,html.ambient-stopped #comparacao .br-turn-cue svg{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){#comparacao .br-turn-cue,#comparacao .br-turn-cue svg{animation:none!important;opacity:1}}