/* Página institucional - Leilão Mágico V129 */
.about-page .site-main{width:min(1280px,100%);padding-top:clamp(18px,3vw,34px)}
.about-page .site-main>section{margin-bottom:clamp(34px,6vw,76px)}
.about-page .site-main h1,.about-page .site-main h2,.about-page .site-main h3{text-wrap:balance}
.about-page .site-main p{text-wrap:pretty}

.about-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:clamp(28px,5vw,64px);align-items:center;min-height:610px;padding:clamp(32px,6vw,76px);border:1px solid rgba(230,184,72,.46);border-radius:36px;overflow:hidden;background:radial-gradient(620px 420px at 85% 12%,rgba(234,186,75,.24),transparent 66%),radial-gradient(680px 460px at 4% 100%,rgba(132,72,204,.27),transparent 64%),linear-gradient(135deg,#10071f 0%,#281142 52%,#120822 100%);box-shadow:0 36px 100px rgba(20,8,38,.30)}
.about-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 15% 18%,rgba(255,226,141,.9),transparent),radial-gradient(1px 1px at 34% 71%,rgba(255,255,255,.65),transparent),radial-gradient(2px 2px at 78% 28%,rgba(255,221,122,.65),transparent),radial-gradient(1px 1px at 90% 76%,rgba(255,255,255,.45),transparent);background-size:360px 330px;opacity:.42}
.about-hero-copy,.about-hero-visual{position:relative;z-index:1}
.about-eyebrow,.about-kicker,.about-section-heading>span,.about-final-cta>div>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#f0c65e;font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.about-eyebrow::before,.about-kicker::before,.about-section-heading>span::before,.about-final-cta>div>span::before{content:"✦";font-size:.92rem}
.about-hero h1{max-width:760px;margin-bottom:20px;color:#fff9e8;font-size:clamp(2.35rem,5vw,5.05rem);line-height:.99;letter-spacing:-.025em}
.about-hero-copy>p{max-width:700px;margin-bottom:26px;color:#e9deee;font-size:clamp(1.02rem,1.55vw,1.24rem);line-height:1.68}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.about-hero-actions .btn{min-width:205px}
.about-hero-actions .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,226,141,.42);color:#fff8dc!important;box-shadow:none}
.about-hero-actions .btn.ghost:hover{background:rgba(255,255,255,.15)}
.about-trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;color:#ddcfe8;font-size:.83rem;font-weight:750}
.about-trust-row span{display:inline-flex;align-items:center;gap:7px}.about-trust-row svg{width:17px;height:17px;color:#f0c65e}

.about-hero-visual{min-height:460px;display:grid;place-items:center}
.about-brand-panel{position:relative;width:min(100%,510px);padding:12px;border:1px solid rgba(255,225,138,.38);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035));box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(1deg)}
.about-brand-panel::after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.11);border-radius:20px;pointer-events:none}
.about-brand-panel img{width:100%;border-radius:20px;aspect-ratio:548/381;object-fit:cover}
.about-floating-card{position:absolute;display:flex;align-items:center;gap:10px;min-width:174px;padding:13px 15px;border:1px solid rgba(255,225,138,.46);border-radius:18px;background:rgba(255,252,242,.96);box-shadow:0 18px 45px rgba(9,3,18,.28);color:#25153b;animation:aboutFloat 5s ease-in-out infinite}
.about-floating-card>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#f7d56e,#b67b22);color:#1b102b}.about-floating-card svg{width:21px;height:21px}
.about-floating-card b,.about-floating-card small{display:block}.about-floating-card b{font-family:var(--font-title);font-size:.95rem}.about-floating-card small{color:#756780;font-size:.71rem}
.about-floating-auction{top:3%;left:-3%}.about-floating-sale{right:-3%;top:28%;animation-delay:-1.5s}.about-floating-store{left:3%;bottom:1%;animation-delay:-3s}
@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.about-section-heading{max-width:790px;margin-bottom:26px}.about-section-heading.centered{margin-inline:auto;text-align:center}.about-section-heading.centered>span{justify-content:center}.about-section-heading h2{font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.025em}.about-section-heading>p{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.04rem}
.about-mission{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(26px,5vw,62px);align-items:start}
.about-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-mission-grid article{position:relative;min-height:260px;padding:26px 22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,253,248,.9);box-shadow:0 18px 48px rgba(29,15,50,.09);overflow:hidden}
.about-mission-grid article::after{content:"";position:absolute;width:150px;height:150px;right:-68px;bottom:-76px;border-radius:50%;background:radial-gradient(circle,rgba(200,151,52,.19),transparent 68%)}
.about-mission-grid i,.about-feature-list i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:20px;border-radius:16px;background:linear-gradient(135deg,#271342,#4d257e);color:#f5ca63;box-shadow:0 14px 30px rgba(39,19,66,.20)}
.about-mission-grid svg,.about-feature-list svg{width:24px;height:24px}.about-mission-grid h3{font-size:1.14rem}.about-mission-grid p{color:var(--muted);font-size:.91rem;line-height:1.65}

.about-audiences{padding:clamp(28px,5vw,58px);border:1px solid rgba(200,151,52,.28);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,249,235,.72));box-shadow:0 26px 75px rgba(29,15,50,.10)}
.about-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-audience-card{position:relative;display:flex;flex-direction:column;min-height:490px;padding:27px 24px;border:1px solid #e6d7b9;border-radius:26px;background:#fffdf8;box-shadow:0 18px 48px rgba(29,15,50,.09);overflow:hidden}
.about-audience-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#d4a53f,#f6da84)}.about-audience-card.occasional::before{background:linear-gradient(90deg,#6d3ca0,#d4a53f)}.about-audience-card.professional::before{background:linear-gradient(90deg,#e5b640,#7141a3,#e5b640)}
.about-audience-icon{width:58px;height:58px;margin-bottom:18px;border-radius:18px;display:grid;place-items:center;background:#f8ebc8;color:#744c10}.about-audience-card.occasional .about-audience-icon{background:#eee4f8;color:#5a2a88}.about-audience-card.professional .about-audience-icon{background:linear-gradient(135deg,#f6dc8f,#c48c25);color:#1e102f;box-shadow:0 13px 28px rgba(198,142,37,.24)}
.about-audience-icon svg{width:28px;height:28px}.about-audience-card>span{color:#90651c;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.about-audience-card h3{margin:8px 0 16px;font-size:1.35rem}.about-audience-card ul{display:grid;gap:11px;margin:0 0 24px;padding:0;list-style:none;color:var(--muted);font-size:.91rem}.about-audience-card li{position:relative;padding-left:25px}.about-audience-card li::before{content:"✓";position:absolute;left:0;top:-1px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#f3e4bd;color:#765014;font-weight:900;font-size:.68rem}.about-audience-card>a{margin-top:auto;font-weight:900;color:var(--purple-800)}

.about-ecosystem{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:clamp(26px,5vw,62px);align-items:center;padding:clamp(30px,6vw,68px);border-radius:34px;background:radial-gradient(500px 350px at 5% 0%,rgba(209,158,56,.18),transparent 70%),linear-gradient(145deg,#160b2a,#30154f);box-shadow:0 30px 85px rgba(20,8,38,.25);color:#eee4f4}
.about-ecosystem h2{color:#fff8e6;font-size:clamp(2rem,4vw,3.45rem)}.about-ecosystem-copy>p{color:#d9cce3;margin-bottom:24px}.about-ecosystem-copy .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(246,216,132,.40);color:#fff5d6!important}
.about-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-feature-list article{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;padding:17px;border:1px solid rgba(255,224,136,.16);border-radius:19px;background:rgba(255,255,255,.07)}.about-feature-list i{width:46px;height:46px;margin:0;background:rgba(255,223,127,.12);border:1px solid rgba(255,223,127,.20);box-shadow:none}.about-feature-list h3{margin:0 0 4px;color:#fff4d0;font-family:var(--font-body);font-size:.94rem}.about-feature-list p{margin:0;color:#cfc1da;font-size:.78rem;line-height:1.5}

.about-step-grid{counter-reset:steps;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.about-step-grid li{position:relative;display:flex;flex-direction:column;min-height:255px;padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(255,253,248,.91);box-shadow:0 16px 44px rgba(29,15,50,.08)}.about-step-grid li::after{content:"";position:absolute;top:46px;right:-14px;width:28px;height:2px;background:linear-gradient(90deg,#d7aa48,#7950a2)}.about-step-grid li:last-child::after{display:none}.about-step-grid li>b{display:grid;place-items:center;width:58px;height:58px;margin-bottom:35px;border-radius:18px;background:linear-gradient(135deg,#24123e,#5b2d8b);color:#f5cf70;font-size:1rem;box-shadow:0 14px 30px rgba(39,19,66,.22)}.about-step-grid h3{font-size:1.13rem}.about-step-grid p{color:var(--muted);font-size:.9rem}

.about-values-panel{position:relative;padding:clamp(30px,6vw,68px);border:1px solid rgba(213,168,66,.38);border-radius:34px;background:radial-gradient(600px 250px at 85% 0%,rgba(117,68,165,.17),transparent 70%),rgba(255,252,245,.90);box-shadow:0 24px 70px rgba(29,15,50,.10);overflow:hidden}.about-values-panel>h2{max-width:760px;font-size:clamp(2rem,4vw,3.45rem)}.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}.about-values-grid>div{padding:20px;border-left:2px solid #d5a63d;background:linear-gradient(90deg,rgba(238,207,129,.18),transparent)}.about-values-grid b{display:block;margin-bottom:18px;color:#9a6b19;font-size:.74rem;letter-spacing:.13em}.about-values-grid h3{font-family:var(--font-body);font-size:1rem}.about-values-grid p{color:var(--muted);font-size:.85rem;line-height:1.55}

.about-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(30px,6vw,66px);border-radius:34px;background:linear-gradient(135deg,#d3a33d,#f2d67d 48%,#c28c2a);box-shadow:0 28px 75px rgba(177,121,30,.25);color:#231331}.about-final-cta>div:first-child{max-width:760px}.about-final-cta>div>span{color:#5f3b09}.about-final-cta h2{font-size:clamp(2rem,4vw,3.45rem);color:#21122f}.about-final-cta p{margin:0;color:#584664}.about-final-actions{display:flex;flex-direction:column;gap:10px;min-width:260px}.about-final-actions .btn{background:#1b0d2d;color:#fff2ca!important;border-color:#1b0d2d}.about-final-actions .btn.ghost{background:rgba(255,255,255,.75);color:#21122f!important;border-color:rgba(66,39,84,.24)}

.about-page footer{margin-top:20px}

html[data-theme="dark"] .about-mission-grid article,html[data-theme="dark"] .about-audiences,html[data-theme="dark"] .about-audience-card,html[data-theme="dark"] .about-step-grid li,html[data-theme="dark"] .about-values-panel{background:rgba(25,14,42,.94);border-color:rgba(230,190,92,.22);color:#f5ecf7}
html[data-theme="dark"] .about-mission-grid h3,html[data-theme="dark"] .about-audience-card h3,html[data-theme="dark"] .about-step-grid h3,html[data-theme="dark"] .about-values-panel h2,html[data-theme="dark"] .about-values-grid h3{color:#fff3d0}
html[data-theme="dark"] .about-mission-grid p,html[data-theme="dark"] .about-audience-card ul,html[data-theme="dark"] .about-step-grid p,html[data-theme="dark"] .about-values-grid p,html[data-theme="dark"] .about-section-heading>p{color:#c9bdd2}
html[data-theme="dark"] .about-audiences{background:linear-gradient(180deg,rgba(35,19,56,.94),rgba(21,12,36,.94))}
html[data-theme="dark"] .about-audience-card{background:#1c102e}
html[data-theme="dark"] .about-audience-card li::before{background:#4a315e;color:#f5d16e}
html[data-theme="dark"] .about-values-panel{background:radial-gradient(600px 250px at 85% 0%,rgba(117,68,165,.23),transparent 70%),rgba(25,14,42,.95)}

@media(max-width:1050px){.about-hero{grid-template-columns:1fr;min-height:0}.about-hero-copy{max-width:830px}.about-hero-visual{width:min(100%,720px);margin-inline:auto}.about-mission{grid-template-columns:1fr}.about-audience-grid{grid-template-columns:1fr}.about-audience-card{min-height:0}.about-ecosystem{grid-template-columns:1fr}.about-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-step-grid li:nth-child(2)::after{display:none}.about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-final-cta{align-items:flex-start;flex-direction:column}.about-final-actions{width:100%;min-width:0;flex-direction:row}.about-final-actions .btn{flex:1}}
@media(max-width:760px){.about-page .site-main{padding-inline:12px}.about-page .site-main>section{margin-bottom:32px}.about-hero{padding:25px 20px;border-radius:26px}.about-hero h1{font-size:clamp(2.15rem,11vw,3.35rem)}.about-hero-actions .btn{width:100%;min-width:0}.about-trust-row{display:grid;grid-template-columns:1fr}.about-hero-visual{min-height:360px}.about-brand-panel{width:92%;padding:8px;border-radius:22px}.about-brand-panel img{border-radius:15px}.about-floating-card{min-width:145px;padding:10px 11px}.about-floating-card>span{width:34px;height:34px}.about-floating-card b{font-size:.8rem}.about-floating-card small{font-size:.61rem}.about-floating-auction{left:0}.about-floating-sale{right:0}.about-floating-store{left:2%}.about-mission-grid{grid-template-columns:1fr}.about-mission-grid article{min-height:0}.about-audiences,.about-ecosystem,.about-values-panel,.about-final-cta{padding:25px 18px;border-radius:25px}.about-feature-list{grid-template-columns:1fr}.about-step-grid{grid-template-columns:1fr}.about-step-grid li{min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px}.about-step-grid li>b{margin:0}.about-step-grid li::after{display:none}.about-values-grid{grid-template-columns:1fr}.about-values-grid>div{padding:16px}.about-final-actions{flex-direction:column}.about-final-actions .btn{width:100%}}
@media(max-width:430px){.about-hero-visual{min-height:320px}.about-floating-card{min-width:128px}.about-floating-card small{display:none}.about-floating-card b{font-size:.73rem}.about-floating-sale{top:20%}.about-floating-store{bottom:-1%}.about-section-heading h2,.about-ecosystem h2,.about-values-panel>h2,.about-final-cta h2{font-size:1.85rem}.about-step-grid li{grid-template-columns:50px minmax(0,1fr)}.about-step-grid li>b{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.about-floating-card{animation:none}}

/* V129 — contraste determinístico nos dois temas.
   O theme.css usa títulos globais com !important; por isso as superfícies
   escuras desta página precisam declarar sua própria paleta explicitamente. */
html[data-theme="light"] .about-page .about-hero h1,
html[data-theme="dark"] .about-page .about-hero h1{
  color:#fff9e8!important;
  text-shadow:0 5px 34px rgba(0,0,0,.28)!important;
}
html[data-theme="light"] .about-page .about-hero-copy>p,
html[data-theme="dark"] .about-page .about-hero-copy>p{color:#e9deee!important}
html[data-theme="light"] .about-page .about-trust-row,
html[data-theme="dark"] .about-page .about-trust-row{color:#ddcfe8!important}
html[data-theme="light"] .about-page .about-ecosystem h2,
html[data-theme="dark"] .about-page .about-ecosystem h2,
html[data-theme="light"] .about-page .about-feature-list h3,
html[data-theme="dark"] .about-page .about-feature-list h3{
  color:#fff6dc!important;
}
html[data-theme="light"] .about-page .about-ecosystem-copy>p,
html[data-theme="dark"] .about-page .about-ecosystem-copy>p,
html[data-theme="light"] .about-page .about-feature-list p,
html[data-theme="dark"] .about-page .about-feature-list p{color:#d7c9df!important}
html[data-theme="light"] .about-page .about-final-cta h2,
html[data-theme="dark"] .about-page .about-final-cta h2{color:#21122f!important}
html[data-theme="light"] .about-page .about-final-cta p,
html[data-theme="dark"] .about-page .about-final-cta p{color:#584664!important}
html[data-theme="light"] .about-page .about-final-cta>div>span,
html[data-theme="dark"] .about-page .about-final-cta>div>span{color:#5f3b09!important}

html[data-theme="light"] .about-page .about-section-heading h2,
html[data-theme="light"] .about-page .about-mission-grid h3,
html[data-theme="light"] .about-page .about-audience-card h3,
html[data-theme="light"] .about-page .about-step-grid h3,
html[data-theme="light"] .about-page .about-values-panel h2,
html[data-theme="light"] .about-page .about-values-grid h3{color:#21152f!important}
html[data-theme="light"] .about-page .about-mission-grid p,
html[data-theme="light"] .about-page .about-audience-card ul,
html[data-theme="light"] .about-page .about-step-grid p,
html[data-theme="light"] .about-page .about-values-grid p,
html[data-theme="light"] .about-page .about-section-heading>p{color:#70677d!important}
html[data-theme="light"] .about-page .about-audience-card>a{color:#4e286f!important}
html[data-theme="light"] .about-page .about-mission-grid article,
html[data-theme="light"] .about-page .about-audience-card,
html[data-theme="light"] .about-page .about-step-grid li,
html[data-theme="light"] .about-page .about-values-panel{
  background:#fffdfa!important;
  border-color:#dfd4c1!important;
  color:#21182f!important;
}
html[data-theme="light"] .about-page .about-audiences{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,249,235,.90))!important;
  border-color:rgba(200,151,52,.34)!important;
}

html[data-theme="dark"] .about-page .about-section-heading h2,
html[data-theme="dark"] .about-page .about-mission-grid h3,
html[data-theme="dark"] .about-page .about-audience-card h3,
html[data-theme="dark"] .about-page .about-step-grid h3,
html[data-theme="dark"] .about-page .about-values-panel h2,
html[data-theme="dark"] .about-page .about-values-grid h3{color:#fff3d0!important}
html[data-theme="dark"] .about-page .about-audience-card>a{color:#f0ca6d!important}
html[data-theme="dark"] .about-page .about-mission-grid article,
html[data-theme="dark"] .about-page .about-audience-card,
html[data-theme="dark"] .about-page .about-step-grid li,
html[data-theme="dark"] .about-page .about-values-panel{
  background:#191020!important;
  border-color:rgba(230,190,92,.24)!important;
  color:#f5ecf7!important;
}
html[data-theme="dark"] .about-page .about-audiences{
  background:linear-gradient(180deg,rgba(35,19,56,.97),rgba(21,12,36,.97))!important;
  border-color:rgba(230,190,92,.22)!important;
}
html[data-theme="dark"] .about-page .about-audience-card li::before{background:#4a315e!important;color:#f5d16e!important}
html[data-theme="dark"] .about-page .about-values-panel{
  background:radial-gradient(600px 250px at 85% 0%,rgba(117,68,165,.23),transparent 70%),#191020!important;
}

@media(max-width:760px){
  .about-page .about-hero-copy,.about-page .about-hero-visual{min-width:0}
  .about-page .about-hero h1{overflow-wrap:anywhere}
}
/* V147 · cartão de troca no ecossistema */
.about-floating-trade{right:4%;top:43%;transform:translateY(-50%)}
@media(max-width:760px){.about-floating-trade{right:0;top:48%}}