/* Seção independente; nenhum seletor altera componentes vizinhos. */
.wf-cert { position:relative; isolation:isolate; overflow:hidden; padding:clamp(72px,8vw,116px) clamp(20px,4vw,56px); color:#20223a; background:radial-gradient(circle at 13% 35%,rgba(117,89,255,.09),transparent 34%),linear-gradient(145deg,#fff 0%,#f8f7ff 62%,#f1edff 100%); }
.wf-cert *, .wf-cert *::before, .wf-cert *::after { box-sizing:border-box; }
.wf-cert__inner { width:min(1260px,100%); margin-inline:auto; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); grid-template-areas:'visual intro' 'visual benefits'; column-gap:clamp(40px,5vw,80px); align-items:center; }
.wf-cert__intro { grid-area:intro; align-self:end; min-width:0; }
.wf-cert__eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:16px; color:#7559ff; font:800 12px/1.3 'Inter',Arial,sans-serif; letter-spacing:.16em; }
.wf-cert__eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:#7ed957; box-shadow:0 0 0 5px rgba(126,217,87,.14); }
.wf-cert h2 { max-width:590px; margin:0 0 18px; color:#171b30; font-family:'Outfit',Arial,sans-serif; font-size:clamp(38px,4vw,58px); line-height:1.07; letter-spacing:-.03em; }
.wf-cert__lead { max-width:540px; margin:0; color:#657086; font:500 clamp(16px,1.4vw,19px)/1.6 'Inter',Arial,sans-serif; }
.wf-cert__visual { grid-area:visual; min-width:0; width:100%; align-self:center; }
.wf-cert__flip { display:block; position:relative; width:100%; aspect-ratio:1491 / 1055; padding:0; border:0; border-radius:18px; background:transparent; color:inherit; text-align:left; cursor:pointer; perspective:1400px; -webkit-tap-highlight-color:transparent; }
.wf-cert__flip:focus-visible { outline:3px solid #7559ff; outline-offset:7px; }
.wf-cert__flip-inner { position:absolute; inset:0; border-radius:18px; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.wf-cert__face { position:absolute; inset:0; overflow:hidden; border-radius:18px; backface-visibility:hidden; -webkit-backface-visibility:hidden; box-shadow:0 26px 37px rgba(37,20,91,.14); }
.wf-cert__face--front { display:grid; place-items:center; transform:translateZ(1px); }
.wf-cert__face--front img { display:block; width:100%; height:100%; object-fit:contain; }
.wf-cert__face--back { display:flex; flex-direction:column; justify-content:center; padding:clamp(22px,3.4vw,44px); transform:rotateY(180deg) translateZ(1px); color:#24283f; background:radial-gradient(circle at 95% 5%,rgba(168,100,242,.11),transparent 36%),linear-gradient(135deg,#fff 0%,#fff 68%,#f8f6ff 100%); border-top:4px solid #7559ff; }
.wf-cert__face--back::before { content:''; position:absolute; top:0; right:0; width:clamp(42px,7vw,88px); height:clamp(42px,7vw,88px); background:linear-gradient(135deg,#7559ff 0 48%,#7ed957 48% 100%); clip-path:polygon(100% 0,0 0,100% 100%); opacity:.88; }
.wf-cert__back-kicker { display:block; margin-bottom:10px; color:#7559ff; font:800 clamp(10px,1vw,13px)/1.25 'Inter',Arial,sans-serif; letter-spacing:.14em; }
.wf-cert__back-title { display:block; max-width:90%; margin-bottom:clamp(18px,2.5vw,30px); color:#222843; font:900 clamp(24px,2.6vw,39px)/1.09 'Outfit',Arial,sans-serif; letter-spacing:-.025em; }
.wf-cert__back-title em { display:block; color:#6847ea; font-style:normal; }
.wf-cert__back-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(10px,1.5vw,20px); margin:0; padding:0; list-style:none; }
.wf-cert__back-list > span { display:grid; grid-template-columns:23px minmax(0,1fr); gap:8px; min-width:0; opacity:0; transform:translateY(9px); transition:opacity .38s ease,transform .38s ease; }
.wf-cert__back-check { display:grid; place-items:center; width:21px; height:21px; border-radius:50%; background:#e4f8e8; color:#13945a; font:900 13px/1 Arial,sans-serif; }
.wf-cert__back-list strong { display:block; color:#27304b; font:800 clamp(12px,1.1vw,16px)/1.25 'Inter',Arial,sans-serif; }
.wf-cert__back-list small { display:block; margin-top:3px; color:#6b758c; font:500 clamp(10px,.9vw,12px)/1.4 'Inter',Arial,sans-serif; }
.wf-cert__back-signature { margin-top:clamp(15px,2.4vw,30px); padding-top:12px; border-top:1px solid rgba(117,89,255,.16); color:#7559ff; font:800 clamp(9px,.9vw,12px)/1.4 'Inter',Arial,sans-serif; letter-spacing:.08em; }
.wf-cert__flip.is-flipped .wf-cert__flip-inner { transform:rotateY(180deg); }
.wf-cert__flip.is-flipped .wf-cert__back-list > span { opacity:1; transform:none; }
@media (hover:hover) and (pointer:fine) { .wf-cert__flip:hover .wf-cert__flip-inner { transform:rotateY(180deg); } .wf-cert__flip:hover .wf-cert__back-list > span { opacity:1; transform:none; } }
.wf-cert__back-list > span:nth-child(1) { transition-delay:.36s; }
.wf-cert__back-list > span:nth-child(2) { transition-delay:.49s; }
.wf-cert__back-list > span:nth-child(3) { transition-delay:.62s; }
.wf-cert__back-list > span:nth-child(4) { transition-delay:.75s; }
.wf-cert__hint { margin:16px 0 0; color:#796d98; font:600 12px/1.5 'Inter',Arial,sans-serif; text-align:center; }
.wf-cert__benefits { grid-area:benefits; align-self:start; min-width:0; padding-top:30px; }
.wf-cert__highlight { max-width:540px; margin:0 0 13px; color:#6847ea; font:800 clamp(21px,2vw,27px)/1.25 'Outfit',Arial,sans-serif; }
.wf-cert__explain { max-width:540px; margin:0 0 23px; color:#5b657b; font:500 14px/1.65 'Inter',Arial,sans-serif; }
.wf-cert__footnote { max-width:550px; margin:24px 0 0; color:#758096; font:500 11px/1.55 'Inter',Arial,sans-serif; }
.wf-cert.wf-cert--animate .wf-cert__visual, .wf-cert.wf-cert--animate .wf-cert__intro, .wf-cert.wf-cert--animate .wf-cert__benefits { opacity:0; transform:translateY(16px); transition:opacity .7s ease,transform .7s ease; }
.wf-cert.wf-cert--animate .wf-cert__intro { transition-delay:.08s; }
.wf-cert.wf-cert--animate .wf-cert__benefits { transition-delay:.18s; }
.wf-cert.wf-cert--visible .wf-cert__visual, .wf-cert.wf-cert--visible .wf-cert__intro, .wf-cert.wf-cert--visible .wf-cert__benefits { opacity:1; transform:none; }
@media (max-width:960px) { .wf-cert__inner { grid-template-columns:1fr; grid-template-areas:'intro' 'visual' 'benefits'; gap:30px; width:min(720px,100%); } .wf-cert__intro { align-self:auto; } .wf-cert__benefits { padding-top:0; } .wf-cert__visual { width:min(100%,660px); margin-inline:auto; } .wf-cert__back-list strong { font-size:clamp(12px,2vw,16px); } .wf-cert__back-list small { font-size:clamp(10px,1.5vw,12px); } }
@media (max-width:520px) { .wf-cert { padding:64px 16px; } .wf-cert__inner { gap:24px; } .wf-cert h2 { font-size:clamp(36px,10vw,47px); } .wf-cert__face--back { padding:clamp(12px,3.6vw,20px); } .wf-cert__back-kicker { font-size:8px; } .wf-cert__back-title { margin-bottom:9px; font-size:clamp(16px,4.7vw,22px); } .wf-cert__back-list { grid-template-columns:1fr; gap:4px; } .wf-cert__back-list > span { grid-template-columns:16px 1fr; gap:6px; } .wf-cert__back-check { width:15px; height:15px; font-size:9px; } .wf-cert__back-list strong { font-size:clamp(9px,2.55vw,11px); } .wf-cert__back-list small { margin-top:1px; font-size:clamp(8px,2.15vw,9px); line-height:1.2; } .wf-cert__back-signature { margin-top:8px; padding-top:7px; font-size:clamp(7px,1.7vw,9px); } .wf-cert__hint { margin-top:12px; } }
@media (max-width:360px) { .wf-cert__back-list small { display:none; } .wf-cert__back-title { margin-bottom:8px; } }
@media (prefers-reduced-motion:reduce) { .wf-cert__flip-inner, .wf-cert__visual, .wf-cert__intro, .wf-cert__benefits, .wf-cert__back-list > span { transition:none !important; } .wf-cert.wf-cert--animate .wf-cert__visual, .wf-cert.wf-cert--animate .wf-cert__intro, .wf-cert.wf-cert--animate .wf-cert__benefits { opacity:1 !important; transform:none !important; } }