/* Sistema visual compartilhado — Wisecon 3.1. */
:root{--ink:#202d4b;--gold:#b88b4a;--paper:#f7f8fb;--muted:#526078;--line:rgba(32,45,75,.16);--photo-radius:18px;--section-space:88px}
body{font-size:16px;line-height:1.7;background:var(--paper)}
.wrap{width:min(1200px,calc(100% - 80px))}
h1,h2,h3{font-weight:500;letter-spacing:-.035em;line-height:1.15;text-wrap:balance;overflow-wrap:break-word}
.section{padding:var(--section-space) 0}
.section-head{grid-template-columns:.65fr 1.35fr;gap:56px;align-items:start;margin-bottom:42px}
.section h2,.cta-band h2{font-size:clamp(34px,3.4vw,48px);line-height:1.16;letter-spacing:-.035em}
.section-head p,.process-grid>div>p,.contact-intro,.long-copy p,.about-copy p{font-size:17px;line-height:1.8}
.eyebrow,.inner-hero .eyebrow{font-size:12px;letter-spacing:1.5px;line-height:1.6}
.eyebrow::before{width:24px;flex:none}
.hero-cinematic{min-height:760px;min-height:min(880px,100svh);padding:148px 0 36px}
.hero-cinematic .hero-grid{grid-template-columns:1.6fr .8fr;gap:44px 64px}
.hero-cinematic h1{font-size:clamp(52px,5.8vw,82px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}
.hero-cinematic .hero-copy>p{font-size:18px;line-height:1.75;max-width:570px}
.hero-cinematic .eyebrow{font-size:12px;letter-spacing:1.5px}
.hero-perspective{padding:0 0 0 24px;margin-bottom:26px}
.hero-perspective p{font-size:28px;line-height:1.35}
.hero-perspective>span{font-size:11px;letter-spacing:1.4px}
.hero-cinematic .hero-bottom{font-size:11px;letter-spacing:.8px;line-height:1.7;padding-top:24px}
.button,.hero-cinematic .button{font-size:14px;padding:14px 22px;min-height:48px;gap:22px;line-height:1.4}
.button span{font-size:18px}
.button.gold{background:linear-gradient(120deg,#c69a5a,#a97636);color:#fff}
.header-row{min-height:74px}.site-header .navigation ul a{font-size:14px}
.header-brand .wisecon-logo{width:260px}
.inner-hero{padding:142px 0 64px;background:#14233e}
.inner-hero.editorial-hero{padding:138px 0 64px}
.inner-hero .inner-grid{grid-template-columns:1.1fr .9fr;gap:56px}
.inner-hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.13;letter-spacing:-.035em;margin:24px 0;max-width:820px}
.inner-hero.editorial-hero h1{max-width:920px;font-size:clamp(36px,3.8vw,54px)}
.inner-hero p{font-size:17px;line-height:1.8;color:#d8e3f4;margin-bottom:24px}
.inner-hero .crumbs{font-size:12px;letter-spacing:.5px;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.inner-hero .inner-image{height:400px;padding:0}
.inner-hero .inner-image>img{height:100%;width:100%;object-fit:cover;filter:saturate(1.07) contrast(1.025)}
.inner-hero .inner-image::after{inset:0;background:linear-gradient(130deg,rgba(255,255,255,.24),transparent 30%,transparent 58%,rgba(184,221,255,.1) 67%,transparent 78%)}
.hero-service-mark{padding:16px 0;gap:12px}.hero-service-mark .wc-icon{width:28px;height:28px}
.inner-image .hero-service-mark span{font-size:12px;line-height:1.5}
.inner-hero .inner-image:has(.hero-service-mark){margin-bottom:58px}
.editorial-grid,.process-grid,.about-grid,.contact-grid,.faq-grid{gap:56px;grid-template-columns:1fr 1fr}
.operation-service{grid-template-columns:1fr;gap:52px}
.about-copy{padding-top:0}.about h2,.faq h2,.contact h2{margin-top:20px}
.long-copy p{margin-bottom:22px}.long-copy .microcopy{font-size:14px}
.solution-grid{gap:40px 28px}.card-image{height:auto;aspect-ratio:1.55}
.card-body{padding:24px 0 0}.card-body h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:14px 0}
.card-body small{font-size:12px;line-height:1.6;letter-spacing:.6px;color:#886020}
.card-body p{font-size:16px;line-height:1.75;margin-bottom:22px}.card-body b{font-size:14px;padding-top:18px}
.card-icon{margin-bottom:14px}.card-icon .wc-icon{width:30px;height:30px}
.card-image>span{font-size:12px;background:rgba(247,248,251,.94)}
.scope-item p{font-size:18px;line-height:1.55}.scope-item small{font-size:12px;margin-bottom:18px}.scope-item{min-height:150px}
.scope-section,.audience-section,.operation-section,.contact{background:radial-gradient(ellipse at 100% 0%,rgba(52,132,229,.07),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(184,139,74,.09),transparent 55%),#edf2f8}
.process-photo{height:440px}.photo-caption,.process-photo .photo-caption{font-size:clamp(25px,2.5vw,34px);line-height:1.25;letter-spacing:-.03em;left:28px;bottom:30px;right:28px}
.process-list li,.document-list li,.related-links a{font-size:17px;line-height:1.7}
.document-list li{padding:16px 0}.process-list li{padding-block:21px}
.pillars{gap:32px}.pillars h3,.approach-list h3,.step h3{font-size:26px;line-height:1.25;letter-spacing:-.025em}
.pillars p,.approach-list p,.step p{font-size:16px;line-height:1.75}.pillars small,.approach-list article>span{font-size:12px}
.approach-grid{gap:56px}.approach-photo{height:400px}.audience-grid>a{height:380px}.audience-grid h3{font-size:29px;line-height:1.2}
.audience-grid small,.audience-grid span{font-size:12px;line-height:1.6;letter-spacing:1px}
.steps{gap:28px}.step{padding:28px 0;background:none;border-top:1px solid var(--line);border-radius:0;min-height:0}
.step-number{font-size:14px;margin-bottom:20px;padding-bottom:18px}
.statement{font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:-.03em;padding-top:45px}
summary{font-size:18px;line-height:1.5}details p{font-size:16px;line-height:1.8}
.contact-form{padding:0}.field label{font-size:14px}.field input,.field select,.field textarea{font-size:16px;padding:12px 0}
.form-purpose{font-size:13px;line-height:1.7}.form-status{font-size:15px;line-height:1.7}
.operation-panel{gap:56px;min-height:400px}.operation-copy h3{font-size:40px;line-height:1.2;letter-spacing:-.03em}.operation-copy p{font-size:17px;line-height:1.8}
.operation-copy>small,.operation-topline,.operation-topline small,.operation-controls{font-size:12px;letter-spacing:1px}
.operation-step{font-size:15px;padding:20px 12px}.operation-sheet{font-size:15px}
.site-footer{background:#14233e}.footer-top p{font-size:16px}.footer-service-links{font-size:14px;line-height:1.6;gap:14px 28px}
.footer-bottom{font-size:13px;line-height:1.7}.footer-brand .wisecon-logo{width:220px}
.page-content{padding:64px 0 80px}.entry{max-width:780px;margin-inline:auto;font-size:18px;line-height:1.85}
.entry h2{font-size:30px;line-height:1.3}.entry h3{font-size:25px;line-height:1.3}.entry a{overflow-wrap:anywhere}.entry li{line-height:1.8}
.article-cover{max-height:400px;aspect-ratio:1.8;border-radius:18px}.post-card{max-width:900px;margin-inline:auto}.post-card h2{font-size:30px;line-height:1.25}
.wide-photo{height:440px}.wide-photo p{font-size:clamp(30px,3.4vw,46px);line-height:1.25}.wide-photo small{font-size:12px}
.whatsapp{font-size:13px;background:#a97636}
/* Vidro iluminado: refração canelada nas laterais, leitura calma à esquerda. */
.inner-hero::before{background:linear-gradient(90deg,#14233e 8%,rgba(20,35,62,.98) 33%,rgba(20,35,62,.5) 62%,rgba(20,35,62,.15)),repeating-linear-gradient(90deg,rgba(4,16,39,.22) 0px,transparent 12px,rgba(169,221,255,.14) 17px,rgba(236,247,255,.25) 19px,rgba(4,20,47,.28) 24px,transparent 34px),radial-gradient(ellipse at 91% 42%,rgba(197,241,255,.95),transparent 16%),radial-gradient(ellipse at 80% 62%,rgba(15,117,240,.95),transparent 42%),radial-gradient(ellipse at 95% 0%,rgba(202,160,95,.5),transparent 40%),#10213d}
.hero-lines{inset:0 0 0 48%;background:repeating-linear-gradient(90deg,rgba(4,16,39,.15) 0px,transparent 14px,rgba(169,221,255,.12) 19px,rgba(236,247,255,.24) 21px,rgba(4,20,47,.25) 26px,transparent 36px),radial-gradient(ellipse at 91% 40%,rgba(190,239,255,.62),transparent 18%),radial-gradient(ellipse at 77% 70%,rgba(15,117,240,.56),transparent 50%);mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.hero-lines::after{display:none}.hero-background>img{opacity:.6;filter:saturate(1.05) contrast(1.04)}
.hero-light{background:radial-gradient(ellipse at 85% 40%,rgba(168,222,255,.23),transparent 28%),radial-gradient(ellipse at 60% 75%,rgba(15,111,239,.3),transparent 50%)}
.about,.cta-band{background:#182b48}
.about::before,.cta-band::before{width:auto;height:auto;inset:0;border:0;border-radius:0;top:0;right:0;background:linear-gradient(90deg,#182b48 5%,rgba(24,43,72,.94) 48%,rgba(24,43,72,.2)),repeating-linear-gradient(90deg,transparent 0 25px,rgba(187,225,255,.1) 28px,rgba(235,247,255,.16) 30px,rgba(7,29,61,.2) 35px,transparent 40px),radial-gradient(ellipse at 95% 40%,rgba(146,216,251,.7),transparent 25%),radial-gradient(ellipse at 75% 80%,rgba(12,105,219,.6),transparent 55%)}
.about .long-copy p,.about-copy p,.cta-band p{color:#d5e2f5}
@media(max-width:1100px) and (min-width:801px){.header-brand .wisecon-logo{width:220px}.site-header .navigation ul a{font-size:13px}.inner-hero .inner-grid{gap:36px}.inner-hero .inner-image{height:360px}.hero-cinematic .hero-grid{gap:40px}}
@media(max-width:800px){
 :root{--section-space:64px}.wrap{width:calc(100% - 40px)}.header-row{min-height:66px}.header-brand .wisecon-logo{width:215px}
 .hero-cinematic{padding:124px 0 30px;min-height:auto}.hero-cinematic .hero-grid{grid-template-columns:1fr;gap:32px}.hero-cinematic h1{font-size:clamp(43px,8vw,62px);max-width:650px}.hero-cinematic .hero-copy>p{font-size:17px}.hero-cinematic .hero-actions{flex-direction:row;align-items:flex-start}.hero-cinematic .hero-bottom{font-size:11px;gap:16px;flex-wrap:wrap}.hero-scroll{margin-top:0}.hero-lines{inset:0 0 0 25%;opacity:.7}
 .inner-hero,.inner-hero.editorial-hero{padding:114px 0 48px}.inner-hero .inner-grid{grid-template-columns:1fr;gap:32px}.inner-hero h1,.inner-hero.editorial-hero h1{font-size:clamp(34px,6vw,44px);max-width:680px}.inner-hero p{font-size:16px}.inner-hero .inner-image{height:320px;max-width:100%;padding:0}.inner-hero .inner-image::after{inset:0}.inner-hero .eyebrow{font-size:12px}.inner-hero .inner-image:has(.hero-service-mark){margin-bottom:46px}.inner-hero::before{opacity:.7}
 .section-head,.editorial-grid,.process-grid,.about-grid,.contact-grid,.faq-grid,.approach-grid{grid-template-columns:1fr;gap:28px}.section-head{margin-bottom:32px}.section h2,.cta-band h2{font-size:clamp(30px,5vw,38px)}.section-head p,.long-copy p,.about-copy p,.contact-intro{font-size:16px}.section-head p{margin-top:18px}.section h2 br{display:none}
 .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.card-body h3{font-size:23px}.card-body small{font-size:12px}.card-body p{font-size:15px}.card-image{aspect-ratio:1.45}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.scope-item p{font-size:17px}
 .process-photo,.approach-photo{height:340px}.photo-caption,.process-photo .photo-caption{font-size:28px;left:24px;right:24px;bottom:24px}.steps,.pillars{grid-template-columns:1fr;gap:24px}.audience-grid{grid-template-columns:1fr}.audience-grid>a{height:340px}.audience-grid h3{font-size:27px}.operation-service{gap:40px}.operation-panel{grid-template-columns:1fr;gap:24px;min-height:0}.operation-copy h3{font-size:32px}.operation-copy p{font-size:16px}.operation-step{font-size:12px;padding:16px 4px;flex-direction:column}.operation-topline{flex-wrap:wrap;gap:8px}.operation-controls{font-size:12px}.operation-steps{gap:10px}.operation-sheet{font-size:14px}
 .footer-service-links{grid-template-columns:repeat(2,1fr);font-size:13px}.footer-bottom{font-size:13px}.entry{font-size:17px}.entry h2{font-size:27px}.entry h3{font-size:23px}.page-content{padding-block:48px}.wide-photo{height:360px}.wide-photo p{font-size:32px}.wide-photo .wrap{bottom:32px}
}
@media(max-width:520px){.solution-grid,.scope-grid,.related-links{grid-template-columns:1fr}.hero-cinematic h1{font-size:44px}.hero-cinematic .hero-actions{flex-direction:column;align-items:stretch}.hero-cinematic .button{font-size:14px;padding:14px 20px}.hero-cinematic .eyebrow{font-size:11px}.hero-cinematic .hero-bottom>span{max-width:100%}.inner-hero .inner-image{height:260px}.form-grid{grid-template-columns:1fr}.process-photo,.approach-photo{height:310px}.photo-caption,.process-photo .photo-caption{font-size:26px}.operation-illustration{max-height:190px}.contact-links{font-size:16px}.card-body h3{font-size:24px}.card-body p{font-size:16px}.statement{font-size:29px}.article-cover{aspect-ratio:1.4}.whatsapp{right:14px;bottom:14px;padding:10px 16px;font-size:12px}.footer-service-links{gap:14px 20px}.wide-photo p{font-size:29px}.operation-controls{padding-bottom:42px}}
@media(max-width:360px){.header-brand .wisecon-logo{width:190px}.hero-cinematic h1{font-size:40px}.operation-step{font-size:11px}.wrap{width:calc(100% - 32px)}}

/* Hero na mesma linguagem de vidro canelado das páginas internas. */
.hero-cinematic{background:#10213d;min-height:820px;min-height:min(880px,100svh)}
.hero-reference{background:radial-gradient(ellipse at 88% 33%,#225681 0%,#102b52 35%,#10213d 70%)}
.hero-reference::after{z-index:3;background:linear-gradient(90deg,#10213d 5%,rgba(16,33,61,.98) 32%,rgba(16,33,61,.68) 48%,rgba(16,33,61,.1) 80%),linear-gradient(0deg,rgba(16,33,61,.8),transparent 40%)}
.reference-light{position:absolute;inset:-15% -12% -10% 24%;background:radial-gradient(ellipse at 83% 29%,rgba(233,252,255,.98),transparent 13%),radial-gradient(ellipse at 75% 41%,rgba(106,214,252,.95),transparent 25%),radial-gradient(ellipse at 51% 67%,rgba(16,115,247,.95),transparent 43%),radial-gradient(ellipse at 76% 73%,rgba(0,72,225,.82),transparent 43%);filter:blur(18px);animation:reference-light-drift 14s ease-in-out infinite alternate;will-change:transform}
.reference-flutes{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,9,27,.38) 0px,rgba(8,26,52,.06) 12px,rgba(124,193,245,.14) 18px,rgba(231,249,255,.34) 20px,rgba(3,14,35,.44) 25px,rgba(23,68,116,.12) 34px);mask-image:linear-gradient(90deg,transparent 22%,#000 60%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 60%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.hero-cinematic .hero-grid{position:relative;z-index:4}
.hero-cinematic h1 em{color:#d6ac68}
.hero-cinematic .hero-copy>p{color:#d8e3f4}
.hero-cinematic .hero-perspective{margin-bottom:26px;padding-left:24px;border-color:var(--gold);max-width:320px;justify-self:end}
@keyframes reference-light-drift{from{transform:translate(-18px,12px) scale(1)}to{transform:translate(18px,-18px) scale(1.06)}}
@media(max-width:800px){.hero-cinematic{min-height:0;padding-top:124px}.hero-reference::after{background:linear-gradient(90deg,rgba(16,33,61,.94),rgba(16,33,61,.7) 60%,rgba(16,33,61,.3)),linear-gradient(0deg,#10213d,transparent 60%)}.reference-light{inset:-10% -50% 0 0}.reference-flutes{opacity:.7}}
@media(prefers-reduced-motion:reduce){.reference-light{animation:none}}

/* Luz em planos distantes, vista através do vidro da hero. */
.reference-depth{position:absolute;inset:-15% -10% -15% 20%;background:radial-gradient(ellipse at 65% 38%,rgba(0,5,24,.88) 0%,rgba(1,9,30,.72) 28%,transparent 50%),radial-gradient(ellipse at 64% 42%,transparent 34%,rgba(32,137,254,.25) 42%,rgba(148,226,255,.58) 45%,rgba(228,248,255,.74) 46%,rgba(28,136,246,.34) 50%,transparent 59%),radial-gradient(ellipse at 65% 73%,rgba(0,11,39,.7),transparent 55%);transform:rotate(-21deg);filter:blur(9px);opacity:.9}
.reference-light{opacity:.66}
.reference-flutes{box-shadow:inset -90px 0 130px rgba(1,8,26,.35)}
.hero-reference::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 47%,rgba(13,47,92,.2) 54%,rgba(169,224,255,.13) 55%,transparent 58%);z-index:1;pointer-events:none}
@media(max-width:800px){.reference-depth{inset:-10% -70% -10% 0;opacity:.75}}

/* Profundidade compartilhada nas aberturas e nas seções institucionais. */
.inner-hero::before,.about::before,.cta-band::before{background:
 linear-gradient(90deg,#10213d 5%,rgba(16,33,61,.98) 32%,rgba(16,33,61,.68) 48%,rgba(16,33,61,.12) 80%),
 repeating-linear-gradient(90deg,rgba(0,9,27,.38) 0px,rgba(8,26,52,.06) 12px,rgba(124,193,245,.14) 18px,rgba(231,249,255,.34) 20px,rgba(3,14,35,.44) 25px,rgba(23,68,116,.12) 34px),
 radial-gradient(ellipse at 78% 34%,rgba(0,5,24,.72) 0%,rgba(1,9,30,.5) 25%,transparent 45%),
 radial-gradient(ellipse at 77% 38%,transparent 30%,rgba(32,137,254,.25) 38%,rgba(148,226,255,.45) 42%,rgba(228,248,255,.65) 43%,rgba(28,136,246,.3) 48%,transparent 58%),
 radial-gradient(ellipse at 95% 30%,rgba(222,249,255,.82),transparent 17%),
 radial-gradient(ellipse at 78% 65%,rgba(16,115,247,.85),transparent 43%),#10213d;
 box-shadow:inset -90px 0 130px rgba(1,8,26,.3);
}
.inner-hero,.about,.cta-band{background:#10213d}
.inner-hero .inner-image>img{box-shadow:0 28px 65px rgba(0,7,25,.4)}
.inner-hero .inner-image::after{background:linear-gradient(130deg,rgba(231,248,255,.22),transparent 28%,transparent 58%,rgba(151,222,255,.14) 67%,transparent 79%);box-shadow:inset 0 1px 0 rgba(235,250,255,.48),inset 1px 0 0 rgba(200,233,255,.18)}
@media(max-width:800px){.inner-hero::before,.about::before,.cta-band::before{opacity:.72}}
