/* Somente #funciona: composição de produto baseada no passo a passo OpenAI Ads. */
#funciona.af-experience{margin-top:12px}
#funciona .af-film{margin:36px 0 68px}
#funciona .af-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#e7f4eb;border-radius:6px}
#funciona .af-film figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:var(--text-2);font-size:12px}
#funciona .af-film figcaption a{text-decoration:underline;text-underline-offset:3px}
#funciona .af-steps{display:grid;gap:70px;margin:0 0 40px}
#funciona .af-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:center}
#funciona .af-step:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
#funciona .af-step:nth-child(even) .af-step-copy{grid-column:2;grid-row:1}
#funciona .af-step:nth-child(even) .af-stage{grid-column:1;grid-row:1}
#funciona .af-step h3{font:500 clamp(24px,2.1vw,32px)/1.24 var(--font);letter-spacing:-.6px;margin:0 0 19px}
#funciona .af-step p{font-size:14px;line-height:1.8;color:var(--text-2);margin:0 0 22px}
#funciona .af-step-link{display:inline-flex;align-items:center;gap:12px;border-radius:99px;background:var(--surface);padding:10px 18px;font-size:12px;font-weight:500}
#funciona .af-step-link:hover{background:var(--border-soft)}
#funciona .af-stage{position:relative;isolation:isolate;overflow:hidden;margin:0;aspect-ratio:1.13;border-radius:6px;background:radial-gradient(ellipse at 12% 6%,#0ab95155,transparent 62%),radial-gradient(ellipse at 88% 90%,#c9efc6,transparent 66%),linear-gradient(125deg,#b1ddc0,#e3eee5 48%,#83ce9f);color:#153c24}
#funciona .af-stage::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#ffffff26,transparent 65%)}
#funciona .af-stage img{display:block;position:absolute;max-width:none;height:auto}
#funciona .af-stage .af-stage-screen{width:135%;left:9%;top:20%;border-radius:7px;filter:drop-shadow(0 9px 12px #0b36231c)}
#funciona .af-stage--signup .af-stage-screen{width:116%;left:9%;top:21%}
#funciona .af-stage--product .af-stage-screen{width:122%;top:22%;left:7%}
#funciona .af-stage .af-stage-phone{width:28%;right:8%;bottom:9%;border:3px solid #193c26;border-radius:15px;filter:drop-shadow(0 7px 9px #0b362324)}
#funciona .af-stage .af-stage-mark{position:absolute;width:46px;height:46px;left:20px;top:18px;color:#123e22}
#funciona .af-stage .af-stage-caption{position:absolute;left:20px;bottom:12px;margin:0;color:#24452d;font-size:9px;line-height:1.3;max-width:80%}
#funciona .af-stage--workspace .af-stage-screen{width:163%;top:17%;left:8%}
#funciona .af-stage--result .af-stage-screen{width:142%;top:21%;left:8%}
#funciona .af-stage--result .af-stage-medal{position:absolute;right:13px;bottom:28px;width:88px;height:88px;padding:9px;background:#e2f5e8;border-radius:50%;color:#153c24}
#funciona .af-summary{border-top:1px solid var(--border-soft);padding-top:22px;margin:32px 0}
#funciona .af-summary>summary{cursor:pointer;color:var(--text-2);font-size:13px;list-style-position:inside}
#funciona .af-summary .architecture-diagram{margin-top:24px}
#funciona .af-transcript{font-size:13px;color:var(--text-2);margin-top:14px}
#funciona .af-transcript summary{cursor:pointer}
#funciona .af-transcript ol{padding-left:22px;line-height:1.8}
[data-tema=escuro] #funciona .af-stage{background:radial-gradient(ellipse at 12% 6%,#0ab95155,transparent 62%),radial-gradient(ellipse at 88% 90%,#8ac79d,transparent 66%),linear-gradient(125deg,#5b9b71,#bbd7c1 48%,#70b58b)}
@media(max-width:1100px){#funciona .af-step{gap:24px}#funciona .af-step h3{font-size:25px}#funciona .af-step p{font-size:13px}}
@media(max-width:600px){#funciona .af-film{margin:28px 0 48px}#funciona .af-film figcaption{font-size:11px;flex-wrap:wrap;gap:8px}#funciona .af-steps{gap:46px}#funciona .af-step,#funciona .af-step:nth-child(even){grid-template-columns:1fr;gap:20px}#funciona .af-step:nth-child(even) .af-step-copy,#funciona .af-step:nth-child(even) .af-stage{grid-column:auto;grid-row:auto}#funciona .af-step h3{font-size:27px;max-width:16ch;margin-bottom:14px}#funciona .af-step p{font-size:14px;max-width:38ch}#funciona .af-stage{aspect-ratio:1.35}#funciona .af-stage .af-stage-caption{font-size:9px}#funciona .af-stage--signup .af-stage-screen{top:23%}}

/* Somente o pequeno símbolo sobreposto à última imagem: mantém o fundo verde. */
#funciona .af-stage--result .af-stage-medal use{filter:brightness(0)}