.oferta-sec{padding:100px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.oferta-divider{height:1px;margin:48px 0 40px;background:linear-gradient(90deg,transparent,var(--gold-border),transparent)}
.oferta-sublabel{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:500 10px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.oferta-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.55}
.oferta-dot.is-live{opacity:1;box-shadow:0 0 0 3px var(--gold-faint)}
.oferta-card{position:relative}
.oferta-badge{position:absolute;top:20px;right:20px;padding:4px 10px;border-radius:999px;font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--grey-l);background:rgba(255,255,255,.04);border:1px solid var(--border);z-index:1}
.oferta-badge.is-live{color:var(--gold-l);background:var(--gold-faint);border-color:var(--gold-border)}
.oferta-card .vantagem-title{padding-right:120px}
/* a chegar */
.oferta-card.is-soon{border-style:dashed;background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.008) 55%),var(--surface)}
.oferta-card.is-soon .vantagem-title,.oferta-card.is-soon .vantagem-desc{opacity:.85}
.oferta-card.is-soon .vantagem-ico{color:var(--grey-l);background:rgba(255,255,255,.03);border-color:var(--border)}
/* media dentro dos cards */
.oferta-media{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--gold-border);background:var(--obsidian)}
.oferta-media-shot{aspect-ratio:4/3;margin-bottom:18px;position:relative}
.oferta-media-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;opacity:.9}
.oferta-media-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font:400 11px var(--font-sans);color:var(--grey-l);background:linear-gradient(0deg,rgba(2,7,10,.85),transparent)}
.oferta-media-phone{aspect-ratio:9/16;width:100%;max-width:240px;margin:20px auto 0}
.oferta-video{width:100%;height:100%;object-fit:cover;display:block}
/* card BacBot largo */
.oferta-card-wide{display:grid;gap:8px}
@media (min-width:768px){
  .oferta-grid-now .oferta-card-wide{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:32px;padding:32px}
  .oferta-grid-now .oferta-media-phone{margin:0 auto}
}
/* galeria SaaS */
.oferta-preview-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:768px){.oferta-preview-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,.7fr);align-items:start}}
.oferta-shot{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 32px -16px rgba(0,0,0,.6)}
.oferta-shot img{display:block;width:100%;height:auto}
.oferta-preview-desk{display:grid;gap:16px;grid-template-columns:1fr}
.oferta-shot-mobile{max-width:320px;margin-inline:auto}
@media (min-width:768px){.oferta-shot-mobile{max-width:none;margin:0}}
.oferta-shot figcaption{padding:12px 16px;font:400 13px/1.4 var(--font-sans);color:var(--grey-l)}
.oferta-note{margin-top:20px;font:400 13px/1.5 var(--font-sans);color:var(--grey-d);text-align:center}
@media (max-width:600px){
  .oferta-sec{padding:72px 0}.oferta-sec .container{padding:0 20px}
  .oferta-card .vantagem-title{padding-right:0;margin-top:12px}.oferta-badge{top:16px;right:16px}
}
@media (prefers-reduced-transparency:reduce){.oferta-card{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Reserve badge space in the icon row; never squeeze titles on tablet. */
#oferta .oferta-card .vantagem-title{padding-right:0}
#oferta .oferta-card{min-width:0}
#oferta .oferta-card-body{min-width:0;position:relative}
#oferta .oferta-card-wide .oferta-badge{top:0;right:0}
#oferta .oferta-card.is-soon .oferta-badge{position:static;float:right;margin-top:6px}
#oferta .oferta-card.is-soon .vantagem-title{clear:both}
#oferta .oferta-card.is-soon .vantagem-title,#oferta .oferta-card.is-soon .vantagem-desc{opacity:1}
#oferta .oferta-shot{min-width:0}
@media(prefers-reduced-motion:reduce){#oferta [data-vant],#oferta .reveal{opacity:1!important;transform:none!important;transition:none!important}}

#oferta .oferta-benefits{margin-top:16px}
/* Community preview: native swipe and restrained glass materials. */
#oferta .community-carousel{min-width:0;position:relative}
#oferta .community-carousel-track{position:relative;display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:2px 0 16px;outline-offset:5px}
#oferta .community-carousel-track .oferta-shot{flex:0 0 86%;max-width:none;margin:0;scroll-snap-align:start;scroll-snap-stop:always;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),var(--surface)}
#oferta .community-carousel-track .oferta-shot img{width:100%;height:clamp(260px,36vw,460px);object-fit:contain;background:var(--pitch)}
#oferta .community-carousel-track figcaption{font-size:14px;min-height:48px;display:flex;align-items:center}
#oferta .community-carousel-controls{display:flex;align-items:center;gap:18px;justify-content:flex-end;margin-top:12px}
#oferta .community-carousel-controls[hidden]{display:none}
#oferta .community-carousel-arrows{display:flex;gap:8px}
#oferta .community-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.06);color:var(--paper-ink);font:500 12px/1.3 var(--font-sans);cursor:pointer;transition:background 180ms ease,transform 180ms var(--apple-settle)}
#oferta .community-carousel-arrows button{padding:10px}
#oferta .community-carousel-controls svg{width:20px;height:20px}
#oferta .community-carousel-count{font:500 12px var(--font-mono);color:var(--grey-l);white-space:nowrap}
#oferta .community-carousel-controls button:focus-visible,#oferta .community-carousel-track:focus-visible{outline:2px solid var(--gold-l);outline-offset:4px}
#oferta .community-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
#oferta .community-access-card{min-width:0;padding:28px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 32px -24px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#oferta .community-access-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:20px;color:var(--grey-l)}
#oferta .community-access-icon svg{width:26px;height:26px}
#oferta .community-access-card h3{font:700 clamp(18px,2vw,22px)/1.25 var(--font-head);letter-spacing:-.035em;margin:0 0 12px;color:var(--paper-ink)}
#oferta .community-access-card p{font:400 15px/1.6 var(--font-sans);color:var(--grey-l);margin:0;max-width:48ch}
@media(min-width:1100px){#oferta .community-carousel-track .oferta-shot{flex-basis:78%}}
@media(max-width:600px){#oferta .community-carousel-track{gap:12px}#oferta .community-carousel-track .oferta-shot{flex-basis:94%}#oferta .community-carousel-track .oferta-shot img{height:290px}#oferta .community-carousel-track figcaption{padding:12px;font-size:13px}#oferta .community-carousel-controls{gap:12px;justify-content:space-between}#oferta .community-access-grid{grid-template-columns:minmax(0,1fr);margin-top:28px}#oferta .community-access-card{padding:24px}}
@media(hover:hover) and (pointer:fine){#oferta .community-carousel-controls button:hover{background:rgba(255,255,255,.12)}}
@media(prefers-reduced-motion:reduce){#oferta .community-carousel-track{scroll-behavior:auto}#oferta .community-carousel-controls button{transition:none}}
@media(prefers-reduced-transparency:reduce){#oferta .community-access-card,#oferta .community-carousel-track .oferta-shot{background:var(--surface-2);backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Transparent chapter with gold headings and one light pass on entry. */
#oferta{background:transparent}
#oferta .sec-h2,#oferta .sec-h2 em,#oferta .community-access-card h3{color:var(--gold-l)}
#oferta .community-access-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.008));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform 260ms var(--apple-settle),border-color 260ms ease}
#oferta .community-access-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,var(--gold-faint) 47%,rgba(255,255,255,.09) 50%,transparent 72%);transform:translateX(-110%);opacity:0}
#oferta .community-access-card.in::before{animation:community-glass-light 1400ms var(--apple-settle) var(--card-light-delay,100ms) 1 both}
#oferta .community-access-card:nth-child(2){--card-light-delay:260ms}
#oferta .community-access-card:nth-child(3){--card-light-delay:420ms}
#oferta .community-access-card:nth-child(4){--card-light-delay:580ms}
#oferta .community-access-icon{color:var(--gold-l)}
@keyframes community-glass-light{0%{transform:translateX(-110%);opacity:0}25%{opacity:1}80%{opacity:.7}100%{transform:translateX(110%);opacity:0}}
@media(hover:hover) and (pointer:fine){#oferta .community-access-card.in:hover{transform:translateY(-4px);border-color:var(--gold-border)}}
html.ambient-stopped #oferta .community-access-card::before{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){#oferta .community-access-card::before{animation:none!important;opacity:0}#oferta .community-access-card{transition:none!important}}
@media(prefers-reduced-transparency:reduce){#oferta .community-access-card{background:var(--surface-2);backdrop-filter:none;-webkit-backdrop-filter:none}}