/* Etapa 3: campanha PC da Xuxa, escopo exclusivo pcx3. */
.pcx3-body{background:radial-gradient(circle at 70% 0,#173945 0,transparent 34%),#08131b;color:#eef6f7;min-height:100vh}
.pcx3-skip{position:absolute;top:-90px;left:15px;z-index:15;padding:10px 16px;border-radius:8px;background:#f4bc4c;color:#182323}
.pcx3-skip:focus{top:9px}
.pcx3-body :focus-visible{outline:3px solid #f5c968;outline-offset:3px}
.pcx3-nav{max-width:1280px;min-height:80px;height:auto;border-bottom:1px solid #294651;gap:15px}
.pcx3-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 22px}
.pcx3-nav nav>a:not(.btn){color:#c8d7dc}
.pcx3-main{max-width:1280px;margin:auto;padding:0 22px}
.pcx3-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(25px,4vw,65px);padding:clamp(60px,7vw,100px) 0}
.pcx3-kicker{display:inline-block;margin:0 0 23px;border:1px solid #98763d;border-radius:30px;padding:8px 13px;color:#f4c96b;font-size:11px;letter-spacing:.12em;font-weight:800}
.pcx3-hero h1{font-size:clamp(43px,5vw,69px);line-height:1.06;letter-spacing:-.05em;margin:0 0 22px;text-wrap:balance}
.pcx3-hero h1 span{color:#f5c963}
.pcx3-lead{font-size:clamp(16px,1.55vw,19px);line-height:1.65;color:#c0d1d6;margin:0;max-width:610px}
.pcx3-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.pcx3-actions .btn,.pcx3-final .btn{min-height:49px;padding:13px 20px}
.pcx3-note{font-size:13px;line-height:1.6;color:#acc1c7;margin:21px 0 0;max-width:590px}
.pcx3-visual{margin:0;min-width:0}
.pcx3-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,.25))}
.pcx3-visual figcaption{text-align:center;font-size:11px;color:#98adb5;margin:10px 0 0}
.pcx3-flow,.pcx3-faq{padding:clamp(75px,8vw,115px) 0;border-top:1px solid #24404b}
.pcx3-flow h2,.pcx3-test h2,.pcx3-faq h2{font-size:clamp(31px,3.5vw,48px);line-height:1.15;letter-spacing:-.035em;margin:0 0 15px;max-width:850px;text-wrap:balance}
.pcx3-section-intro,.pcx3-faq>div>p{color:#aebfc6;font-size:17px;line-height:1.6;max-width:720px;margin:0}
.pcx3-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:40px 0 0}
.pcx3-flow-grid article{background:linear-gradient(145deg,#122b35,#0c1e29);border:1px solid #2d4a56;border-radius:17px;padding:31px;min-height:245px}
.pcx3-flow-grid article span{font-weight:800;font-size:11px;letter-spacing:.1em;color:#f1c665}
.pcx3-flow-grid article h3{font-size:23px;line-height:1.2;margin:26px 0 11px}
.pcx3-flow-grid article p{color:#b1c6ce;font-size:15px;line-height:1.6;margin:0}
.pcx3-text-link{display:inline-block;margin-top:27px;color:#f4c664;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.pcx3-test{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;background:linear-gradient(140deg,#15343b,#102430);border:1px solid #41615e;border-radius:24px;padding:clamp(30px,5vw,64px)}
.pcx3-test p{color:#c2d1d3;max-width:630px;line-height:1.65}
.pcx3-checklist{border:1px solid #648070;border-radius:18px;padding:29px;background:#112a2d}
.pcx3-checklist b{color:#f7d17c;font-size:18px}
.pcx3-checklist ol{padding-left:20px;color:#e0ebe6;line-height:1.7}
.pcx3-checklist li{margin:10px 0}
.pcx3-checklist small{color:#a4beb6;line-height:1.55;display:block}
.pcx3-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin-top:85px}
.pcx3-faq-list details{border-bottom:1px solid #31515a;padding:16px 0}
.pcx3-faq-list details:first-child{border-top:1px solid #31515a}
.pcx3-faq-list summary{font-weight:700;font-size:17px;cursor:pointer;list-style-position:outside;padding:5px 25px 5px 5px}
.pcx3-faq-list details p{color:#b7cbd1;line-height:1.65;margin:8px 5px 4px}
.pcx3-final{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#19343a;border:1px solid #6d7650;border-radius:22px;padding:clamp(27px,4vw,50px);margin-bottom:40px}
.pcx3-final h2{font-size:clamp(26px,3vw,38px);max-width:680px;line-height:1.16;margin:0 0 9px}
.pcx3-final p{color:#bfd0d2;margin:0}
.pcx3-final .btn{flex-shrink:0}
.pcx3-footer{max-width:1280px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px auto 0;padding:27px 22px 45px;border-top:1px solid #2a4350;color:#94abb5;font-size:13px}
.pcx3-footer nav{display:flex;gap:13px 20px;flex-wrap:wrap}
@media(max-width:960px){.pcx3-hero{grid-template-columns:1fr;max-width:760px;margin:auto}.pcx3-visual{max-width:620px;margin:auto}.pcx3-test{grid-template-columns:1fr}.pcx3-faq{grid-template-columns:1fr;gap:22px}.pcx3-nav{align-items:flex-start;padding-top:14px;padding-bottom:14px}.pcx3-nav nav{justify-content:flex-start}}
@media(max-width:650px){.pcx3-main{padding:0 18px}.pcx3-nav nav{gap:9px 13px}.pcx3-nav nav a{font-size:12px}.pcx3-nav nav .btn{padding:8px 11px}.pcx3-hero{padding:54px 0 70px}.pcx3-hero h1{font-size:clamp(38px,9vw,50px)}.pcx3-hero h1 br{display:none}.pcx3-actions .btn{width:100%}.pcx3-flow-grid{grid-template-columns:1fr}.pcx3-flow-grid article{min-height:0}.pcx3-test{padding:30px 20px;margin:0 -18px;border-inline:0;border-radius:0}.pcx3-faq{margin-top:20px}.pcx3-final{display:block;margin:0 0 30px}.pcx3-final .btn{margin-top:22px}.pcx3-footer{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.pcx3-body{scroll-behavior:auto}}
