/* =========================================================
   12/10/2026 · Página da apresentação institucional (apresentacao.html)
   Topo no padrão da Agência (título + texto com as aspas na regra), a apresentação animada num quadro 16:9
   (o próprio motor das apresentações, em apresentacao/), controles no desenho do site e a caixa do PDF.
   Baixar = formulário curto (nome + e-mail) → RD Station (download-apresentacao-narro) → download na hora.
   ========================================================= */

/* ---------- topo ---------- */
.ap-hero{padding-top:clamp(36px,6vh,72px);padding-bottom:clamp(36px,4vw,64px)}
.ap-hero__aside{display:block;position:relative;padding-right:calc(1.89*var(--aspa-h));margin-bottom:0}
.ap-hero__text{width:min(380px,calc(100vw - 2*var(--inset) - 1.89*var(--aspa-h)));flex:none}
.ap-hero__quote{position:absolute;right:0;top:0;height:var(--aspa-h);width:calc(1.38*var(--aspa-h));color:var(--green);overflow:visible;pointer-events:none}
.ap-mark{stroke:currentColor;stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}

/* ---------- a apresentação ---------- */
.ap-show{position:relative;background:var(--purple-deep);color:#fff;padding:var(--section-y) 0}
.ap-show__inner{position:relative}
.ap-player{max-width:1440px;margin-inline:auto}
.ap-player__frame{position:relative;aspect-ratio:16/9;background:#160429;overflow:hidden;box-shadow:0 40px 90px -40px rgba(29,0,57,.6)}
.ap-player__iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;opacity:0;transition:opacity .9s cubic-bezier(.16,.7,.2,1)}
.ap-player.is-ready .ap-player__iframe{opacity:1}
.ap-player__veil{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:opacity .6s ease}
.ap-player.is-ready .ap-player__veil{opacity:0}
.ap-player__veil svg{width:clamp(44px,4vw,64px);overflow:visible}
.ap-player__veil path{fill:none;stroke:var(--green);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}

.ap-player__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,40px);margin-top:clamp(18px,2vw,28px)}
.ap-player__count{display:flex;align-items:baseline;gap:8px;font-size:11px;font-weight:500;letter-spacing:.2em;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.ap-player__count b{font-weight:500;color:var(--green)}
.ap-player__track{position:relative;height:1px;background:rgba(255,255,255,.18)}
.ap-player__fill{position:absolute;left:0;top:-.5px;height:2px;width:100%;background:var(--green);transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.16,.7,.2,1)}
.ap-player__ctrls{display:flex;align-items:center;gap:10px}
.ap-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:transparent;color:#fff;cursor:pointer;transition:background-color .4s ease,border-color .4s ease,transform .6s cubic-bezier(.16,.7,.2,1)}
.ap-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ap-btn:hover,.ap-btn:focus-visible{background:var(--green);border-color:var(--green);color:var(--purple-deep)}
.ap-btn--prev:hover{transform:translateX(-3px)}
.ap-btn--next:hover{transform:translateX(3px)}
.ap-btn:disabled{opacity:.3;pointer-events:none}
.ap-full{display:inline-flex;align-items:center;gap:10px;margin-left:8px;padding:12px 4px;background:none;border:0;color:#fff;font:inherit;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .35s ease}
.ap-full svg{width:18px;height:18px;fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s cubic-bezier(.16,.7,.2,1)}
.ap-full:hover{color:var(--green)}
.ap-full:hover svg{transform:scale(1.12)}
.ap-player__hint{margin-top:14px;font-size:12px;font-weight:300;letter-spacing:.02em;color:rgba(255,255,255,.45)}

/* ---------- PDF ---------- */
.ap-take{background:var(--purple-deep);color:#fff;padding:0 0 var(--section-y)}
.ap-take__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,96px);align-items:end;padding-top:clamp(44px,6vw,90px);border-top:1px solid rgba(255,255,255,.18)}
.ap-take__kicker{color:var(--green)}
.ap-take__title{margin-top:clamp(14px,2vh,24px);font-weight:300;font-size:var(--section-title);line-height:1.02;letter-spacing:-.035em}
.ap-take__title span{display:block}
.ap-take__title strong{font-weight:700;color:var(--green)}
.ap-take__aside{max-width:380px}
.ap-take__text{font-size:var(--p-size);font-weight:300;line-height:var(--p-leading);letter-spacing:var(--p-tracking);color:rgba(255,255,255,.8)}
.ap-take__btn,.ap-form__submit{display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:10px 26px 10px 10px;border:0;border-radius:999px;background:var(--green);color:var(--purple-deep);font:inherit;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform .6s cubic-bezier(.16,.7,.2,1),box-shadow .5s ease}
.ap-take__btn:hover,.ap-form__submit:hover{transform:translateY(-2px);box-shadow:0 18px 40px -18px rgba(101,214,0,.7)}
.ap-take__btn:hover .cta__circle,.ap-form__submit:hover .cta__circle{transform:translateY(2px)}
.ap-form__submit:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}

/* ---------- formulário (abre por cima, no desenho do contato) ---------- */
.ap-dialog{width:min(560px,calc(100vw - 2*var(--inset)));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.ap-dialog::backdrop{background:rgba(14,0,26,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ap-form{position:relative;padding:clamp(28px,3.4vw,48px);background:#232428;box-shadow:0 40px 100px -30px rgba(0,0,0,.6)}
.ap-form__close{position:absolute;z-index:3;top:18px;right:18px;width:40px;height:40px;padding:11px;background:none;border:0;color:#fff;cursor:pointer}
.ap-form__close .burger i{background:#fff}
.ap-form__head .ag-kicker{color:var(--green)}
.ap-form__title{margin-top:14px;font-weight:300;font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:-.03em}
.ap-form__title strong{font-weight:700;color:var(--green)}
.ap-form__lead{margin-top:12px;font-size:var(--p-size);font-weight:300;line-height:var(--p-leading);color:rgba(255,255,255,.75)}
.ap-form__lead a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.ap-form__fields{display:grid;gap:26px;margin-top:32px}
.ap-field input{display:block;width:100%;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:16px;font-weight:300;padding:2px 0 4px}
.ap-form__legal{margin-top:18px;font-size:11px;font-weight:300;color:rgba(255,255,255,.5)}
.ap-form__legal a{color:rgba(255,255,255,.75);text-decoration:underline;text-underline-offset:3px}
.ap-form__status{min-height:1.4em;margin-top:12px;font-size:12px;color:#ffb3b3}
.ap-form__submit{margin-top:8px}
.ap-form__done{text-align:left}
.ap-form__quote{width:62px;height:auto;color:var(--green);overflow:visible;margin-bottom:6px}
.ap-form__quote path{fill:currentColor;stroke:currentColor;stroke-width:1.6px;vector-effect:non-scaling-stroke}
.ap-form__talk{display:inline-block;margin-top:26px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--green);padding-bottom:6px;transition:color .35s}
.ap-form__talk:hover{color:var(--green)}
.ap-form.is-done .ap-form__head,.ap-form.is-done .ap-form__fields,.ap-form.is-done .ap-form__legal,.ap-form.is-done .ap-form__status,.ap-form.is-done .ap-form__submit{display:none}

@media(max-width:900px){
  .ap-hero__head{grid-template-columns:1fr}
  .ap-player__bar{grid-template-columns:auto minmax(0,1fr);row-gap:16px}
  .ap-player__ctrls{grid-column:1/-1;justify-content:flex-start}
  .ap-full{margin-left:auto}
  .ap-player__hint{display:none}
  .ap-take__inner{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ap-player__iframe,.ap-player__fill,.ap-btn,.ap-take__btn{transition:none}}

/* máscara das palavras com folga: acentos e letras que descem (g, ç) não são cortados */
.ap-hero__title span > div,.ap-hero__title strong > div,.ap-take__title span > div,.ap-take__title strong > div{padding:.14em 0 .26em!important;margin:-.14em 0 -.26em!important}

/* ---------- 12/10 (2ª) · capa viva + apresentação por cima (pop-up) ----------
   Na página: as telas mais fortes da apresentação se alternam devagar (com um leve movimento de câmera) e o play
   convida. Clicar abre a apresentação por cima, ocupando a tela: ela só carrega nessa hora (página mais leve). */
.ap-cover{position:relative;display:block;width:100%;max-width:1440px;margin-inline:auto;aspect-ratio:16/9;padding:0;border:0;background:#160429;overflow:hidden;cursor:pointer;box-shadow:0 40px 90px -40px rgba(0,0,0,.6)}
.ap-cover__slides,.ap-cover__slides img{position:absolute;inset:0;width:100%;height:100%}
.ap-cover__slides img{object-fit:cover;opacity:0;will-change:opacity,transform}
.ap-cover__slides img:first-child{opacity:1}
.ap-cover__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,4,41,0) 45%,rgba(22,4,41,.55) 78%,rgba(22,4,41,.82) 100%),radial-gradient(ellipse at 50% 50%,rgba(22,4,41,0) 40%,rgba(22,4,41,.35) 100%);transition:opacity .6s ease}
.ap-cover__play{position:absolute;left:clamp(20px,3vw,48px);bottom:clamp(20px,3vw,44px);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:clamp(14px,1.6vw,22px);align-items:center;text-align:left;color:#fff}
.ap-cover__btn{grid-row:1/3;position:relative;display:grid;place-items:center;width:clamp(64px,6vw,96px);aspect-ratio:1;border-radius:50%;background:var(--green);transition:transform .7s cubic-bezier(.16,.7,.2,1)}
.ap-cover__btn::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1.5px solid var(--green);opacity:.6;animation:stage-pulse 2s var(--ease-out) infinite}
.ap-cover__btn svg{width:34%;height:34%;margin-left:7%;fill:var(--purple-deep)}
.ap-cover__label{font-size:clamp(20px,1.9vw,30px);font-weight:300;letter-spacing:-.02em;line-height:1.1}
.ap-cover__meta{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:6px}
.ap-cover:hover .ap-cover__btn{transform:scale(1.08)}
.ap-cover:hover .ap-cover__shade{opacity:.75}
.ap-cover:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.ap-cover__steps{display:flex;gap:8px;justify-content:flex-end;max-width:1440px;margin:16px auto 0}
.ap-cover__steps i{width:28px;height:2px;background:rgba(255,255,255,.2);transition:background-color .6s ease,width .6s cubic-bezier(.16,.7,.2,1)}
.ap-cover__steps i.is-on{background:var(--green);width:44px}

/* o pop-up: roxo da marca por trás, a apresentação no centro, controles embaixo */
.ap-view{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}
.ap-view::backdrop{background:rgba(14,0,26,.92)}
.ap-view__panel{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,22px);padding:clamp(14px,2.4vh,28px) var(--gutter);background:var(--purple-deep)}
.ap-view__top{display:flex;align-items:center;justify-content:space-between}
.ap-view__close{display:inline-flex;align-items:center;gap:14px;padding:10px 0 10px 10px;background:none;border:0;color:#fff;font:inherit;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .35s ease}
.ap-view__close .burger{width:22px;height:22px;position:relative}
.ap-view__close .burger i{background:#fff}
.ap-view__close:hover{color:var(--green)}
.ap-view .ap-player{display:grid;place-items:center;min-height:0;max-width:none;width:100%;height:100%}
.ap-view .ap-player__frame{height:100%;max-height:100%;width:auto;max-width:100%;aspect-ratio:16/9;box-shadow:0 40px 100px -40px rgba(0,0,0,.7)}
.ap-view__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(14px,2vw,32px)}
.ap-view__pdf{margin-top:0}
@media(max-width:900px){
  .ap-cover__meta{display:none}
  .ap-view__bar{grid-template-columns:auto minmax(0,1fr);row-gap:14px}
  .ap-view__bar .ap-player__track{grid-column:2}
  .ap-view__bar .ap-full{justify-self:start}
  .ap-view__pdf{justify-self:end}
  .ap-view .ap-player__frame{width:100%;height:auto}
}

/* ---------- 12/10 (3ª) · capa em MOSAICO (padrão): "Narro" escrito com as telas; ?capa=fotos volta para as fotos ---------- */
[data-capa="mosaico"] .ap-cover{background:radial-gradient(ellipse at 50% 42%,#2a0a4a 0%,#160429 62%,#0f021d 100%)}
[data-capa="mosaico"] .ap-cover__slides,[data-capa="mosaico"] .ap-cover__shade,[data-capa="mosaico"] .ap-cover__steps{display:none}
.ap-mosaic{position:absolute;inset:0;width:100%;height:100%;display:block}
[data-capa="mosaico"] .ap-cover__play{left:50%;right:auto;bottom:clamp(22px,9%,90px);transform:translateX(-50%);grid-template-columns:auto auto;white-space:nowrap}
[data-capa="mosaico"] .ap-cover__btn{width:clamp(52px,4.4vw,72px)}
[data-capa="mosaico"] .ap-cover__label{font-size:clamp(16px,1.5vw,24px)}
@media(max-width:600px){[data-capa="mosaico"] .ap-cover__play{bottom:14px}[data-capa="mosaico"] .ap-cover__label{font-size:14px}}