/* OC-AR-01 · proposta visual Australian Reef. Reutiliza os tokens de brands.css (--bp-*). */
.ar-page{--ar-cyan:#29c2de;--ar-soft:#eef3f8}
.ar-page .icon{width:1.1em;height:1.1em}
.ar-rule{display:block;width:48px;height:3px;margin:.7rem 0 1.1rem;background:var(--ar-cyan)}

/* A. Topo */
.ar-top .brand-top-inner{min-height:clamp(380px,32vw,460px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.ar-top .brand-top-logo{height:clamp(54px,6vw,76px)}
.ar-top .brand-top-logo img{max-width:min(100%,280px);mix-blend-mode:multiply}
.ar-top{background:linear-gradient(90deg,#fff 0,#fff 45%,var(--ar-soft) 45%)}
.ar-hero-fig{margin:0;justify-self:stretch}
.ar-hero-photos{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:clamp(.5rem,2vw,1.5rem)}
.ar-hero-photos img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(6,21,46,.18))}
.ar-hero-fig figcaption{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(.5rem,2vw,1.5rem);margin-top:.9rem;color:var(--bp-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.ar-subnav{border-bottom:1px solid var(--bp-line);background:#fff}
.ar-subnav ul{display:flex;gap:.4rem;max-width:1400px;margin:0 auto;padding:.7rem clamp(1.25rem,5vw,4rem);list-style:none;overflow-x:auto;scrollbar-width:none}
.ar-subnav a{display:block;padding:.45rem .95rem;border:1px solid var(--bp-line);border-radius:999px;color:var(--bp-ink);font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap}
.ar-subnav a:hover,.ar-subnav a:focus-visible{border-color:var(--bp-ink);background:var(--ar-soft)}
.ar-subnav a:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}

/* B. Sobre */
.ar-about{padding-bottom:clamp(2rem,4vw,3rem)}
.ar-about .brand-intro{margin-bottom:2.2rem}
.ar-about-media{position:relative;aspect-ratio:4/3}
.ar-about-media img{object-fit:cover}
.ar-about-media figcaption,.ar-step-fig figcaption,.ar-line-fig figcaption{padding:.5rem .8rem;color:var(--bp-muted);font-size:.74rem}
.ar-about-media figcaption{position:absolute;right:0;bottom:0;left:0;color:#fff;background:linear-gradient(0deg,rgba(6,21,46,.7),transparent)}
.ar-motto{color:var(--bp-ink)!important;font-size:1.15rem!important;font-weight:800;text-align:left!important}
.ar-cats .brand-cat img{object-fit:contain;background:#fff;padding:.2rem}
.ar-cats{margin-bottom:0}

/* C. Guia */
.ar-guide{padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,5vw,4rem);background:var(--ar-soft);border-top:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line)}
.ar-guide-inner{max-width:1200px;margin:0 auto}
.ar-guide-head{max-width:46rem}
.ar-guide-head h2{margin:0;font-size:clamp(1.9rem,3.4vw,2.7rem)}
.ar-guide-head p{margin:0 0 .8rem;color:var(--bp-muted);line-height:1.65}
.ar-guide-q{color:var(--bp-ink)!important;font-size:1.15rem;font-weight:600;line-height:1.5!important}
.ar-guide-q em{font-style:normal;color:var(--bp-accent)}
.ar-guide-alert{display:flex;align-items:center;gap:.9rem;margin:1.6rem 0 2.4rem;padding:1rem 1.3rem;border:2px solid var(--bp-ink);border-radius:12px;background:#fff;color:var(--bp-ink);line-height:1.45}
.ar-guide-alert .icon{flex:none;width:28px;height:28px;color:var(--bp-accent)}
.ar-guide-alert strong{font-size:1.02rem}
.ar-guide-alert span{color:var(--bp-muted);font-size:.92rem}
.ar-guide-alert strong{display:block;color:var(--bp-ink)}
.ar-steps{position:relative;display:grid;gap:1.4rem;margin:0;padding:0;list-style:none}
.ar-step{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:clamp(.8rem,2vw,1.6rem)}
.ar-step-rail{position:relative;display:flex;justify-content:center}
.ar-step-rail:after{position:absolute;top:64px;bottom:-1.4rem;left:50%;width:2px;content:"";background:repeating-linear-gradient(180deg,#9fb4c8 0 6px,transparent 6px 12px);transform:translateX(-50%)}
.ar-step:last-child .ar-step-rail:after{display:none}
.ar-step-num{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--bp-ink);color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 6px var(--ar-soft)}
.ar-step-num-alert{background:#fff;color:var(--bp-accent);border:2px solid var(--bp-accent)}
.ar-step-num-alert .icon{width:28px;height:28px}
.ar-step-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);align-items:start;padding:clamp(1.2rem,2.4vw,2rem);border:1px solid var(--bp-line);border-radius:16px;background:#fff;transition:border-color .2s ease}
.ar-step-card:hover{border-color:#7fa3c2}
.ar-step-kicker{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:#4f78a0;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ar-step-card h3{margin:0 0 .7rem;font-size:clamp(1.4rem,2.4vw,1.85rem);letter-spacing:-.02em;line-height:1.15}
.ar-step-copy>p{margin:0 0 .9rem;color:var(--bp-muted);font-size:.95rem;line-height:1.65}
.ar-step-copy>.ar-step-kicker{color:#4f78a0}
.ar-step-note{display:flex;align-items:center;gap:.5rem;margin:1rem 0 0!important;padding-top:.9rem;border-top:1px solid var(--bp-line);color:var(--bp-ink)!important;font-size:.88rem!important;font-weight:700}
.ar-step-note .icon{flex:none;padding:3px;border-radius:50%;background:var(--ar-cyan);color:var(--bp-ink);width:20px;height:20px}
.ar-step-fig{margin:.2rem 0 1rem;overflow:hidden;border-radius:12px;border:1px solid var(--bp-line)}
.ar-step-fig img{display:block;width:100%;max-height:200px;object-fit:cover}
.ar-step-caution .ar-step-card{border-style:dashed;border-width:2px;border-color:#9fb4c8;background:#fbfdff}
.ar-step-caution .ar-step-kicker{color:var(--bp-accent)}
.ar-tiles{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.ar-tiles.ar-cols-5{grid-template-columns:repeat(6,minmax(0,1fr))}
.ar-tiles.ar-cols-5 .ar-tile{grid-column:span 2}
.ar-tiles.ar-cols-5 .ar-tile:nth-child(n+4){grid-column:span 3}
.ar-tiles.ar-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar-tiles.ar-cols-1{grid-template-columns:minmax(0,220px);justify-content:center}

.ar-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.8rem .6rem .9rem;border:1px solid var(--bp-line);border-radius:12px;background:#fff;color:var(--bp-ink);text-align:center;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.ar-tile:hover,.ar-tile:focus-visible{border-color:#7fa3c2;transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,21,46,.1)}
.ar-tile:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-tile-img{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(110px,10vw,150px)}
.ar-tile-img img{width:auto;max-width:90%;height:100%;object-fit:contain}
.ar-tile-name{font-size:.74rem;font-weight:800;letter-spacing:.04em;line-height:1.3}
.ar-tag{padding:.15rem .55rem;border-radius:999px;background:var(--bp-accent);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ar-tile .product-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;width:100%;height:100%;border:1px dashed #9aaabd;border-radius:8px;color:var(--bp-muted);font-size:.74rem;text-align:center}
.ar-tile .product-placeholder .icon{width:26px;height:26px}

/* D. Linhas */
.ar-lines{padding:clamp(2rem,5vw,4rem) clamp(1.25rem,5vw,4rem);background:#fff}
.ar-lines-inner{max-width:1400px;margin:0 auto}
.ar-lines h2{margin:0 0 2rem;position:relative;padding-bottom:.7rem;font-size:clamp(1.6rem,3vw,2.3rem)}
.ar-lines h2:after{position:absolute;left:0;bottom:0;width:48px;height:3px;content:"";background:var(--ar-cyan)}
.ar-line{margin-bottom:3.2rem}
.ar-line>header{flex-wrap:wrap}
.ar-line-sub{color:var(--bp-muted);font-size:.9rem;font-weight:600}
.ar-line-count{margin-left:auto;color:#4f78a0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ar-line-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);gap:1.5rem;align-items:center;margin-bottom:1.3rem}
.ar-line-top:not(:has(.ar-line-fig)){grid-template-columns:minmax(0,1fr)}
.ar-line-top .brand-about-intro{margin:0;max-width:none}
.ar-line-fig{margin:0;border-radius:12px;background:var(--ar-soft);overflow:hidden}
.ar-line-fig img{display:block;width:100%;max-height:190px;object-fit:contain;padding:.6rem}
.ar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem}
.ar-grid .ar-tile{padding:1rem .8rem 1.1rem;background:#fff}
.ar-grid .ar-tile-img{height:170px}
.ar-grid .ar-tile-name{font-size:.8rem}

/* E. Método (OC-AR-03A) */
.ar-method{padding:clamp(2rem,4vw,3.5rem) clamp(1rem,4vw,3rem);background:linear-gradient(180deg,#f5f9fd 0,#edf3f9 100%);border-top:1px solid var(--bp-line)}
.ar-method-wrap{display:grid;gap:1.5rem;max-width:1240px;margin:0 auto}
.ar-method-card{border:1px solid #e1e9f1;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(6,21,46,.06)}
.ar-method-card{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.58fr) minmax(0,.64fr);gap:clamp(1.1rem,2vw,1.6rem);padding:clamp(1rem,1.8vw,1.35rem)}
.ar-method-fig{display:grid;place-items:center;margin:0;padding:clamp(.8rem,2vw,1.4rem);border-radius:14px;background:radial-gradient(circle at 18% 12%,#fff 0,rgba(255,255,255,0) 38%),radial-gradient(circle at 88% 85%,#e6f0f9 0,rgba(230,240,249,0) 46%),linear-gradient(160deg,#dcebf7,#f3f8fd)}
.ar-method-fig img{display:block;width:100%;max-width:440px;height:auto;filter:drop-shadow(0 14px 18px rgba(6,21,46,.22))}
.ar-method-copy{display:flex;flex-direction:column;justify-content:center;padding:.4rem 0}
.ar-eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 .5rem;color:#1397b8;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ar-eyebrow:after{width:34px;height:2px;content:"";background:var(--ar-cyan)}
.ar-method-copy h2{margin:0 0 1.1rem;color:var(--bp-ink);font-size:clamp(2rem,3.4vw,2.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.ar-method-copy h2 small{display:block;margin-top:.45rem;color:#6a7d92;font-size:.46em;font-weight:600;letter-spacing:-.01em}
.ar-method-copy p{margin:0 0 1rem;color:var(--bp-muted);font-size:.93rem;line-height:1.75;text-align:left}
.ar-method-copy .ar-eyebrow{margin-bottom:.5rem;font-size:.78rem;line-height:1.2}
.ar-method-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:auto;padding-top:.8rem}
.ar-method-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.15rem;border:0;border-radius:999px;background:var(--bp-ink);color:#fff;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s}
.ar-method-toggle:hover{background:#0d2b52}
.ar-method-toggle .icon{width:18px;height:18px;transition:transform .2s}
.ar-method-calc{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.05rem;border:1px solid var(--bp-ink);border-radius:999px;background:#fff;color:var(--bp-ink);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}
.ar-method-calc:hover{background:#eef4fa}
.ar-method-calc .icon{width:20px;height:20px;color:#1397b8}
.ar-method-calc:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-method-support{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #dbe5ee;border-radius:16px;background:#f8fbfe;color:var(--bp-ink);text-decoration:none}
.ar-method-support:hover{border-color:var(--ar-cyan);background:#fff}
.ar-method-support .icon{flex:none;width:24px;height:24px;color:#1397b8}
.ar-method-support span{display:grid;line-height:1.25}
.ar-method-support strong{font-size:.92rem;font-weight:800}
.ar-method-support small{color:var(--bp-muted);font-size:.78rem}
.ar-method-points{display:flex;flex-direction:column;justify-content:space-between;gap:.2rem;margin:0;padding:.7rem 1.1rem;border-radius:16px;background:#eef4fa;list-style:none}
.ar-method-points li{display:flex;align-items:center;gap:.9rem;padding:.9rem 0}
.ar-method-points li+li{border-top:1px solid #d9e4ee}
.ar-point-icon{display:grid;flex:none;place-items:center;width:54px;height:54px;border:1px solid #e1e9f1;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(6,21,46,.06);color:#1397b8}
.ar-point-icon .icon{width:28px;height:28px}
.ar-method-points span:not(.ar-point-icon){display:grid;gap:.15rem}
.ar-method-points strong{color:var(--bp-ink);font-size:.92rem;font-weight:800;line-height:1.25}
.ar-method-points small{color:var(--bp-muted);font-size:.8rem;line-height:1.4}
.ar-method-dialog{width:min(760px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:18px;background:#fff;color:var(--bp-ink);box-shadow:0 30px 80px rgba(6,21,46,.35);overflow:hidden}
.ar-method-dialog::backdrop{background:rgba(6,21,46,.6)}
.ar-method-dialog-panel{position:relative;max-height:calc(100vh - 2rem);padding:clamp(1.4rem,3vw,2.2rem);overflow-y:auto}
.ar-method-dialog h3{margin:0 2.5rem 1rem 0;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;letter-spacing:-.02em}
.ar-method-dialog h3 small{display:block;margin-top:.2rem;color:#6a7d92;font-size:.62em;font-weight:600}
.ar-method-dialog p{margin:0 0 1rem;color:var(--bp-muted);font-size:.95rem;line-height:1.75;text-align:justify}
.ar-method-dialog h3+p{margin-top:0}
.ar-method-dialog p+h3{margin:1.4rem 0 .5rem;font-size:1.05rem}
.ar-method-dialog .ar-support{text-align:left}
.ar-method-dialog-x{position:absolute;top:.8rem;right:.9rem;display:grid;place-items:center;width:40px;height:40px;border:1px solid #dbe5ee;border-radius:50%;background:#fff;color:var(--bp-ink);font-size:1.5rem;line-height:1;cursor:pointer}
.ar-method-dialog-x:hover{background:#f3f8fc}
.ar-method-dialog-x:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-method-toggle:focus-visible,.ar-method-support:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-more{margin-top:1rem}
.ar-more summary{display:inline-flex;align-items:center;padding:.45rem .95rem;border:1px solid #9fb4c8;border-radius:999px;background:#fff;color:var(--bp-ink);font-size:.85rem;font-weight:700;cursor:pointer;list-style:none}
.ar-more summary::-webkit-details-marker{display:none}
.ar-more summary:hover{background:#eaf1f7}
.ar-more[open]>summary{display:none}
.ar-more-body h3{margin:1.4rem 0 .5rem;font-size:1.05rem}
.ar-table{width:100%;max-width:26rem;margin:.4rem 0 1rem;border-collapse:collapse;font-size:.92rem}
.ar-table th,.ar-table td{padding:.6rem .8rem;border-bottom:1px solid var(--bp-line);text-align:left}
.ar-table th{color:var(--bp-ink);font-weight:700}
.ar-table td{color:var(--bp-ink);font-weight:800}
.ar-support{display:flex;gap:.6rem;align-items:flex-start;padding:.9rem 1.1rem;border-radius:12px;background:#fff;border:1px solid var(--bp-line);text-align:left!important}
.ar-support .icon{flex:none;margin-top:.15rem;color:var(--bp-accent)}
.ar-more-close{margin-top:.6rem}

/* F. FAQ */
.ar-faq{padding:clamp(2.5rem,5vw,4rem) clamp(1.25rem,5vw,4rem);background:#fff}
.ar-faq-inner{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(1.5rem,4vw,4rem);max-width:1200px;margin:0 auto}
.ar-faq-head h2{margin:0;font-size:clamp(1.6rem,2.8vw,2.2rem)}
.ar-faq-head p{margin:0;color:var(--bp-muted);line-height:1.6}
.ar-faq-item{border-bottom:1px solid var(--bp-line)}
.ar-faq-item:first-child{border-top:2px solid var(--bp-ink)}
.ar-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem .2rem;color:var(--bp-ink);font-size:1rem;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.ar-faq-item summary::-webkit-details-marker{display:none}
.ar-faq-item summary:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-faq-item summary .icon{flex:none;width:20px;height:20px;transition:transform .2s ease}
.ar-faq-item[open] summary .icon{transform:rotate(180deg)}
.ar-faq-body{padding:0 .2rem 1.2rem;color:var(--bp-muted);line-height:1.65}
.ar-faq-body p{margin:0 0 .8rem}
.ar-dil{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ar-dil>div{padding:.9rem 1rem;border:1px solid var(--bp-line);border-radius:12px;background:var(--ar-soft)}
.ar-dil strong{display:block;margin-bottom:.5rem;color:var(--bp-ink);font-size:.8rem;letter-spacing:.04em}
.ar-dil ul,.ar-signs{margin:0;padding-left:1.1rem}
.ar-dil li{font-size:.82rem;font-weight:700;color:var(--bp-ink);margin-bottom:.2rem}
.ar-dil .is-no{border-color:#c9b3b3;background:#f9f1f1}

/* G. Vídeos */
.ar-videos-track{flex-wrap:wrap}
.ar-videos-track li{flex:0 0 clamp(230px,24vw,320px)}
.ar-videos-track button{display:block;color:#fff;text-decoration:none}
.ar-videos-track button:focus-visible{outline:3px solid #29c2de;outline-offset:3px;border-radius:10px}
.ar-videos-track button:hover .brand-video-thumb img{transform:scale(1.05)}

/* H. Avisos */
.ar-legal{max-width:1200px;margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1.25rem,5vw,4rem)}
.ar-legal h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:1.05rem}
.ar-legal p{margin:0 0 .7rem;color:var(--bp-muted);font-size:.9rem;line-height:1.65}

@media(max-width:1100px){
  .ar-step-card{grid-template-columns:1fr}
  .ar-faq-inner{grid-template-columns:1fr}
  .ar-line-top{grid-template-columns:1fr}
}
@media(max-width:800px){
  .ar-top{background:#fff}
  .ar-top .brand-top-inner{grid-template-columns:1fr}
  .ar-hero-fig{margin-top:.5rem;padding:1rem;border-radius:16px;background:var(--ar-soft)}
  .ar-hero-photos img{max-height:210px}
  .ar-step{grid-template-columns:1fr;gap:.6rem}
  .ar-step-rail{justify-content:flex-start}
  .ar-step-rail:after{display:none}
  .ar-step-num{width:48px;height:48px;font-size:1.05rem;box-shadow:none}
  .ar-tiles.ar-cols-5,.ar-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-tiles.ar-cols-5 .ar-tile,.ar-tiles.ar-cols-5 .ar-tile:nth-child(n+4){grid-column:auto}
  .ar-tiles.ar-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ar-tiles.ar-cols-1{grid-template-columns:minmax(0,200px);justify-content:start}
  .ar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .ar-grid .ar-tile-img{height:130px}
  .ar-dil{grid-template-columns:1fr}
  .ar-line-count{margin-left:0;width:100%}
}
@media(max-width:480px){.ar-tiles.ar-cols-3 .ar-tile-name{font-size:.62rem}.ar-tiles.ar-cols-3 .ar-tile{padding:.6rem .3rem}}
@media(prefers-reduced-motion:reduce){.ar-tile,.ar-step-card,.ar-faq-item summary .icon{transition:none}.ar-tile:hover{transform:none}}
.ar-step-side{display:grid;gap:1rem}
.ar-step-side .ar-step-fig{margin:0}

/* Ajustes pós-homologação (OC-AR-03) */
.ar-top{background:#06152e;color:#fff;border-bottom:0}
.ar-top-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.ar-top:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(6,21,46,.92) 0,rgba(6,21,46,.8) 38%,rgba(6,21,46,.3) 75%,rgba(6,21,46,.12) 100%)}
.ar-top .brand-top-inner{min-height:clamp(420px,34vw,500px)}
.ar-top .breadcrumbs,.ar-top .breadcrumbs a{color:#b9cde0}
.ar-top .brand-top-logo{align-self:flex-start;width:fit-content;height:auto;padding:.7rem 1rem;border-radius:12px;background:#fff}
.ar-top .brand-top-logo img{max-height:64px;mix-blend-mode:normal}
.ar-top h1{color:#fff}
.ar-top .brand-top-lead{color:#d9e5ef}
.ar-top .button{border-color:#fff;background:#fff;color:var(--bp-ink)}
.ar-top .button:hover,.ar-top .button:focus-visible{border-color:var(--ar-cyan);background:var(--ar-cyan);color:var(--bp-ink)}
.ar-top .brand-card-link{color:#fff;border-bottom-color:#8fb0cc}
.ar-hero-fig{padding:clamp(1rem,2vw,1.6rem);border-radius:18px;background:rgba(255,255,255,.93);box-shadow:0 18px 50px rgba(6,21,46,.35)}
@media(max-width:800px){.ar-top{background:#06152e}.ar-top:after{background:rgba(6,21,46,.8)}.ar-hero-fig{margin-top:.5rem;background:rgba(255,255,255,.95)}}

/* Vídeos: apenas dois, centralizados */
.ar-videos .brand-videos-inner{grid-template-columns:1fr;justify-items:center;text-align:center}
.ar-videos .brand-videos-rule{margin-left:auto;margin-right:auto}
.ar-videos .brand-videos-copy p{max-width:34rem;margin:0 auto}
.ar-videos-track{justify-content:center;text-align:left}

/* Informações importantes como citação */
.ar-legal{max-width:60rem}
.ar-quote{margin:0;padding:1.4rem 1.6rem 1.5rem;border-left:4px solid var(--ar-cyan);border-radius:0 12px 12px 0;background:#f2f6fa}
.ar-quote h2{font-size:1.05rem}
.ar-quote h2 .icon{color:var(--bp-accent)}
.ar-quote p{font-style:italic;text-align:justify}
.ar-top .brand-top-actions .button:not(.button-outline):not(.button-light){border-color:#fff;background:#fff;color:var(--bp-ink)}
.ar-top .brand-top-actions .button:not(.button-outline):not(.button-light):hover,.ar-top .brand-top-actions .button:not(.button-outline):not(.button-light):focus-visible{border-color:var(--ar-cyan);background:var(--ar-cyan);color:var(--bp-ink)}

/* Calculadora Easy Balling (OC-AR-04; layout OC-AR-03A) */
.ar-calc-dialog{width:min(1100px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(6,21,46,.35);overflow:hidden}
.ar-calc-dialog::backdrop{background:rgba(6,21,46,.6)}
.ar-calc{position:relative;max-height:calc(100vh - 2rem);padding:clamp(1.1rem,2.4vw,1.75rem);overflow-y:auto}
.ar-calc .ar-method-dialog-x{z-index:1}
.ar-calc-title{padding-right:3rem}
.ar-calc-head{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);grid-template-areas:"title note" "tabs note";gap:1.1rem 2rem;align-items:start;margin-bottom:1.3rem}
.ar-calc-title{grid-area:title}
.ar-calc-title .ar-eyebrow{margin-bottom:.3rem}
.ar-calc-head h3{margin:0;color:var(--bp-ink);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.ar-calc-note{grid-area:note;display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:1rem 1.2rem;border-radius:14px;background:#eef4fa;color:var(--bp-muted);font-size:.84rem;line-height:1.6}
.ar-calc-note .icon{flex:none;width:20px;height:20px;margin-top:.1rem;color:#1397b8}
.ar-calc-note strong{color:var(--bp-ink)}
.ar-calc-tabs{grid-area:tabs;display:flex;flex-wrap:wrap;gap:.6rem}
.ar-calc-tabs button{display:inline-flex;align-items:center;gap:.7rem;padding:.75rem 1rem .75rem .9rem;border:1px solid #dbe5ee;border-radius:14px;background:#fff;color:var(--bp-ink);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.ar-calc-tabs button:hover{background:#f3f8fc}
.ar-calc-tabs button .icon{flex:none;width:26px;height:26px;color:#1397b8}
.ar-calc-tabs button span{display:grid;line-height:1.25}
.ar-calc-tabs button strong{font-size:.92rem;font-weight:800}
.ar-calc-tabs button small{color:var(--bp-muted);font-size:.78rem}
.ar-calc-tabs button[aria-selected="true"]{border-color:var(--bp-ink);background:linear-gradient(135deg,#06152e,#0b3557);box-shadow:inset 0 -4px 0 var(--ar-cyan);color:#fff}
.ar-calc-tabs button[aria-selected="true"] .icon{color:var(--ar-cyan)}
.ar-calc-tabs button[aria-selected="true"] small{color:#b9d3e6}
.ar-calc-tabs button:focus-visible,.ar-calc-clear:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.6rem}
.ar-calc-group{display:contents}
.ar-calc-group[hidden]{display:none}
.ar-calc label{display:flex;flex-direction:column;gap:.4rem;color:var(--bp-ink);font-size:.85rem;font-weight:700}
.ar-calc label[hidden]{display:none}
.ar-calc input,.ar-calc select{width:100%;min-height:46px;padding:.6rem .9rem;border:1px solid #c9d6e2;border-radius:8px;background:#fff;color:var(--bp-ink);font:inherit;font-size:.95rem;font-weight:500}
.ar-calc input::placeholder{color:#8d9eb0}
.ar-calc select{appearance:none;padding-right:2.4rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306152e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8rem center/16px}
.ar-calc input:focus-visible,.ar-calc select:focus-visible{outline:3px solid var(--bp-accent);outline-offset:1px}
.ar-calc-info{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0 0;padding:.85rem 1.1rem;border-radius:10px;background:#eef4fa;color:var(--bp-muted);font-size:.86rem;line-height:1.55}
.ar-calc-info[hidden]{display:none}
.ar-calc-info .icon{flex:none;width:20px;height:20px;margin-top:.1rem;color:#1397b8}
.ar-calc-info a{color:var(--bp-ink);font-weight:700}
.ar-calc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.2rem}
.ar-calc-actions .button,.ar-calc-clear{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:.7rem 1.7rem;border-radius:999px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}
.ar-calc-actions .button{border:1px solid var(--bp-ink);background:var(--bp-ink);color:#fff;letter-spacing:.06em;text-transform:uppercase}
.ar-calc-actions .button:hover,.ar-calc-actions .button:focus-visible{border-color:#0d2b52;background:#0d2b52;color:#fff}
.ar-calc-clear{border:1px solid #c9d6e2;background:#fff;color:var(--bp-ink)}
.ar-calc-clear:hover{background:#f3f8fc}
.ar-calc-actions .icon{width:20px;height:20px}
.ar-calc-result{margin-top:1.3rem;padding:1.2rem 1.4rem;border:2px solid var(--bp-ink);border-radius:14px;background:#fbfdff}
.ar-calc-result[hidden]{display:none}
.ar-calc-result.is-error{border-color:#a33;background:#fff6f6}
.ar-calc-result p{margin:0}
.ar-calc-big{color:var(--bp-ink);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.ar-calc-drops{margin-top:.3rem!important;color:var(--bp-ink);font-weight:700}
.ar-calc-how{margin-top:.6rem!important;color:var(--bp-muted);font-size:.88rem}
.ar-calc-msg{color:var(--bp-ink);font-weight:700}
.ar-calc-warn{display:flex;gap:.6rem;margin-top:1rem!important;padding-top:.9rem;border-top:1px solid var(--bp-line);color:var(--bp-muted);font-size:.82rem;line-height:1.55}
.ar-calc-warn .icon{flex:none;margin-top:.15rem;color:var(--bp-accent)}
@media(max-width:1300px) and (min-width:701px){
  .ar-method-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-method-actions>*{justify-content:center}
  .ar-method-support{grid-column:1/-1}
}
@media(max-width:1100px){
  .ar-method-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .ar-method-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}
  .ar-method-points li+li{border-top:0}
  .ar-method-points li:nth-child(n+3){border-top:1px solid #d9e4ee}
  .ar-calc-head{grid-template-columns:1fr;grid-template-areas:"title" "note" "tabs"}
}
@media(max-width:700px){
  .ar-method-card{grid-template-columns:1fr}
  .ar-method-fig img{max-width:320px}
  .ar-method-points{grid-template-columns:1fr}
  .ar-method-points li:nth-child(n+2){border-top:1px solid #d9e4ee}
  .ar-method-actions>*{flex:1 1 100%;justify-content:center}
  .ar-calc-tabs{display:grid}
  .ar-calc-fields{grid-template-columns:1fr}
  .ar-calc-actions>*{flex:1 1 100%}
}

/* Guia sobre o azul do site (OC-AR-04) */
.ar-guide{background:#06152e;border-color:#06152e;color:#fff}
.ar-guide .brand-eyebrow{color:#8fb0cc}
.ar-guide-head h2{color:#fff}
.ar-guide-head p{color:#c8d9e8}
.ar-guide-head .ar-guide-q{color:#fff!important}
.ar-guide-q em{color:var(--ar-cyan)}
.ar-guide-alert{border-color:var(--ar-cyan)}
.ar-step-rail:after{background:repeating-linear-gradient(180deg,#4f78a0 0 6px,transparent 6px 12px)}
.ar-step-num{background:#fff;color:var(--bp-ink);box-shadow:0 0 0 6px #06152e}
.ar-step-num-alert{background:#06152e;color:var(--ar-cyan);border-color:var(--ar-cyan)}
.ar-step-caution .ar-step-card{border-color:#4f78a0}

/* Cartões de produto abrem o modal (OC-AR-05) */
button.ar-tile{width:100%;font:inherit;cursor:pointer}
.ar-link-button{padding:0;border:0;border-bottom:1px solid currentColor;background:none;color:var(--bp-ink);font:inherit;font-weight:700;cursor:pointer}
.ar-link-button:focus-visible{outline:3px solid var(--bp-accent);outline-offset:2px}
.ar-tiles.ar-cols-1 button.ar-tile{width:auto}

/* Banner com arte própria (OC-AR-06) */
.ar-top .brand-top-inner{grid-template-columns:minmax(0,1fr);min-height:clamp(380px,31vw,460px)}
.ar-top-photo{object-position:center center}
.ar-top:after{background:linear-gradient(90deg,rgba(6,21,46,.92) 0,rgba(6,21,46,.78) 30%,rgba(6,21,46,.2) 58%,rgba(6,21,46,0) 78%)}
@media(max-width:800px){.ar-top-photo{object-position:72% center}.ar-top:after{background:linear-gradient(180deg,rgba(6,21,46,.9) 0,rgba(6,21,46,.72) 55%,rgba(6,21,46,.35) 100%)}}

/* Navegação interna centralizada, com ícones (OC-AR-07) */
.ar-subnav ul{justify-content:safe center}
.ar-subnav a{display:inline-flex;align-items:center;gap:.5rem}
.ar-subnav a .icon{flex:none;width:18px;height:18px;color:var(--bp-accent)}

/* Banner sem nome repetido (o logotipo já identifica a marca; o h1 segue para SEO e leitores de tela) (OC-AR-03A) */
.ar-h1-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}