/* Apoie belongs to Identidade. Shared tokens remain the only source of visual values.
   Every selector is scoped so other pages and the global header/footer are unaffected. */
.lii-apoie{--apoie-pad:max(5%,calc((100% - var(--container-max))/2));--apoie-line:color-mix(in srgb,var(--brand-black) 22%,transparent);font-family:var(--font-sans);font-size:16px;line-height:1.45;color:var(--brand-black);background:var(--brand-cream);overflow-wrap:break-word;isolation:isolate}
.lii-apoie *{box-sizing:border-box}
.lii-apoie :where(h1,h2,h3,p,figure,ul,ol){margin:0}
.lii-apoie :where(h1,h2,h3){color:inherit;text-wrap:balance}
.lii-apoie h1{font-family:var(--font-display);font-size:clamp(52px,6vw,86px);font-weight:400;line-height:1.1;letter-spacing:-.025em;text-transform:uppercase}
.lii-apoie h2{font-family:var(--font-sans);font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.035em}
.lii-apoie h3{font-family:var(--font-sans);font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
.lii-apoie :where(p){text-wrap:pretty}
.lii-apoie p+p{margin-top:var(--space-20)}
.lii-apoie img{display:block;max-width:100%;height:auto;object-fit:cover}
.lii-apoie a{color:inherit;text-underline-offset:4px}
.lii-apoie :where(button,input,select,textarea){font-family:inherit}
.lii-apoie :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.lii-apoie .companies :focus-visible{outline-color:var(--brand-yellow)}
.lii-apoie [hidden]{display:none!important}
.lii-apoie .section{padding:clamp(48px,5vw,68px) var(--apoie-pad);border-bottom:1px solid var(--apoie-line);scroll-margin-top:100px}
.lii-apoie .hero{display:block}
.lii-apoie .hero-content{padding:var(--space-68) 8% var(--space-68) max(9%,calc((100vw - var(--container-max))/2))}
.lii-apoie .eyebrow{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:.06em;margin-bottom:var(--space-24)}
.lii-apoie h1 span{color:var(--brand-pink)}
.lii-apoie .hero-sub{font-size:24px;font-weight:700;line-height:1.2;margin-top:var(--space-28);max-width:480px}
.lii-apoie .hero-description{margin-top:var(--space-20);max-width:var(--reading-max)}
.lii-apoie .hero-image{position:relative;min-width:0;background:var(--brand-cream-soft)}
.lii-apoie .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lii-apoie .hero-image figcaption{position:absolute;bottom:var(--space-24);left:var(--space-24);right:var(--space-24);width:fit-content;background:var(--brand-cream-soft);padding:var(--space-12);font-size:12px;line-height:1.5}
.lii-apoie .hero-actions{display:flex;gap:var(--space-12);margin-top:var(--space-30)}
.lii-apoie .lii-apoie-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-12);min-height:var(--control-min-height);padding:14px 22px;border:1px solid transparent;border-radius:var(--radius-control);background:var(--brand-yellow);color:var(--brand-black);font-size:14px;font-weight:700;line-height:1.3;text-align:left;text-decoration:none;cursor:pointer;transition:filter .15s}
.lii-apoie .lii-apoie-button:hover{filter:brightness(.92);text-decoration:underline}
.lii-apoie .lii-apoie-button:disabled{opacity:.6;cursor:wait}
.lii-apoie .lii-apoie-button small{display:block;font-size:12px;font-weight:400;line-height:1.5}
.lii-apoie .hero-actions .lii-apoie-button{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:8px}
.lii-apoie .lii-apoie-button.outline,.lii-apoie .lii-apoie-button.pj{background:var(--brand-pink);color:var(--brand-black)}
.lii-apoie .text-link{display:inline-block;margin-top:var(--space-24);font-size:14px;font-weight:700}
.lii-apoie .ribbon{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--space-12);padding:var(--space-20) 5%;background:var(--brand-yellow);font-size:14px;font-weight:700}
.lii-apoie :where(.manifesto,.support,.friends,.faq,.contact){display:block}
.lii-apoie .prose{max-width:var(--reading-max)}
.lii-apoie .lead{font-size:21px;line-height:1.35;margin-bottom:var(--space-24)}
.lii-apoie .section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-42);margin-bottom:var(--space-42)}
.lii-apoie .section-intro>p{max-width:360px;font-size:17px}
.lii-apoie .projects,.lii-apoie .friends{background:var(--brand-cream-soft)}
.lii-apoie .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24)}
.lii-apoie .project{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--line-card)}
.lii-apoie .project-photo{position:relative;height:300px}
.lii-apoie .project-photo img{width:100%;height:100%}
.lii-apoie .badge{position:absolute;top:var(--space-12);left:var(--space-12);right:var(--space-12);width:fit-content;padding:6px 10px;background:var(--brand-cream-soft);border-radius:var(--radius-control);font-size:12px;line-height:1.4}
.lii-apoie .project-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:var(--space-20);padding:var(--space-24)}
.lii-apoie .project-index{font-size:13px;font-weight:700;color:var(--brand-purple)}
.lii-apoie .project-body h3.project-name{font-size:28px;line-height:1.2;letter-spacing:-.035em}
.lii-apoie .project-body p{margin:0;font-size:15px;line-height:1.45}
.lii-apoie .project-body .project-tagline{font-size:17px;font-weight:700}
.lii-apoie .project-body details{margin-top:auto;width:100%}
.lii-apoie .project-body .lii-apoie-button{margin-top:auto;width:100%}
.lii-apoie .project-note{max-width:760px;margin-top:var(--space-24);font-size:13px}
.lii-apoie .support h2{margin-bottom:var(--space-30)}
.lii-apoie .callout{border-left:4px solid var(--brand-yellow);padding:var(--space-20) var(--space-24);background:var(--brand-cream-soft);margin-top:var(--space-24)}
.lii-apoie .callout p{font-size:14px;margin-top:8px}
.lii-apoie .fine{font-size:12px;line-height:1.5;margin-top:var(--space-14)}
.lii-apoie .companies{background:var(--brand-purple);color:var(--brand-cream-soft)}
.lii-apoie .mechanisms{display:grid;grid-template-columns:1fr 1fr;border-block-end:1px solid currentColor;border-block-start:0}
.lii-apoie .mechanisms article{padding:var(--space-30) var(--space-30) var(--space-30) 0}
.lii-apoie .mechanisms article+article{padding-left:var(--space-30);border-left:1px solid currentColor}
.lii-apoie .mechanisms h3{font-size:30px;margin-bottom:var(--space-20)}
.lii-apoie .company-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-24);margin-top:var(--space-42)}
.lii-apoie .company-bottom h3{margin-bottom:var(--space-14)}
.lii-apoie .company-bottom p{max-width:760px}
.lii-apoie .company-gallery{margin-bottom:var(--space-42)}
.lii-apoie .gallery-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;overflow-anchor:none}
.lii-apoie .gallery-rail::-webkit-scrollbar{display:none}
.lii-apoie .gallery-track,.lii-apoie .gallery-group{display:flex;flex-wrap:nowrap;gap:0;width:max-content;align-items:stretch}
.lii-apoie .gallery-group,.lii-apoie .gallery-slide{flex:none}
.lii-apoie .gallery-slide img{height:340px;width:auto;max-width:none;object-fit:contain}
.lii-apoie .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-42);padding:0;margin:0 0 var(--space-30);list-style:none}
.lii-apoie .steps li{padding-top:var(--space-24);border-top:1px solid var(--apoie-line)}
.lii-apoie .steps li>span{font-family:var(--font-display);font-size:48px;line-height:1.1;color:var(--brand-purple)}
.lii-apoie .steps h3{margin:var(--space-20) 0 var(--space-14)}
.lii-apoie .steps p{font-size:15px}
.lii-apoie .friends h2{margin-bottom:var(--space-24)}
.lii-apoie .friends .lii-apoie-button{margin-top:var(--space-28)}
.lii-apoie .benefits h3{font-size:20px;padding-bottom:var(--space-24)}
.lii-apoie .benefits ul{padding:0;list-style:none}
.lii-apoie .benefits li{display:flex;align-items:center;gap:var(--space-24);padding:var(--space-14) 0;border-top:1px solid var(--apoie-line)}
.lii-apoie .benefits strong{font-family:var(--font-display);font-size:30px;font-weight:400;min-width:75px}
.lii-apoie .benefits span{font-size:15px}
.lii-apoie .sponsor-cta{text-align:center}
.lii-apoie .sponsor-cta>p:not(.eyebrow){max-width:var(--reading-max);margin:var(--space-24) auto 0;font-size:17px}
.lii-apoie .sponsor-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);margin:var(--space-42) auto 0;max-width:1000px}
.lii-apoie .sponsor-actions .lii-apoie-button{justify-content:flex-start;min-height:110px;padding:var(--space-30);font-size:18px}
.lii-apoie .sponsor-actions small{margin-top:var(--space-12)}
.lii-apoie details{border-top:1px solid var(--apoie-line)}
.lii-apoie details:last-child{border-bottom:1px solid var(--apoie-line)}
.lii-apoie summary{position:relative;padding:var(--space-20) var(--space-30) var(--space-20) 0;list-style:none;cursor:pointer;font-size:18px;line-height:1.3;font-weight:700}
.lii-apoie summary::-webkit-details-marker{display:none}
.lii-apoie summary:after{content:'+';position:absolute;right:0;top:var(--space-20);font-size:22px;font-weight:400}
.lii-apoie details[open]>summary:after{content:'−'}
.lii-apoie details p{padding:0 var(--space-20) var(--space-20) 0;font-size:15px}
.lii-apoie .project summary{font-size:14px}
.lii-apoie .contact{background:var(--brand-yellow)}
.lii-apoie .contact h2{margin-bottom:var(--space-24)}
.lii-apoie .contact form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-content:start}
.lii-apoie .field{display:flex;flex-direction:column;gap:8px;min-width:0}
.lii-apoie .field label{font-size:14px;font-weight:700}
.lii-apoie .full{grid-column:1/-1}
.lii-apoie :where(input,select,textarea){width:100%;min-height:var(--control-min-height);padding:var(--space-12);border:1px solid var(--field-border-accessible);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:16px;line-height:1.45}
.lii-apoie textarea{resize:vertical}
.lii-apoie .optional{font-size:12px;font-weight:400;margin-left:4px}
.lii-apoie .consent{display:flex;align-items:flex-start;gap:var(--space-12);font-size:13px;line-height:1.4}
.lii-apoie .consent input{width:20px;height:20px;min-height:0;margin:0;flex-shrink:0;accent-color:var(--brand-black)}
.lii-apoie .contact form>.lii-apoie-button{background:var(--brand-black);color:var(--brand-cream-soft)}
.lii-apoie .trap{position:absolute;left:-9999px}
.lii-apoie #form-status{margin:0;font-size:14px;font-weight:700}
.lii-apoie #form-status:empty{display:none}
.lii-apoie .floating{position:fixed;bottom:var(--space-20);right:var(--space-20);z-index:30;display:flex;align-items:center;min-height:var(--control-min-height);padding:var(--space-12) var(--space-20);background:var(--brand-yellow);color:var(--brand-black);border:1px solid var(--brand-black);border-radius:var(--radius-control);font-size:14px;font-weight:700;text-decoration:none}
.lii-apoie .floating.is-hidden{visibility:hidden;pointer-events:none}
@media(max-width:1000px){.lii-apoie .hero-actions{flex-direction:column}.lii-apoie .project-grid{grid-template-columns:1fr}.lii-apoie .project{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lii-apoie .project-photo{height:100%;min-height:350px}.lii-apoie :where(.manifesto,.support,.friends,.faq,.contact){gap:var(--space-30)}.lii-apoie .section-intro{gap:var(--space-24)}.lii-apoie .hero-content{padding:48px 8%}}
@media(max-width:680px){.lii-apoie{--apoie-pad:6%}.lii-apoie .hero{display:flex;flex-direction:column}.lii-apoie .hero-content{padding:48px 6%}.lii-apoie h1{font-size:clamp(48px,11vw,72px)}.lii-apoie h2{font-size:34px}.lii-apoie .hero-image img{position:static;height:auto}.lii-apoie .hero-image figcaption{font-size:10px;bottom:var(--space-12);left:var(--space-12)}.lii-apoie :where(.manifesto,.support,.friends,.faq,.contact){grid-template-columns:1fr;gap:var(--space-30)}.lii-apoie .section-intro{display:block;margin-bottom:var(--space-30)}.lii-apoie .section-intro>p{margin-top:var(--space-24);max-width:none}.lii-apoie .project{display:flex}.lii-apoie .project-photo{height:280px;min-height:0}.lii-apoie .mechanisms{grid-template-columns:1fr}.lii-apoie .mechanisms article{padding:var(--space-24) 0}.lii-apoie .mechanisms article+article{padding-left:0;border-left:0;border-top:1px solid currentColor}.lii-apoie .steps{grid-template-columns:1fr;gap:var(--space-30)}.lii-apoie .steps li{display:grid;grid-template-columns:48px 1fr;gap:var(--space-14)}.lii-apoie .steps li>span{grid-row:1/3}.lii-apoie .steps h3{margin:0}.lii-apoie .steps p{grid-column:2}.lii-apoie .sponsor-actions{grid-template-columns:1fr;gap:var(--space-20)}.lii-apoie .gallery-slide img{height:280px}.lii-apoie .contact form{grid-template-columns:1fr}.lii-apoie .floating{right:var(--space-12);bottom:var(--space-12);font-size:13px}.lii-apoie .ribbon{justify-content:flex-start;font-size:12px}.lii-apoie .eyebrow{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lii-apoie *{scroll-behavior:auto!important;transition:none!important}}
/* Native Gutenberg presentation. Inline block controls can override these defaults. */
.lii-apoie .wp-block-group{margin-block:0}
.lii-apoie .wp-block-buttons{gap:var(--space-12);margin:0}
.lii-apoie .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-min-height);padding:14px 22px;border:1px solid transparent;border-radius:var(--radius-control);font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.3;text-decoration:none}
.lii-apoie .wp-block-button__link:hover{filter:brightness(.92);text-decoration:underline}
.lii-apoie .hero-actions .wp-block-button{flex:1;width:100%}
.lii-apoie .hero-actions .wp-block-button__link{display:block;width:100%}
.lii-apoie .hero-actions .wp-block-button__link br{display:block;content:'';margin-top:8px}
.lii-apoie .project-body>.wp-block-buttons{margin-top:auto;width:100%}
.lii-apoie .project-body .wp-block-button,.lii-apoie .project-body .wp-block-button__link{width:100%}
.lii-apoie .sponsor-actions .wp-block-button{width:100%}
.lii-apoie .sponsor-actions .wp-block-button__link{display:block;width:100%;min-height:110px;padding:var(--space-30);font-size:18px;text-align:left}
.lii-apoie .support .wp-block-buttons,.lii-apoie .friends .wp-block-buttons{margin-top:var(--space-28)}
.lii-apoie .contact .lfm{--lfm-accent:var(--brand-black);--lfm-accent-hover:var(--ink-hover);--lfm-button-ink:var(--brand-cream-soft);--lfm-muted:var(--brand-black);--lfm-line:var(--field-border-accessible)}
.lii-apoie .contact .lfm-form{display:block}
.lii-apoie .contact .lfm :where(input,select,textarea){border-radius:var(--radius-control)}
.lii-apoie .contact .lfm-button{border-radius:var(--radius-control)}
.lii-apoie .steps>.wp-block-group{padding-top:var(--space-24);border-top:1px solid var(--apoie-line)}
.lii-apoie .steps>.wp-block-group>p:first-child{font-family:var(--font-display);font-size:48px;line-height:1.1;color:var(--brand-purple)}
.lii-apoie .benefits>.wp-block-group>.wp-block-group{display:flex;gap:var(--space-24);padding:var(--space-14) 0;border-top:1px solid var(--apoie-line)}
.lii-apoie .floating{margin:0}
.lii-apoie #year-end[hidden]{display:none!important}
@media(max-width:680px){.lii-apoie .steps>.wp-block-group{display:block}.lii-apoie .hero-actions{flex-direction:column}}
/* Native Columns expose widths, stacking, alignment and rearrangement in Gutenberg. */
.lii-apoie :where(.hero,.manifesto,.support,.friends,.faq,.contact){display:block}
.lii-apoie .apoie-columns{display:flex;gap:var(--space-68);margin:0;align-items:stretch}
.lii-apoie .wp-block-column{min-width:0;margin:0;flex-basis:0;flex-grow:1}
.lii-apoie .hero>.apoie-columns{gap:0}
.lii-apoie .hero-content{height:100%}
.lii-apoie .hero-image{height:100%;min-height:600px}
.lii-apoie .project-photo .wp-block-image{height:100%;margin:0}
.lii-apoie .wp-block-columns.project-grid,.lii-apoie .wp-block-columns.steps{display:flex;gap:var(--space-24);align-items:stretch;margin-block:0}
.lii-apoie .project-grid>.wp-block-column>.project{height:100%}
.lii-apoie .mechanisms>.wp-block-column+ .wp-block-column{border-left:1px solid currentColor;padding-left:var(--space-30)}
.lii-apoie .mechanisms article+article{border:0}
.lii-apoie .steps>.wp-block-column>.wp-block-group{padding-top:var(--space-24);border-top:1px solid var(--apoie-line)}
.lii-apoie .steps>.wp-block-column>.wp-block-group>p:first-child{font-family:var(--font-display);font-size:48px;line-height:1.1;color:var(--brand-purple)}
@media(max-width:1000px){.lii-apoie .wp-block-columns.project-grid{flex-direction:column}.lii-apoie .apoie-columns{gap:var(--space-30)}}
@media(max-width:781px){.lii-apoie .apoie-columns,.lii-apoie .wp-block-columns.steps,.lii-apoie .mechanisms{flex-direction:column}.lii-apoie .wp-block-column{flex-basis:auto!important}.lii-apoie .hero-image{min-height:0;height:auto}.lii-apoie .hero-image img{position:static}.lii-apoie .mechanisms>.wp-block-column+ .wp-block-column{padding-left:0;border-left:0;border-top:1px solid currentColor}}

/* Gutenberg containers fill their parent; only the Columns block lays out columns. */
.lii-apoie .hero>.wp-block-columns.apoie-columns{width:100%;max-width:none;margin-inline:0;gap:0}
.lii-apoie .hero>.apoie-columns>.wp-block-column{flex-basis:0;flex-grow:1;min-width:0}
.lii-apoie .wp-block-buttons.sponsor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:1000px;margin:var(--space-42) auto 0;gap:var(--space-24)}
.lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button{width:100%;min-width:0;margin:0}
@media(max-width:781px){.lii-apoie .hero>.apoie-columns>.wp-block-column{flex-basis:auto;flex-grow:0;width:100%}}
@media(max-width:680px){.lii-apoie .wp-block-buttons.sponsor-actions{grid-template-columns:1fr;gap:var(--space-20);margin-top:var(--space-30)}}

/* Native paragraphs must not offset the items of the horizontal word strip. */
.lii-apoie .ribbon{align-items:center}
.lii-apoie .ribbon>p{margin:0;line-height:1.3;flex:0 0 auto;text-align:center}
/* Keep action spacing after WordPress' generic Buttons reset. */
.lii-apoie .wp-block-buttons.hero-actions{margin-top:var(--space-30);margin-bottom:0}
.lii-apoie .project-body>.wp-block-buttons{padding-top:var(--space-12)}
.lii-apoie .company-bottom>.wp-block-buttons{margin-top:var(--space-12)}
@media(max-width:680px){.lii-apoie .ribbon{justify-content:center;gap:var(--space-12);padding-inline:var(--space-12)}.lii-apoie .ribbon>p{font-size:11px}}
/* Preserve section-heading rhythm after the generic native Group margin reset. */
.lii-apoie .wp-block-group.section-intro{margin-bottom:var(--space-42)}
@media(max-width:680px){.lii-apoie .wp-block-group.section-intro{margin-bottom:var(--space-30)}}
/* Required-field guidance appears through validation after a submit attempt. */
.lii-apoie .lfm-form>.lfm-note{display:none}

.lii-apoie .lfm-form.has-required-errors>.lfm-note{display:block}

/* Keep the partnership group clear of the mechanisms divider. */
.lii-apoie .wp-block-group.company-bottom{margin-top:var(--space-42)}
@media(max-width:680px){.lii-apoie .wp-block-group.company-bottom{margin-top:var(--space-30)}}
/* Slightly larger action labels throughout Apoie, including the native contact form. */
.lii-apoie .wp-block-button .wp-block-button__link,
.lii-apoie .contact .lfm-button{font-size:16px}
.lii-apoie .sponsor-actions .wp-block-button .wp-block-button__link{font-size:20px}
.lii-apoie .floating{font-size:16px}
@media(max-width:680px){
.lii-apoie .sponsor-actions .wp-block-button .wp-block-button__link{font-size:18px}
.lii-apoie .floating{font-size:15px}
}

/* ===== Nova IDV 1.15.0 (Figma SITE_APOIE 188:585) =====
   Camada final: cores de fundo vêm dos blocos (painel); aqui ficam tipografia, ritmo e as formas. */
.lii-apoie{--apoie-pad:max(20px,5%,calc((100% - var(--container-max))/2));--apoie-line:color-mix(in srgb,currentColor 24%,transparent);background:var(--brand-cream)}
.lii-apoie .section{padding:68px var(--apoie-pad) 80px;border-bottom:0;position:relative;overflow:clip}
.lii-apoie .eyebrow{font-size:17px;font-weight:700;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-24)}
.lii-apoie h2{font-family:var(--font-display);font-size:clamp(42px,4.1vw,60px);font-weight:400;line-height:.93;letter-spacing:0;text-transform:uppercase}
.lii-apoie h1 span,.lii-apoie h2 span{color:inherit}
.lii-apoie :where(.projects,.companies) h2{font-family:var(--font-sans);font-size:clamp(32px,3.2vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.035em;text-transform:uppercase}
.lii-apoie .lead{font-size:clamp(18px,1.6vw,21px);line-height:1.4}
.lii-apoie .text-link a,.lii-apoie a.text-link{font-weight:700}

/* Cores de sobretítulo por seção, como no Figma. */
.lii-apoie :where(.hero,.projects,.support,.sponsor-cta) .eyebrow{color:var(--brand-yellow)}
.lii-apoie :where(.manifesto,.companies,.friends,.faq) .eyebrow{color:var(--brand-green)}
.lii-apoie :where(.process,.contact) .eyebrow{color:var(--brand-pink)}

/* Botões: DM Sans Bold 16px, caixa alta, tracking 1,6px, arestas retas. */
.lii-apoie .wp-block-button .wp-block-button__link{min-height:50px;padding:14px 32px;border-radius:0;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;text-align:center;transition:filter .2s}
.lii-apoie .wp-block-button__link:hover{filter:brightness(1.06);text-decoration:none}
.lii-apoie .wp-block-button__link:focus-visible{outline:3px solid currentColor;outline-offset:3px}

/* Abertura: foto de fundo com degradê escuro; título em toda a largura, depois duas colunas. */
.lii-apoie .hero{position:relative;overflow:clip;color:var(--brand-cream);background:var(--brand-black);min-height:min(797px,100svh)}
.lii-apoie .hero>.wp-block-columns.apoie-columns{position:static;display:block}
.lii-apoie .hero>.apoie-columns>.wp-block-column{position:static}
.lii-apoie .hero .hero-image{position:absolute;inset:0;height:auto;min-height:0;margin:0;background:none;z-index:0}
/* Enquadramento do Figma 189:1999: foto ampliada, pessoa à direita. */
.lii-apoie .hero .hero-image img{position:absolute;inset:auto;left:-1%;top:-58.56%;width:144.21%;height:177.45%;max-width:none;object-fit:cover;object-position:50% 50%}
.lii-apoie .hero .hero-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,0,21,.05) 0,rgba(6,0,21,.45) 45%,rgba(6,0,21,.92) 100%),linear-gradient(90deg,rgba(6,0,21,.35),transparent 60%)}
.lii-apoie .hero .hero-image figcaption{display:none}
.lii-apoie .hero .hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;align-content:end;min-height:min(797px,100svh);height:auto;padding:120px var(--apoie-pad) 86px}
.lii-apoie .hero-content>*{grid-column:1/-1}
.lii-apoie .hero .eyebrow{font-size:18px;letter-spacing:.2em;margin-bottom:18px}
.lii-apoie .hero h1{font-size:clamp(58px,8.9vw,128px);line-height:.93;letter-spacing:-.02em;color:var(--brand-cream);padding-bottom:36px;border-bottom:1px solid color-mix(in srgb,var(--brand-cream) 30%,transparent);margin-bottom:36px}
.lii-apoie .hero .hero-sub{grid-column:1;grid-row:span 3;align-self:start;margin:0;max-width:640px;font-size:clamp(24px,2.4vw,34px);line-height:.95;font-weight:700;letter-spacing:-.01em}
.lii-apoie .hero .hero-description{grid-column:2;margin:0;max-width:540px;font-size:16px;line-height:1.45;letter-spacing:.06em}
.lii-apoie .hero .wp-block-buttons.hero-actions{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;max-width:540px}
.lii-apoie .hero-actions .wp-block-button__link{display:block;width:100%;padding:12px 18px;letter-spacing:0;text-transform:none}
.lii-apoie .hero-actions .wp-block-button__link br{display:block;content:'';margin-top:2px}
.lii-apoie .hero p.text-link{grid-column:2;margin:14px 0 0;max-width:540px}
.lii-apoie .hero p.text-link a{display:block;padding:12px 18px;border:1px solid color-mix(in srgb,var(--brand-cream) 35%,transparent);font-size:14px;letter-spacing:.2em;text-transform:uppercase;text-align:center;text-decoration:none;color:var(--brand-cream)}
.lii-apoie .hero p.text-link a:hover{border-color:var(--brand-cream)}

/* Faixa de palavras: quatro células com filete creme à esquerda. */
.lii-apoie .ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 var(--apoie-pad);font-size:18px;letter-spacing:.2em}
.lii-apoie .ribbon>p{padding:36px 28px;border-left:1px solid currentColor;text-align:left;line-height:1.3}

/* Duas colunas de abertura de seção com o mesmo ritmo do Figma (72px de vão). */
.lii-apoie .apoie-columns{gap:72px}
.lii-apoie .wp-block-group.section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;align-items:start;margin-bottom:46px}
.lii-apoie .section-intro>.eyebrow{grid-column:1/-1}
.lii-apoie .section-intro>h2{grid-column:1}
.lii-apoie .section-intro>p:not(.eyebrow){grid-column:2;max-width:590px;margin:0;font-size:17px;line-height:1.45}
.lii-apoie .companies .wp-block-group.section-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.lii-apoie :where(.projects,.companies) h2{text-wrap:wrap}

/* Por que apoiar */
.lii-apoie .manifesto{min-height:443px}
.lii-apoie .manifesto .lead{font-size:clamp(19px,1.6vw,22px);margin-bottom:var(--space-30)}
.lii-apoie .manifesto p{font-size:16px;line-height:1.6}

/* Projetos: fundo petróleo, cartões claros com borda. */
.lii-apoie .project{background:var(--brand-white);color:var(--brand-black);border:1px solid var(--brand-black)}
.lii-apoie .project-photo .badge{top:19px;left:24px;padding:6px 12px;background:var(--brand-black);color:var(--brand-cream);border-radius:0;font-size:12px;font-weight:500}
.lii-apoie .project-body{padding:28px 24px 24px;gap:18px}
.lii-apoie .project-body h3.project-name{font-size:28px;color:var(--brand-green);text-transform:uppercase;letter-spacing:-.01em}
.lii-apoie .project-body .project-tagline{font-size:17px}
.lii-apoie .project details{border-top:1px solid var(--brand-black);border-bottom:0}
.lii-apoie .project summary{padding:18px 0;font-size:14px}
.lii-apoie .project summary:after{position:static;margin-left:6px;font-size:14px;font-weight:700}
.lii-apoie .project-note{color:var(--brand-cream);font-size:13px;margin-top:28px}

/* Pessoa física: verde com fitas creme/amarelas no canto. */
.lii-apoie .support{padding-bottom:96px}
.lii-apoie .support .wp-block-buttons{margin-top:28px}
.lii-apoie .support .apoie-columns>.wp-block-column:last-child>*:first-child{font-size:20px}
.lii-apoie .support p{font-size:16px;line-height:1.55}
.lii-apoie .support strong{color:var(--brand-yellow)}
.lii-apoie .support p.text-link{margin-top:30px}
.lii-apoie .support p.text-link a{display:inline-block;padding:13px 40px;border:1px solid color-mix(in srgb,var(--brand-cream) 45%,transparent);font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.lii-apoie .support p.text-link a:hover{border-color:var(--brand-cream)}
.lii-apoie .support .fine{color:var(--brand-yellow);font-size:11px}
.lii-apoie .support .callout{background:var(--brand-white);color:var(--brand-black);border:0;padding:18px 24px;margin-top:22px}
.lii-apoie .support .callout>*:first-child{color:var(--brand-green);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lii-apoie .support .callout p{color:var(--brand-green)}

/* Pessoa jurídica */
.lii-apoie .companies{color:var(--brand-black)}
.lii-apoie .mechanisms{border-block-end:1px solid color-mix(in srgb,var(--brand-black) 25%,transparent)}
.lii-apoie .mechanisms>.wp-block-column+.wp-block-column{border-left:0}
.lii-apoie .mechanisms .eyebrow,.lii-apoie .mechanisms>.wp-block-column>p:first-child{color:var(--brand-black);font-size:15px;letter-spacing:.08em}
.lii-apoie .mechanisms h3{color:var(--brand-green);font-size:28px;text-transform:uppercase;letter-spacing:-.01em}
.lii-apoie .company-bottom h3{font-size:22px;text-transform:uppercase;letter-spacing:-.01em}
.lii-apoie .company-bottom{max-width:640px}

/* Como funciona: amarelo, números em creme. */
.lii-apoie .steps>.wp-block-column>.wp-block-group{border-top-color:color-mix(in srgb,var(--brand-black) 18%,transparent)}
.lii-apoie .steps>.wp-block-column>.wp-block-group>p:first-child{color:var(--brand-cream);font-size:48px}
.lii-apoie .steps h3{text-transform:uppercase;font-size:22px}
.lii-apoie .process .fine{color:var(--brand-pink)}

/* Faixa de foto (Figma 193:3083) */
.lii-apoie .photo-band{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:54px var(--apoie-pad) 44px;overflow:clip}
.lii-apoie .photo-band-image{position:absolute;inset:0;margin:0;opacity:.6}
.lii-apoie .photo-band-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.lii-apoie .photo-band-text{position:relative;max-width:1074px;margin:0;font-family:var(--font-display);font-size:clamp(28px,2.9vw,42px);line-height:1.45;text-align:center;text-transform:uppercase;text-wrap:balance}

/* Amigos */
.lii-apoie .benefits>.wp-block-group>.wp-block-group{border-top-color:color-mix(in srgb,var(--brand-black) 18%,transparent)}
.lii-apoie .benefits>h3{font-size:16px;text-transform:uppercase;padding-bottom:20px}
.lii-apoie .benefits>.wp-block-group>.wp-block-group{align-items:center;gap:20px;padding:18px 0}
.lii-apoie .benefits>.wp-block-group>.wp-block-group>p{margin:0;font-size:14px}
.lii-apoie .benefits>.wp-block-group>.wp-block-group>p:first-child{min-width:46px;font-family:var(--font-sans);font-size:16px;font-weight:700}

/* Quero patrocinar: verde com fitas douradas nas laterais. */
.lii-apoie .sponsor-cta{min-height:579px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:86px}
.lii-apoie .sponsor-cta h2{font-size:clamp(56px,7.8vw,112px);line-height:1;margin-top:8px}
.lii-apoie .sponsor-cta>p:not(.eyebrow){font-size:clamp(17px,1.4vw,20px);line-height:1.35}
/* Botões do Figma 188:753/755: mesma altura (89px), 373 e 375px, vão de 14px, duas linhas fixas. */
.lii-apoie .wp-block-buttons.sponsor-actions{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:14px;max-width:none;width:auto}
.lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button{width:auto;flex:0 0 auto;display:flex}
.lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button:first-child{min-width:373px}
.lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button:last-child{min-width:375px}
.lii-apoie .sponsor-actions .wp-block-button__link{display:flex;align-items:center;justify-content:center;width:100%;min-height:89px;padding:18px 31px;font-size:16px;font-weight:700;line-height:26px;letter-spacing:1.6px;color:var(--brand-black);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}
.lii-apoie .sponsor-actions .wp-block-button__link:hover{filter:drop-shadow(0 1px 1px rgba(0,0,0,.05)) brightness(1.06)}

/* Perguntas */
.lii-apoie .faq{min-height:568px}
.lii-apoie .faq details{border-color:color-mix(in srgb,var(--brand-black) 22%,transparent)}
.lii-apoie .faq summary{font-size:18px;font-weight:500}

/* Contato */
.lii-apoie .contact{min-height:754px}
.lii-apoie .contact .lead{font-size:clamp(18px,1.5vw,21px);margin-top:var(--space-20)}
.lii-apoie .contact p.text-link{font-size:14px;font-weight:400}
.lii-apoie .contact p.text-link{color:var(--brand-black);font-weight:400}
.lii-apoie .contact p.text-link a{color:var(--brand-pink);font-weight:700;text-decoration:none}
.lii-apoie .contact p.text-link a:hover{text-decoration:underline}
.lii-apoie .contact .lfm :where(input,select,textarea){border:0;border-radius:0;background:var(--brand-white)}
.lii-apoie .contact .lfm-button{border-radius:0;text-transform:uppercase;letter-spacing:.1em}

/* Botão flutuante */
.lii-apoie .floating{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:13px}

/* Ritmo vertical do Figma (1440): alturas de seção iguais às do frame, para as formas caírem no mesmo lugar em relação ao texto. */
.lii-apoie .section{padding-bottom:68px}
.lii-apoie .manifesto .lead{font-size:20px;line-height:1.4;margin-bottom:28px}
.lii-apoie .manifesto p{line-height:1.5}
.lii-apoie .manifesto p+p{margin-top:18px}
.lii-apoie .support{padding-bottom:33px}
.lii-apoie .manifesto{padding-bottom:63px}
.lii-apoie .sponsor-cta{padding-block:76px}
.lii-apoie :is(.faq,.contact)>.apoie-columns>.wp-block-column:last-child{padding-top:45px}
.lii-apoie .faq details{margin:0}

/* 1.15.3: botões lado a lado com a mesma altura, notas legíveis, benefícios maiores e acordeões suaves. */
.lii-apoie .project-body>.wp-block-buttons{margin-top:0;padding-top:24px}
.lii-apoie .project-body details{margin-top:auto}
.lii-apoie .project-body .wp-block-button__link{display:flex;align-items:center;justify-content:center;min-height:76px;padding-block:12px}
.lii-apoie .hero .wp-block-buttons.hero-actions>.wp-block-button{display:flex}
.lii-apoie .hero .wp-block-buttons.hero-actions .wp-block-button__link{display:flex;flex-direction:column;justify-content:center;height:100%}
.lii-apoie .project-note{font-size:15px;line-height:1.5;max-width:820px}
.lii-apoie .support .fine,.lii-apoie .process .fine{font-size:15px;line-height:1.5}
.lii-apoie .benefits>.wp-block-group>.wp-block-group>p{font-size:16px;line-height:1.4}
.lii-apoie .benefits>.wp-block-group>.wp-block-group>p:first-child{min-width:56px;font-size:19px}
.lii-apoie details>summary:after{content:'+';transition:transform .28s ease}
.lii-apoie details[open]>summary:after{content:'+';transform:rotate(45deg)}
.lii-apoie details.is-animating{overflow:hidden}
@media(prefers-reduced-motion:reduce){.lii-apoie details>summary:after{transition:none}}

/* Botões de duas linhas (abertura e Quero patrocinar): 1ª linha Bold, 2ª ("Sou pessoa…") Regular.
   Só CSS (::first-line), o texto continua editável no bloco Botão; por isso o link é bloco, não flex. */
.lii-apoie .hero .wp-block-buttons.hero-actions .wp-block-button__link,
.lii-apoie .sponsor-actions .wp-block-button__link{display:block;font-weight:400}
.lii-apoie .hero .wp-block-buttons.hero-actions .wp-block-button__link{padding-block:12px}
.lii-apoie .sponsor-actions .wp-block-button__link{padding:18.5px 31px;min-height:89px}
.lii-apoie :is(.hero-actions,.sponsor-actions) .wp-block-button__link::first-line{font-weight:700}

/* Formas do Figma: atrás do conteúdo, nunca recebem clique ou foco. Posição e largura vêm do apoie.js;
   cada camada é um SVG próprio (camada composta pelo navegador) que deriva devagar e volta à posição do Figma. */
.lii-apoie .has-fitas>:not(.apoie-fitas){position:relative;z-index:1}
.lii-apoie .apoie-fitas{position:absolute;z-index:0;margin:0;padding:0;pointer-events:none}
.lii-apoie .apoie-camada{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:50% 50%;animation:apoie-deriva 16s ease-in-out infinite alternate;will-change:transform}
.lii-apoie .apoie-fitas:not(.is-visible) .apoie-camada{animation-play-state:paused}
.lii-apoie.is-still .apoie-camada{animation:none}
@keyframes apoie-deriva{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(var(--fita-dx),var(--fita-dy),0) rotate(var(--fita-rot))}}
@media(prefers-reduced-motion:reduce){.lii-apoie .apoie-camada{animation:none!important}}

/* Tablet e celular */
@media(max-width:1000px){
 .lii-apoie .hero .hero-content{column-gap:40px}
 .lii-apoie .hero .wp-block-buttons.hero-actions{grid-template-columns:1fr}
}
@media(max-width:781px){
 .lii-apoie .section{padding:52px var(--apoie-pad) 60px}
 .lii-apoie .hero,.lii-apoie .hero .hero-content{min-height:0}
 /* Celular: foto em cima, texto embaixo sobre o petróleo. */
 .lii-apoie .hero>.wp-block-columns.apoie-columns{display:flex;flex-direction:column}
 .lii-apoie .hero>.apoie-columns>.wp-block-column:last-child{order:-1}
 .lii-apoie .hero .hero-image{position:relative;inset:auto;height:min(360px,82vw)}
 .lii-apoie .hero .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-position:50% 45%}
 .lii-apoie .hero .hero-image::after{background:linear-gradient(180deg,rgba(6,0,21,0) 55%,rgba(6,0,21,1) 100%)}
 .lii-apoie .hero .hero-content{display:block;padding:8px var(--apoie-pad) 56px}
 .lii-apoie .hero h1{padding-bottom:24px;margin-bottom:24px}
 .lii-apoie .hero .hero-sub{margin-bottom:18px}
 .lii-apoie .hero .wp-block-buttons.hero-actions{margin-top:24px}
 .lii-apoie .ribbon{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
 .lii-apoie .ribbon>p{padding:18px 16px;font-size:13px;letter-spacing:.1em;text-align:center;border-left:0}
 .lii-apoie .ribbon>p:nth-child(even){border-left:1px solid currentColor}
 .lii-apoie .ribbon>p:nth-child(n+3){border-top:1px solid currentColor}
 .lii-apoie .wp-block-group.section-intro{display:block;margin-bottom:30px}
 .lii-apoie .section-intro>p:not(.eyebrow){margin-top:20px}
 .lii-apoie .apoie-columns{gap:30px}
 .lii-apoie .has-fitas:not(.sponsor-cta){padding-bottom:calc(60px + var(--fitas-reserva,0px))}
 .lii-apoie .support p.text-link a{display:block;padding:13px 20px;text-align:center}
 .lii-apoie .sponsor-cta{min-height:0;padding-block:64px}
 /* O centro do Figma (área do texto) não tem formas: no celular a composição, na escala mínima, vira faixa abaixo dos botões, ancorada à esquerda. */
 .lii-apoie .sponsor-cta.has-fitas{padding-bottom:calc(64px + 190px)}
 .lii-apoie .apoie-fitas--sponsor{inset:auto auto 0 0!important;width:835px!important;aspect-ratio:1440/579}
 .lii-apoie .wp-block-buttons.sponsor-actions{flex-direction:column;width:100%}
 .lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button{min-width:0!important;width:100%}
 .lii-apoie .sponsor-actions .wp-block-button__link{white-space:normal;padding-inline:20px}
 .lii-apoie .photo-band{min-height:180px;padding-block:40px}
 .lii-apoie .faq,.lii-apoie .contact,.lii-apoie .manifesto{min-height:0}
}

/* Tema escuro do site: seções creme/branco viram cartão escuro (theme.css); o texto acompanha e os verdes passam a amarelo para manter contraste. */
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie :is(.manifesto,.companies,.friends,.faq,.project).has-locomotiva-black-color,
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie :is(.manifesto,.companies,.friends,.faq),
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie :is(.project,.mechanisms .eyebrow,.mechanisms>.wp-block-column>p:first-child){color:var(--lii-page-ink)!important}
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie :is(.manifesto,.companies,.friends,.faq) .eyebrow,
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie :is(.project-body h3.project-name,.mechanisms h3){color:var(--brand-yellow)}
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie .ribbon{color:var(--brand-cream)}
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie .project details{border-top-color:var(--lii-page-line)}
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie .support .callout{background:var(--lii-page-card);color:var(--lii-page-ink)}
html[data-lii-theme=dark] .lii-theme-enabled .lii-apoie .support .callout :is(p,*:first-child){color:var(--brand-yellow)}

/* 1.21.6: Quero patrocinar em telas até 429 px. Os dois botões empilhados ficam com a altura do maior (antes 91 e 117 px em 390).
   O link continua em bloco para a 1ª linha seguir em Bold; o texto é centralizado na vertical. 430+ e desktop sem mudança. */
@media(max-width:429px){
 .lii-apoie .wp-block-buttons.sponsor-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;align-items:stretch}
 .lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button{display:flex}
 .lii-apoie .wp-block-buttons.sponsor-actions>.wp-block-button>.wp-block-button__link{align-content:center}
}