/* Batalha de Agentes — estilos globais (movidos do bloco <style> inline) */

@font-face { font-family: "Itau Display Pro"; src: url("../fonts/ItauDisplayPro_Lt.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Itau Display Pro"; src: url("../fonts/ItauDisplayPro_Rg.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Itau Display Pro"; src: url("../fonts/ItauDisplayPro_Bd.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Itau Display Pro"; src: url("../fonts/ItauDisplayPro_XBd.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Itau Display Pro"; src: url("../fonts/ItauDisplayPro_Blk.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Itau Display Pro Heavy"; src: url("../fonts/ItauDisplayPro_He.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Itau Display Pro", ui-sans-serif, system-ui, sans-serif; background: #e6e6e6; color: #231f20; -webkit-font-smoothing: antialiased; }
a { color: #ff6200; text-decoration: none; }
a:hover { color: #cc4e00; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes star-btn { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } }
@property --beam-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes blobMove {
  0% { transform: translate(-100%, -100%); }
  25% { transform: translate(0%, -100%); }
  50% { transform: translate(0%, 0%); }
  75% { transform: translate(-100%, 0%); }
  100% { transform: translate(-100%, -100%); }
}
@keyframes beamRotate { from { --beam-angle: 0deg; } to { --beam-angle: 360deg; } }
[data-glow] { --border-size: 2px; --spotlight-size: 260px; }
[data-glow]::before, [data-glow]::after {
  pointer-events: none; content: ""; position: absolute; inset: calc(var(--border-size) * -1);
  border: var(--border-size) solid transparent; border-radius: 24px;
  background-repeat: no-repeat; background-position: 50% 50%;
  background-size: calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));
  -webkit-mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
  mask: linear-gradient(transparent, transparent), linear-gradient(white, white);
  -webkit-mask-clip: padding-box, border-box; mask-clip: padding-box, border-box;
  -webkit-mask-composite: source-in; mask-composite: intersect;
}
[data-glow]::before {
  background-image: radial-gradient(calc(var(--spotlight-size) * 0.75) calc(var(--spotlight-size) * 0.75) at calc(var(--x, -500) * 1px) calc(var(--y, -500) * 1px), #FF6200, transparent 100%);
  filter: brightness(1.6);
}
[data-glow]::after {
  background-image: radial-gradient(calc(var(--spotlight-size) * 0.4) calc(var(--spotlight-size) * 0.4) at calc(var(--x, -500) * 1px) calc(var(--y, -500) * 1px), rgba(255,255,255,0.85), transparent 100%);
}

/* ---- Classes utilitárias (extraídas dos estilos inline mais repetidos) ---- */

/* layout flex */
.flex-12 { display: flex; gap: 12px; }
.col-10 { display: flex; flex-direction: column; gap: 10px; }
.col-12 { display: flex; flex-direction: column; gap: 12px; }
.col-c-14 { display: flex; flex-direction: column; align-items: center; gap: 14px; }

/* cards escuros */
.card { background: #141414; border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 26px 28px; }
.card-26s { background: #141414; border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 26px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); }
.card-28 { background: #141414; border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 28px; }
.card-28s { background: #141414; border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 28px; box-shadow: 0 8px 24px rgba(0,0,0,0.05); }
.box-18 { border: 1px solid rgba(255,255,255,0.1); border-radius: 18px; padding: 20px; }
.pill { border-radius: 24px; border: 1px solid rgba(255,255,255,0.18); font-size: 13px; font-weight: 600; padding: 8px 16px; }

/* tipografia */
.txt-body { margin: 0; line-height: 1.55; color: #cfcac6; }
.txt-body-lg { margin: 0; line-height: 1.6; color: #cfcac6; font-size: 16px; text-wrap: pretty; }
.txt-lead { margin: 16px 0 0; font-size: 17px; line-height: 1.6; color: #c7c2be; text-wrap: pretty; }
.txt-muted { margin: 0; font-size: 14px; line-height: 1.55; color: #a39e9a; }
.txt-note { font-size: 13px; color: #cfcfcf; line-height: 1.4; }
.txt-strong { color: #fff; font-weight: 800; }
.card-title { font-size: 17px; font-weight: 800; letter-spacing: -0.015em; color: #FF6200; margin-bottom: 8px; }
.h-orange { margin: 0 0 16px; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; color: #FF6200; }
.h-orange-14 { margin: 0 0 14px; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; color: #FF6200; }
.h-sm { margin: 0 0 8px; font-size: 15px; font-weight: 700; }
.kicker { font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #c2521a; margin-bottom: 12px; }

/* ícones */
.li-ico { flex-shrink: 0; width: 14px; height: 14px; margin-top: 4px; display: inline-flex; }
.ico-31 { width: 31px; height: 31px; display: block; }
.ico-57 { width: 57px; height: 57px; display: block; margin: 0 0 14px; }
.ico-badge { height: 40px; width: 40px; border-radius: 12px; background: rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }

/* efeitos */
.star-orbit { position: absolute; top: 0; left: 0; width: 220px; aspect-ratio: 1; offset-path: border-box; offset-distance: 0%; offset-anchor: center; background: radial-gradient(ellipse at center, #fafafa, transparent 60%, transparent); animation: star-btn 14s linear infinite; pointer-events: none; }

/* ---- Fase 2: estilos restantes convertidos de inline ---- */

.btn-glass { position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:14px;font-size:19px;font-weight:700;color:#fff;background:rgba(255,255,255,0.08);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 6px rgba(0,0,0,0.25),0 4px 18px rgba(0,0,0,0.35) }
.stat-num { font-size:36px;font-weight:800;color:#ff6200;letter-spacing:-0.03em }
.h2-xl { margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:800;letter-spacing:-0.025em;max-width:900px }
.sub-note { margin:6px 0 0;font-size:14px;line-height:1.3;color:#a39e9a }
.stat-label { margin-top:2px;font-weight:700;line-height:1.2 }
.media-frame { align-self:stretch;border-radius:20px;overflow:hidden;display:flex }
.h-26 { margin:0 0 16px;font-size:26px;font-weight:800;letter-spacing:-0.02em;color:#FF6200 }
.h-20 { margin:0;font-size:20px;font-weight:800;letter-spacing:-0.02em;color:#FF6200 }
.txt-soft { margin:0;line-height:1.6;color:#c7c2be;font-size:16px }
.txt-pretty { margin:0;line-height:1.6;color:#cfcac6;text-wrap:pretty }
.sub-nowrap { margin:8px 0 22px;color:#a39e9a;line-height:1.55;white-space:nowrap }
.card-inner-full { position:relative;background:#141414;border-radius:22px;padding:28px;height:100%;box-sizing:border-box }
.glow-card { position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:2px;background:rgba(255,255,255,0.14);box-shadow:0 18px 40px rgba(0,0,0,0.5) }
.glow-card-full { position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:2px;background:rgba(255,255,255,0.14);box-shadow:0 18px 40px rgba(0,0,0,0.5);height:100% }
.glow-btn { position:relative;isolation:isolate;overflow:hidden;display:inline-flex;min-width:270px;padding:2px;border-radius:16px;background:rgba(255,255,255,0.14);box-shadow:0 18px 40px rgba(0,0,0,0.6) }
.txt-loose { margin:0;line-height:1.6;color:#cfcac6 }
.h-20-14 { margin:0 0 14px;font-size:20px;font-weight:800;color:#FF6200 }
.sub-strong { margin-top:4px;font-size:15px;font-weight:600;color:#a39e9a }
.h-28 { font-size:28px;font-weight:800;letter-spacing:-0.02em;color:#FF6200;line-height:1.1 }
.btn-cta { display:inline-flex;align-items:center;justify-content:center;border-radius:16px;font-size:13px;font-weight:700;color:#fff;background:rgba(255,98,0,0.22);border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 6px rgba(0,0,0,0.2),0 8px 24px rgba(0,0,0,0.3);padding:16px 30px;font-weight:800 }
.grid-340 { display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px }
.grid-320 { display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px }
.grid-300 { display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px }
.grid-1col { display:grid;grid-template-columns:1fr;gap:18px }
.grid-split { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;min-height:342px }
.row-head { display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px }
.col-justify { display:flex;flex-direction:column;justify-content:center }
.col-center { display:flex;flex-direction:column;align-items:center }
.ico-tiny { color:#ff6200;font-size:11px }
.card-26 { background:#141414;border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:26px }
.tab-panel { animation:fadeUp .35s ease-out;display:flex;flex-direction:column;gap:34px }
.img-cover { width:100%;height:100%;object-fit:cover;display:block }
.btn-round-glass { width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,0.08);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,0.2);color:#f0eeec;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 4px rgba(0,0,0,0.2),0 4px 12px rgba(0,0,0,0.3) }
.panel-28 { animation:fadeUp .35s ease-out;display:flex;flex-direction:column;gap:28px }
.panel-30 { animation:fadeUp .35s ease-out;display:flex;flex-direction:column;gap:30px }
.card-media { background:#141414;border:1px solid rgba(255,255,255,0.08);border-radius:24px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.05) }
.card-alt { background:#161616;border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:28px }
.card-alt-center { background:#161616;color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:flex-start;border:1px solid rgba(255,255,255,0.08) }
.card-gradient { background:linear-gradient(160deg,#ff7a1a,#e85500);color:#fff;border-radius:24px;padding:28px;box-shadow:0 8px 24px rgba(232,85,0,0.25) }
.divider-top { border-top:1px solid rgba(255,255,255,0.08);padding-top:26px }
.divider-top-b { border-top:1px solid rgba(255,255,255,0.08);padding:26px 0 0 }
.box-row { border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:20px;display:flex;gap:10px }
.ph-pad { display:block;padding:16px }
.meta-row { display:flex;align-items:center;justify-content:center;gap:14px;font-size:16px;color:#c9c9c9;margin-bottom:22px;flex-wrap:wrap }
.topbar { display:flex;align-items:center;justify-content:space-between;padding:26px 0 40px }
.row-start { display:flex;align-items:flex-start;gap:10px }
.hero-foot { display:flex;flex-direction:column;align-items:center;max-width:520px;margin-top:28px;text-align:center }
.stack-26 { display:flex;flex-direction:column;gap:18px;margin-top:26px }
.stack-48 { display:flex;flex-direction:column;gap:18px;margin-top:48px }
.col-22 { display:flex;flex-direction:column;gap:22px }
.bar-card { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:26px 28px;border-bottom:1px solid rgba(255,255,255,0.08);background:#1a1a1a }
.chips { display:flex;flex-wrap:wrap;gap:10px }
.chips-20 { display:flex;flex-wrap:wrap;gap:10px;margin-top:20px }
.row-between-16 { display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-start }
.cta-row { display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:34px }
.row-between-24 { display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between }
.row-14-28 { display:flex;gap:14px;padding-top:28px }
.grid-2col-12 { display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin-top:20px }
.grid-4col { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:54px }
.grid-210 { display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px }
.grid-240 { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px }
.grid-280-14 { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px }
.grid-280-22 { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:22px }
.badge-online { display:inline-flex;align-items:center;justify-content:center;border-radius:16px;font-size:13px;font-weight:700;color:#fff;background:rgba(255,98,0,0.22);border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 6px rgba(0,0,0,0.2),0 8px 24px rgba(0,0,0,0.3);padding:16px 30px;white-space:nowrap;font-weight:800 }
.btn-secondary { display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:16px;font-size:15px;font-weight:700;letter-spacing:-0.01em;color:#fff;background:rgba(255,98,0,0.22);border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 6px rgba(0,0,0,0.2),0 8px 24px rgba(0,0,0,0.3) }
.kicker-alt { font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #FF6201; margin-bottom: 12px }
.pillar-title { font-size:22px;font-weight:800;letter-spacing:-0.02em;color:#f0eeec;margin-bottom:2px }
.step-name { font-size:24px;font-weight:800;letter-spacing:-0.02em;color:#FF6200;white-space:nowrap }
.step-num { font-size:64px;font-weight:800;line-height:1;letter-spacing:-0.04em;color:#FF6200 }
.logo-slot { height:24px;display:flex;align-items:center;justify-content:center }
.logo-img { height:34px;width:auto;display:block }
.mt-14 { margin-top:14px }
.mt-56 { margin-top:56px }
.mt-5 { margin-top:5px }
.h2-12 { margin:0 0 12px;font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:800;letter-spacing:-0.025em;max-width:900px }
.h3-22 { margin:0 0 16px;font-size:22px;font-weight:800;letter-spacing:-0.02em }
.pillar-sub { margin:0 0 20px;font-size:14px;color:#a39e9a }
.h3-principles { margin:0 0 28px;font-size:26px;font-weight:800;letter-spacing:-0.02em;text-align:center;color:#FF6200 }
.h3-question { margin:0 0 2px;font-size:20px;font-weight:800;letter-spacing:-0.02em;color:#FF6200 }
.li-14 { margin:0;font-size:14px;line-height:1.5;color:#cfcac6 }
.h4-label { margin:0;font-size:15px;font-weight:700 }
.h3-partner { margin:0;font-size:22px;font-weight:800;letter-spacing:-0.02em;color:#FF6200 }
.h3-cell { margin:0;font-size:26px;line-height:1.1;font-weight:800;letter-spacing:-0.02em;color:#FF6200 }
.quote-34 { margin:0;font-size:34px;line-height:1.15;font-weight:700;color:#FF6200;text-align:center;text-wrap:balance }
.question-38 { margin:0;font-size:38px;line-height:1.1;color:#f0eeec;letter-spacing:-0.02em }
.h2-mid { margin:0;font-size:clamp(26px,3vw,34px);line-height:1.12;font-weight:800;letter-spacing:-0.025em;max-width:none;white-space:nowrap }
.h2-wide { margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:800;letter-spacing:-0.025em;max-width:none;white-space:nowrap }
.h1-hero { margin:0;font-size:clamp(44px,6.4vw,76px);line-height:1.02;font-weight:800;letter-spacing:-0.035em;text-wrap:balance }
.note-light { margin:0;line-height:1.3;color:#fff2e8 }
.intro-note { margin:0;max-width:900px;line-height:1.6;color:#cfcac6;font-size:16px;text-wrap:balance }
.pillar-emphasis { margin:10px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);width:100%;font-size:15px;font-weight:700;color:#FF6200;text-align:center }
.cell-question { margin:1px 0 0;color:#a39e9a;line-height:1.25 }
.warn-note { margin:22px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:15px;font-weight:700;color:#FF6200 }
.hero-sub { margin:22px auto 0;max-width:760px;font-size:21px;line-height:1.3;color:#d6d6d6;text-wrap:pretty }
.refs-note { margin:24px 0 0;font-size:13px;color:#a39e9a;text-align:center }
.step-title { margin:2px 0 0;font-size:15px;line-height:1.35;color:#a39e9a }
.lead-muted { margin:6px 0 0;color:#a8a4a1;max-width:520px;line-height:1.15 }
.agenda-note { margin:8px 0 0;color:#a39e9a;line-height:1.55;max-width:720px }
.footer-links { max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:center }
.footer-bar { max-width:1160px;margin:0 auto;padding:44px 24px;display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:center }
.page-root { min-height:100vh;background:#e6e6e6;color:#f0eeec }
.card-grid-pad { padding:24px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px }
.flip-scene { perspective:1200px;height:360px;cursor:pointer }
.coverflow-track { position: relative; height: 279px; transform-style: preserve-3d; width: 1156px }
.img-overlay { position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 45%,rgba(0,0,0,0.6) 100%);pointer-events:none }
.flip-front { position:absolute;inset:0;border-radius:24px;background:#141414;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.05);padding:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px }
.flip-back { position:absolute;inset:0;border-radius:24px;background:#141414;border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.05);padding:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);display:flex;flex-direction:column;gap:10px;justify-content:center;overflow:visible }
.noise-overlay { position:absolute;inset:0;pointer-events:none;opacity:0.22;mix-blend-mode:overlay;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%222%22 stitchTiles=%22stitch%22/></filter><rect width=%22160%22 height=%22160%22 filter=%22url(%23n)%22/></svg>');background-size:160px 160px }
.noise-overlay-b { position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0.18;mix-blend-mode:overlay;background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22><filter id=%22n2%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%222%22 stitchTiles=%22stitch%22/></filter><rect width=%22160%22 height=%22160%22 filter=%22url(%23n2)%22/></svg>');background-size:160px 160px }
.flip-hint { position:absolute;left:26px;top:20px;font-size:10px;color:#6f6a66 }
.shader-layer { position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none }
.star-b { position:absolute;top:0;left:0;width:110px;aspect-ratio:1;offset-path:border-box;offset-distance:0%;offset-anchor:center;background:radial-gradient(ellipse at center,#fafafa,transparent 60%,transparent);animation:star-btn 7s linear infinite;animation-delay:-3.6s;pointer-events:none }
.star-c { position:absolute;top:0;left:0;width:110px;aspect-ratio:1;offset-path:border-box;offset-distance:0%;offset-anchor:center;background:radial-gradient(ellipse at center,#fafafa,transparent 60%,transparent);animation:star-btn 7s linear infinite;pointer-events:none }
.section-dark { position:relative;background:#000;color:#ececec }
.hero-section { position:relative;background:#000;color:#fff;overflow:hidden;padding:0 24px 64px }
.card-22 { position:relative;background:#141414;border-radius:22px;padding:28px }
.card-34 { position:relative;background:#161616;color:#fff;border-radius:22px;padding:34px }
.coverflow-viewport { position:relative;height:360px;width:100%;perspective:900px;overflow:hidden;cursor:grab;touch-action:pan-y }
.wrap-1160 { position:relative;max-width:1160px;margin:0 auto }
.media-placeholder { position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background:repeating-linear-gradient(135deg,#e2e2e2,#e2e2e2 10px,#d6d6d6 10px,#d6d6d6 20px);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:12px;color:#6b6764;text-align:center;padding:0;box-shadow:0 20px 40px rgba(0,0,0,0.5);cursor:grab }
.footer-root { position:relative;z-index:1;background:#000;color:#fff }
.section-final { position:relative;z-index:1;background:#000;color:#fff;padding:72px 0 20px }
.main-root { position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:34px 24px 63px }
.sticky-header { position:sticky;top:0;z-index:20;padding:22px 24px 10px;background:linear-gradient(180deg,rgba(0,0,0,0.92) 60%,rgba(0,0,0,0) 100%);backdrop-filter:blur(6px) }
.hero-copy { text-align:center;max-width:880px;margin:0 auto;animation:fadeUp .55s ease-out }

/* ---- logo da iniciativa (v3) ---- */
.brand-logo { height:56px;width:auto;object-fit:contain;display:block }
.brand-logo-footer { height:56px;width:auto;object-fit:contain;display:block;margin-bottom:10px }

/* ---- pop-up de inscricao ---- */
.modal-root { position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px }
.modal-backdrop { position:absolute;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px) }
.modal-card { position:relative;z-index:1;width:100%;max-width:560px;max-height:calc(100vh - 48px);overflow-y:auto;background:#141414;border:1px solid rgba(255,255,255,0.12);border-radius:24px;padding:40px 36px 36px;box-shadow:0 24px 64px rgba(0,0,0,0.7);animation:fadeUp .28s ease-out;text-align:left }
.modal-close { position:absolute;top:16px;right:16px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,0.16);border-radius:12px;background:rgba(255,255,255,0.06);color:#e6e6e6;font-family:inherit;font-size:20px;line-height:1;cursor:pointer;transition:all .18s ease }
.modal-close:hover { background:rgba(255,255,255,0.12);color:#fff }
.modal-title { margin:0 0 18px;font-size:24px;font-weight:800;letter-spacing:-0.02em;color:#fff }
.modal-text { margin:0 0 14px;font-size:16px;line-height:1.6;color:#cfcac6;text-wrap:pretty }
.modal-choose { margin:26px 0 16px;font-size:14px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:#ff6200 }
.modal-actions { display:flex;flex-wrap:wrap;gap:14px }
.modal-btn { flex:1;min-width:170px;display:inline-flex;align-items:center;justify-content:center;padding:18px 24px;border-radius:16px;font-size:15px;font-weight:800;letter-spacing:0.04em;color:#fff;background:rgba(255,98,0,0.22);border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 6px rgba(0,0,0,0.2),0 8px 24px rgba(0,0,0,0.3);transition:all .18s ease }
.modal-btn:hover { background:rgba(255,98,0,0.34);color:#fff }