/* Páginas públicas de aquisição: parceiros, entregadores e chamadas da vitrine. */
.acquisition-page { color: #221d1b; background: #fffaf7; }
.acquisition-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.acquisition-hero { position: relative; overflow: hidden; padding: 72px 0 56px; background: radial-gradient(circle at 88% 10%, #ffbf7a 0, transparent 28%), linear-gradient(135deg, #301914 0%, #b83220 52%, #ff5a32 100%); color: #fff; }
.acquisition-hero::after { position: absolute; right: -90px; bottom: -140px; width: 380px; height: 380px; border: 70px solid rgba(255,255,255,.08); border-radius: 50%; content: ""; }
.acquisition-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 48px; align-items: center; }
.acquisition-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; color: #6e291c; background: #fff0ae; font-size: .76rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.acquisition-hero h1 { max-width: 760px; margin: 18px 0 14px; color: #fff; font-size: clamp(2.4rem, 5vw, 5.1rem); line-height: .98; letter-spacing: -.055em; }
.acquisition-hero p { max-width: 660px; margin: 0; color: #ffece7; font-size: 1.08rem; line-height: 1.65; }
.acquisition-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.acquisition-actions .btn { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 9px; padding-inline: 22px; border-radius: 16px; font-weight: 900; }
.acquisition-actions .btn-light { color: #a52d1e; background: #fff; }
.acquisition-actions .btn-ghost { border: 1px solid rgba(255,255,255,.5); color: #fff; background: rgba(255,255,255,.08); }
.acquisition-visual { display: grid; place-items: center; min-height: 330px; border: 1px solid rgba(255,255,255,.2); border-radius: 34px; background: rgba(255,255,255,.1); box-shadow: 0 28px 70px rgba(43,10,5,.28); backdrop-filter: blur(10px); }
.acquisition-visual img { width: min(300px, 82%); max-height: 280px; object-fit: contain; filter: drop-shadow(0 24px 25px rgba(40,10,5,.3)); }
.acquisition-section { padding: 64px 0; }
.acquisition-section--soft { background: #fff1eb; }
.acquisition-heading { max-width: 720px; margin-bottom: 28px; }
.acquisition-heading h2 { margin: 10px 0; color: #211b19; font-size: clamp(1.8rem, 3vw, 3rem); letter-spacing: -.035em; }
.acquisition-heading p { color: #6e625e; line-height: 1.65; }
.acquisition-feature-grid, .acquisition-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.acquisition-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }
.acquisition-feature, .acquisition-plan, .acquisition-step, .acquisition-auth { border: 1px solid #eadbd5; border-radius: 24px; background: #fff; box-shadow: 0 18px 45px rgba(74,34,24,.08); }
.acquisition-feature, .acquisition-step { padding: 24px; }
.acquisition-feature i, .acquisition-step > span { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 18px; border-radius: 15px; color: #fff; background: linear-gradient(135deg, #e33a24, #ff7442); font-size: 1.2rem; font-weight: 900; }
.acquisition-feature h3, .acquisition-step h3 { margin: 0 0 8px; color: #292220; font-size: 1.05rem; }
.acquisition-feature p, .acquisition-step p { margin: 0; color: #746963; line-height: 1.55; }
.acquisition-plan { position: relative; overflow: hidden; padding: 28px; }
.acquisition-plan.is-featured { border-color: #ff5a32; box-shadow: 0 22px 55px rgba(226,59,36,.17); }
.acquisition-plan__tag { display: inline-flex; padding: 6px 10px; border-radius: 999px; color: #a32919; background: #fff0ae; font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.acquisition-plan h3 { margin: 14px 0 4px; font-size: 1.35rem; }
.acquisition-plan__price { display: block; margin: 16px 0; color: #d93620; font-size: 1.9rem; font-weight: 900; }
.acquisition-plan ul { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.acquisition-plan li { display: flex; gap: 9px; color: #514744; }
.acquisition-plan li i { margin-top: 4px; color: #d93620; }
.acquisition-login-wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 440px); gap: 36px; align-items: start; }
.acquisition-login-wrap .acquisition-step-grid { grid-template-columns: 1fr; }
.acquisition-auth { padding: 30px; }
.acquisition-auth h2 { margin-top: 0; }
.acquisition-auth .form-group label, .acquisition-auth .form-label { display: flex; gap: 8px; align-items: center; color: #382f2c; font-weight: 800; }
.acquisition-auth .form-control { min-height: 48px; border-radius: 13px; }
.acquisition-auth .btn-primary { display: inline-flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; }
.acquisition-fineprint { color: #776b66; font-size: .84rem; line-height: 1.55; }

.acquisition-carousel { padding: 34px 0 54px; }
.acquisition-carousel__frame { position: relative; overflow: hidden; min-height: 210px; border-radius: 28px; background: #2c1713; box-shadow: 0 20px 50px rgba(68,31,22,.14); }
.acquisition-carousel__slide { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 220px; align-items: center; gap: 20px; padding: 30px 42px; color: #fff; opacity: 0; pointer-events: none; transform: translateX(24px); transition: opacity .45s ease, transform .45s ease; }
.acquisition-carousel__slide:nth-child(2) { background: linear-gradient(120deg, #7d261c, #f2552f); }
.acquisition-carousel__slide:nth-child(3) { background: linear-gradient(120deg, #38201a, #b93824); }
.acquisition-carousel__slide.is-active { position: relative; opacity: 1; pointer-events: auto; transform: none; }
.acquisition-carousel__slide h2 { margin: 7px 0; color: #fff; font-size: clamp(1.45rem, 3vw, 2.5rem); }
.acquisition-carousel__slide p { max-width: 620px; margin: 0 0 18px; color: #ffe9e3; }
.acquisition-carousel__slide img { justify-self: end; width: 200px; height: 150px; border-radius: 22px; object-fit: cover; background: #fff5ef; }
.acquisition-carousel__slide .btn { border-radius: 13px; }
.acquisition-carousel__dots { position: absolute; z-index: 3; right: 24px; bottom: 18px; display: flex; gap: 7px; }
.acquisition-carousel__dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.45); }
.acquisition-carousel__dot.is-active { width: 25px; border-radius: 999px; background: #fff; }

/* O seletor inclui html e body explicitamente para superar regras do painel carregadas antes desta folha. */
html[data-theme="dark"] body.acquisition-page,
html[data-admin-theme="dark"] body.acquisition-page,
body.acquisition-page.theme-dark { color: #fff7f3; background: #171719; }
html[data-theme="dark"] body.acquisition-page .acquisition-section--soft,
html[data-admin-theme="dark"] body.acquisition-page .acquisition-section--soft,
body.acquisition-page.theme-dark .acquisition-section--soft { background: #211b1b; }
html[data-theme="dark"] body.acquisition-page :where(.acquisition-heading h2, .acquisition-feature h3, .acquisition-step h3, .acquisition-plan h3, .acquisition-auth h2),
html[data-admin-theme="dark"] body.acquisition-page :where(.acquisition-heading h2, .acquisition-feature h3, .acquisition-step h3, .acquisition-plan h3, .acquisition-auth h2),
body.acquisition-page.theme-dark :where(.acquisition-heading h2, .acquisition-feature h3, .acquisition-step h3, .acquisition-plan h3, .acquisition-auth h2) { color: #fff !important; }
html[data-theme="dark"] body.acquisition-page :where(.acquisition-heading p, .acquisition-feature p, .acquisition-step p, .acquisition-plan p, .acquisition-plan li, .acquisition-fineprint, .auth-switch, .admin-login-back),
html[data-admin-theme="dark"] body.acquisition-page :where(.acquisition-heading p, .acquisition-feature p, .acquisition-step p, .acquisition-plan p, .acquisition-plan li, .acquisition-fineprint, .auth-switch, .admin-login-back),
body.acquisition-page.theme-dark :where(.acquisition-heading p, .acquisition-feature p, .acquisition-step p, .acquisition-plan p, .acquisition-plan li, .acquisition-fineprint, .auth-switch, .admin-login-back) { color: #e5dcd8 !important; }
html[data-theme="dark"] body.acquisition-page :where(.acquisition-feature, .acquisition-plan, .acquisition-step, .acquisition-auth),
html[data-admin-theme="dark"] body.acquisition-page :where(.acquisition-feature, .acquisition-plan, .acquisition-step, .acquisition-auth),
body.acquisition-page.theme-dark :where(.acquisition-feature, .acquisition-plan, .acquisition-step, .acquisition-auth) { border-color: #4c403c; background: #262326; }
html[data-theme="dark"] body.acquisition-page .acquisition-auth :where(label, input),
html[data-admin-theme="dark"] body.acquisition-page .acquisition-auth :where(label, input),
body.acquisition-page.theme-dark .acquisition-auth :where(label, input) { color: #fff; }
html[data-theme="dark"] body.acquisition-page .acquisition-auth input,
html[data-admin-theme="dark"] body.acquisition-page .acquisition-auth input,
body.acquisition-page.theme-dark .acquisition-auth input { border-color: #5a4c47; background: #1c1a1b; }

@media (max-width: 820px) {
  .acquisition-hero { padding: 38px 0 32px; }
  .acquisition-hero__grid, .acquisition-login-wrap { grid-template-columns: 1fr; }
  .acquisition-visual { min-height: 210px; }
  .acquisition-visual img { max-height: 180px; }
  .acquisition-feature-grid, .acquisition-plan-grid, .acquisition-step-grid { grid-template-columns: 1fr; }
  .acquisition-section { padding: 42px 0; }
  .acquisition-carousel__slide { grid-template-columns: 1fr 105px; padding: 24px 20px 42px; }
  .acquisition-carousel__slide img { width: 105px; height: 105px; }
}

.courier-delivery-queue { width: 100%; margin: 0 0 24px; }
.courier-delivery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 14px; }
.courier-delivery-card { border: 1px solid rgba(214, 58, 31, .16); border-radius: 20px; padding: 18px; background: var(--surface, #fff); box-shadow: 0 12px 28px rgba(61, 30, 20, .08); }
.courier-delivery-card header { display: flex; justify-content: space-between; gap: 12px; color: var(--brand-red, #d63822); font-weight: 800; }
.courier-delivery-card p { display: flex; gap: 9px; align-items: flex-start; }
.courier-delivery-actions, .courier-pin-form { display: grid; gap: 10px; }
.courier-pin-form input { min-height: 48px; border: 1px solid rgba(214, 58, 31, .24); border-radius: 13px; padding: 10px 14px; font-size: 1.2rem; text-align: center; letter-spacing: .25em; }
html[data-theme="dark"] .courier-delivery-card { border-color: #41444c; color: #fff; background: #24272d; }

@media (max-width: 480px) {
  .acquisition-shell { width: min(100% - 22px, 1180px); }
  .acquisition-hero h1 { font-size: 2.35rem; }
  .acquisition-hero__grid { gap: 24px; }
  .acquisition-actions .btn { width: 100%; }
  .acquisition-visual { min-height: 160px; border-radius: 24px; }
  .acquisition-auth, .acquisition-plan, .acquisition-feature, .acquisition-step { padding: 20px; border-radius: 19px; }
  .acquisition-carousel__frame { min-height: 260px; border-radius: 22px; }
  .acquisition-carousel__slide { grid-template-columns: 1fr; }
  .acquisition-carousel__slide img { position: absolute; right: 14px; bottom: 16px; width: 82px; height: 82px; opacity: .75; }
  .acquisition-carousel__slide p { max-width: 76%; }
}

@media (prefers-reduced-motion: reduce) {
  .acquisition-carousel__slide { transition: none; }
}

/* Vitrine de telas reais do portal apresentada antes dos planos comerciais. */
.partner-showcase { overflow: hidden; background: linear-gradient(145deg, #fff 0%, #fff8f3 55%, #ffede3 100%); }
.partner-showcase__heading { max-width: 760px; }
.partner-showcase__layout { display: grid; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); gap: 28px; align-items: center; }
.partner-showcase__tabs { display: grid; gap: 12px; }
.partner-showcase__tab { width: 100%; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; align-items: center; padding: 17px; border: 1px solid #efd9d0; border-radius: 20px; color: #352823; background: rgba(255,255,255,.78); text-align: left; cursor: pointer; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease; }
.partner-showcase__tab > i { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; color: #df391f; background: #ffe6dc; font-size: 19px; }
.partner-showcase__tab span { display: grid; gap: 3px; min-width: 0; }
.partner-showcase__tab strong { font-size: 16px; }
.partner-showcase__tab small { color: #786761; line-height: 1.35; }
.partner-showcase__tab:hover { transform: translateX(4px); border-color: #fa755d; }
.partner-showcase__tab:focus-visible { outline: 3px solid rgba(239,67,38,.24); outline-offset: 2px; }
.partner-showcase__tab.is-active { color: #fff; border-color: #e83d22; background: linear-gradient(135deg, #ee3d23, #ff6a2f); box-shadow: 0 18px 35px rgba(209,55,28,.2); }
.partner-showcase__tab.is-active > i { color: #fff; background: rgba(255,255,255,.18); }
.partner-showcase__tab.is-active small { color: rgba(255,255,255,.82); }
.partner-showcase__viewer { min-width: 0; }
.partner-showcase__browser { overflow: hidden; border: 1px solid #e9d8d0; border-radius: 24px; background: #fff; box-shadow: 0 26px 65px rgba(91,43,28,.16); animation: partnerShowcaseEnter .4s ease both; }
.partner-showcase__browser[hidden] { display: none; }
.partner-showcase__browser-bar { display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px; border-bottom: 1px solid #eee4df; background: #fffaf7; }
.partner-showcase__browser-bar span { width: 9px; height: 9px; border-radius: 50%; background: #ff6446; }
.partner-showcase__browser-bar span:nth-child(2) { background: #ffb638; }
.partner-showcase__browser-bar span:nth-child(3) { background: #45b875; }
.partner-showcase__browser-bar em { margin-left: 8px; color: #8c7770; font-size: 12px; font-style: normal; }
.partner-showcase__browser a { display: block; background: #f4f5f7; }
.partner-showcase__browser img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top center; }
.partner-showcase__caption { display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 16px 4px 0; color: #675954; font-size: 13px; }
.partner-showcase__caption span { display: inline-flex; align-items: center; gap: 7px; }
.partner-showcase__caption i { color: #df391f; }

@keyframes partnerShowcaseEnter {
  from { opacity: 0; transform: translateY(8px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

html[data-theme="dark"] body.acquisition-page .partner-showcase,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase,
body.acquisition-page.theme-dark .partner-showcase { background: linear-gradient(145deg, #191615, #261b18); }
html[data-theme="dark"] body.acquisition-page .partner-showcase__tab,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase__tab,
body.acquisition-page.theme-dark .partner-showcase__tab { color: #fff; border-color: #493934; background: #292321; }
html[data-theme="dark"] body.acquisition-page .partner-showcase__tab small,
html[data-theme="dark"] body.acquisition-page .partner-showcase__caption,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase__tab small,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase__caption,
body.acquisition-page.theme-dark .partner-showcase__tab small,
body.acquisition-page.theme-dark .partner-showcase__caption { color: #e5dcd8; }
html[data-theme="dark"] body.acquisition-page .partner-showcase__tab.is-active,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase__tab.is-active,
body.acquisition-page.theme-dark .partner-showcase__tab.is-active { background: linear-gradient(135deg, #d93620, #f75e2b); }
html[data-theme="dark"] body.acquisition-page .partner-showcase__browser,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase__browser,
body.acquisition-page.theme-dark .partner-showcase__browser { border-color: #493934; background: #201c1a; }
html[data-theme="dark"] body.acquisition-page .partner-showcase__browser-bar,
html[data-admin-theme="dark"] body.acquisition-page .partner-showcase__browser-bar,
body.acquisition-page.theme-dark .partner-showcase__browser-bar { border-color: #493934; background: #292321; }

@media (max-width: 840px) {
  .partner-showcase__layout { grid-template-columns: 1fr; gap: 18px; }
  .partner-showcase__tabs { display: flex; gap: 10px; overflow-x: auto; padding: 3px 2px 10px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .partner-showcase__tabs::-webkit-scrollbar { display: none; }
  .partner-showcase__tab { flex: 0 0 210px; grid-template-columns: 40px minmax(0, 1fr); padding: 12px; border-radius: 17px; scroll-snap-align: start; }
  .partner-showcase__tab > i { width: 40px; height: 40px; border-radius: 12px; }
  .partner-showcase__tab:hover { transform: none; }
  .partner-showcase__browser { border-radius: 17px; }
  .partner-showcase__browser img { aspect-ratio: 4 / 3; }
  .partner-showcase__caption { display: grid; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .partner-showcase__browser { animation: none; }
  .partner-showcase__tab { transition: none; }
}