/* Hallmark · macrostructure: Workbench · tone: restrained · anchor hue: green
 * In-place integration of process, media slot and FAQ. Existing hero/footer preserved.
 * Hallmark · pre-emit critique: P4 H5 E3 S4 R5 V4
 * DESIGN_VARIANCE: 6 / MOTION_INTENSITY: 3 / VISUAL_DENSITY: 3
 */
@import url("tokens.css?v=20261002-integradas");
.section-draft{background:var(--color-section-paper);color:var(--color-section-ink);font-family:var(--font-section)}
.section-draft-inner{width:min(calc(100% - 48px),1360px);margin-inline:auto;padding-block:var(--space-2xl)}
.section-draft h2{font-size:clamp(28px,3.3vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.04em;font-style:normal;overflow-wrap:anywhere;margin:0;max-width:24ch}
.section-draft p{font-size:15px;line-height:1.6;color:var(--color-section-muted);margin:0;max-width:38ch}
.process-heading{margin-bottom:var(--space-xl)}
.process-flow{display:grid;grid-template-columns:minmax(0,1fr);list-style:none;padding:0;margin:0 0 var(--space-xl);gap:var(--space-lg)}
.process-step{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-md);min-width:0}
.process-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--color-section-rule);border-radius:50%;color:var(--color-section-accent);font-size:13px;line-height:1}
.process-copy h3{margin:2px 0 var(--space-sm);font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.025em}
.process-copy .social-logos{gap:14px;margin-top:var(--space-md)}
.process-copy .social-logos img{width:18px;height:18px;opacity:.8}
.media-draft{margin:0;min-width:0}
.media-draft-slot{aspect-ratio:16/9;display:grid;place-items:center;border:1px solid var(--color-section-rule);border-radius:var(--radius-section);background:var(--color-section-surface);padding:var(--space-lg)}
.media-draft-slot span{color:var(--color-section-muted);font-size:14px;line-height:1.5;text-align:center}
.media-draft figcaption{margin-top:var(--space-md);color:var(--color-section-muted);font-size:12px;line-height:1.5}
.faq-draft .section-draft-inner{max-width:940px;padding-top:var(--space-lg);padding-bottom:var(--space-3xl)}
.faq-draft-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
.faq-draft-list{min-width:0}
.faq-draft-list details{border-bottom:1px solid var(--color-section-rule)}
.faq-draft-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-lg);cursor:pointer;list-style:none;white-space:nowrap;color:var(--color-section-ink);font-size:16px;line-height:1.4}
.faq-draft-list summary::-webkit-details-marker{display:none}
.faq-draft-list summary::after{content:"+";font-size:24px;line-height:1;color:var(--color-section-accent)}
.faq-draft-list details[open] summary::after{content:"−"}
.faq-draft-list summary:hover{color:var(--color-section-accent)}
.faq-draft-list summary:active{opacity:.8}
.faq-draft-list summary:focus-visible{outline:2px solid var(--color-section-accent);outline-offset:4px}
.faq-draft-list details p{padding-bottom:var(--space-lg);max-width:65ch}
@media(min-width:48rem){
 .section-draft-inner{width:min(calc(100% - clamp(48px,10vw,176px)),1360px);padding-block:var(--space-3xl)}
 .process-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}
 .process-step+.process-step{padding-left:var(--space-lg);border-left:1px solid var(--color-section-rule)}
 .media-draft-slot{aspect-ratio:16/7}
 .faq-draft .section-draft-inner{padding-top:var(--space-xl);padding-bottom:calc(var(--space-3xl) + var(--space-lg))}
}
@media(max-width:24rem){
 .section-draft-inner{width:calc(100% - 36px)}
 .section-draft h2{font-size:28px}
}