/* DISTRITO FORENSE — SALA 317 | Etapa 2: direção visual e responsividade
   Os arquivos em assets/ são recursos a produzir; não substituí-los por imagens genéricas.
   Fontes locais opcionais: SpecialElite-Regular.woff2, Inter-Regular.woff2,
   Inter-SemiBold.woff2, Inter-Bold.woff2. */




:root{color-scheme:dark;--ink:#0a0908;--coal:#11100e;--paper:#cbb9a4;--paper-light:#e0d1bd;--text:#f0ece7;--muted:#b9b2aa;--red:#8b2422;--red-hover:#a62d29;--black-text:#1b1714;--line:rgba(242,225,204,.19);--sans:Arial,Helvetica,sans-serif;--type:'Courier New',monospace;--container:1120px;--gutter:clamp(20px,5.8vw,76px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--ink);color:var(--text);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f3b77c;outline-offset:4px}h1,h2,h3,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0}li{list-style:none}.container{width:min(var(--container),calc(100% - 2*var(--gutter)));margin-inline:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:-80px;left:20px;padding:12px 18px;background:var(--paper-light);color:var(--black-text)}.skip-link:focus{top:12px}.anchor-target{display:block;position:relative;top:-90px}
/* Header: transparência sobre a fotografia de abertura */
.site-header{position:absolute;inset:0 0 auto;z-index:30;height:96px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:96px}.brand{display:inline-flex;flex:none;flex-direction:column;font-family:var(--type);font-size:clamp(19px,2.1vw,28px);font-weight:bold;line-height:.87;letter-spacing:-.075em;text-shadow:0 2px 9px #000}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,32px);flex-wrap:wrap}.main-nav a,.header-cta{font-size:10px;font-weight:700;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.main-nav a{color:#d6d1cc;transition:color .2s}.main-nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:15px 28px;border:1px solid transparent;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;transition:background .2s,transform .2s,border-color .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{background:var(--red);color:#fff}.button-primary:hover:not(:disabled){background:var(--red-hover)}.button-outline{background:rgba(7,6,5,.83);border-color:rgba(227,201,175,.32);color:#fff}.button-outline:hover{border-color:var(--paper-light)}.button-large{min-width:235px;min-height:60px}.header-cta{padding-inline:20px;min-height:47px}.menu-toggle{display:none}
/* Abertura: arte deve conter evidências na metade direita, com área escura à esquerda */
.hero{position:relative;display:flex;align-items:center;min-height:clamp(570px,52vw,680px);isolation:isolate;overflow:hidden;background:#080706}.hero-art{position:absolute;inset:0;z-index:-2;background-image:url('assets/images/hero-bg.webp');background-size:cover;background-position:center center}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.85) 25%,rgba(0,0,0,.43) 51%,rgba(0,0,0,.06) 85%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 28%)}.hero-inner{padding-top:124px;padding-bottom:70px}.hero-copy{width:min(520px,54%)}.hero-title{display:flex;align-items:center;gap:18px;margin-bottom:15px;font:400 clamp(64px,7.4vw,106px)/1 var(--type);letter-spacing:-.075em;white-space:nowrap}.hero-number{display:inline-block;padding:8px 13px 0;background:var(--red);color:#100d0c;transform:rotate(-2deg);border-radius:3px}.hero-lead{font-size:clamp(18px,2vw,25px);font-weight:700;line-height:1.22;letter-spacing:-.025em}.hero-description{max-width:445px;margin-top:18px;color:#ded8d3;font-size:clamp(13px,1.25vw,16px);line-height:1.45}.hero .button{margin-top:27px}.hero-features{display:flex;align-items:center;gap:0;margin-top:38px}.hero-features li{display:flex;align-items:center;gap:9px;padding:0 17px;border-right:1px solid #817a73;font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap}.hero-features li:first-child{padding-left:0}.hero-features li:last-child{border-right:0}.hero-features li::before{content:'◉';font-size:15px;font-weight:400}
/* Papel: bordas irregulares e manchas dependem das texturas de assets */
.paper-section{position:relative;isolation:isolate;color:var(--black-text);background:var(--paper) linear-gradient(transparent,transparent) center/cover}.paper-section::before,.paper-section::after{content:"";position:absolute;left:0;right:0;height:18px;pointer-events:none;background:var(--paper) linear-gradient(transparent,transparent) center/cover;clip-path:polygon(0 35%,4% 0,10% 40%,16% 14%,23% 48%,31% 15%,39% 40%,47% 7%,56% 50%,64% 18%,73% 40%,82% 5%,91% 42%,100% 16%,100% 100%,0 100%)}.paper-section::before{top:-12px}.paper-section::after{bottom:-12px;transform:rotate(180deg)}.typewriter-heading{font:400 clamp(26px,3.4vw,45px)/1.17 var(--type);letter-spacing:-.05em;text-transform:uppercase}
/* O caso */
.case-section{padding:62px 0 57px;z-index:2}.case-layout{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(30px,5vw,80px)}.case-copy{position:relative;z-index:3;padding:18px 0}.case-heading{display:inline-block;margin:0 0 32px;padding:15px 17px 11px;background:rgba(237,221,202,.75);box-shadow:3px 5px 13px #382d223b;transform:rotate(-1.5deg)}.case-copy p{max-width:365px;font-size:clamp(14px,1.4vw,17px);line-height:1.36}.case-copy p+p{margin-top:4px}.case-copy .case-question{max-width:320px;margin-top:22px;color:#842622;font-size:clamp(17px,1.8vw,21px);font-weight:700;line-height:1.15}.case-photos{position:relative;min-height:410px}.photo{position:absolute;overflow:hidden;background:#29221c;box-shadow:0 9px 16px rgba(0,0,0,.4);border:9px solid #e0d3c0}.photo img{width:100%;height:100%;object-fit:cover}.photo-corridor{top:5%;left:0;width:70%;height:85%;transform:rotate(-5deg);border-color:#1c1917}.photo-hotel{z-index:3;right:-5%;bottom:-13%;width:37%;height:49%;transform:rotate(10deg);border-bottom-width:30px}.case-note{position:absolute;z-index:2;right:-1%;top:0;width:37%;min-height:55%;padding:25px 18px;background:#ddc5a7 linear-gradient(transparent,transparent) center/cover;box-shadow:2px 8px 16px #0003;transform:rotate(8deg);font:15px/1.75 var(--type)}
/* Materiais */
.section-dark{background:#090807}.contents-section{padding:47px 0 58px}.section-title{text-align:center;color:#eee9e4;font-size:clamp(25px,2.7vw,34px)}.section-intro{text-align:center;margin:12px 0 30px;color:#b9b0a7;font-size:13px}.contents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.contents-card img{width:100%;aspect-ratio:1.25;object-fit:cover;background:#211a16}.contents-card h3{margin-top:13px;color:#fff;font-size:13px;line-height:1.25;text-transform:uppercase}.contents-card p{margin-top:4px;color:#c8c1b9;font-size:13px;line-height:1.35}
/* Público */
.audience-section{padding:34px 0;z-index:2}.audience-layout{display:grid;grid-template-columns:1.55fr repeat(3,.8fr);align-items:center}.audience-intro{padding:0 32px 0 0}.audience-intro h2{margin-bottom:13px;font-size:clamp(26px,2.9vw,38px)}.audience-intro p{font-size:14px;line-height:1.38}.audience-item{display:flex;min-height:160px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 15px;text-align:center;border-left:1px solid #827566}.audience-icon{display:grid;place-items:center;height:58px;color:#0d0b09;font-family:Arial,sans-serif;font-size:50px;font-weight:900;line-height:1}.audience-item h3{font-size:13px;text-transform:uppercase}.audience-item p{max-width:170px;font-size:12px;line-height:1.3}
/* Depoimentos */
.testimonials-section{position:relative;isolation:isolate;padding:65px 0 55px;background:#170a08 url('assets/images/evidencias-caso-317.webp') center/cover}.testimonials-section::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,5,4,.82),rgba(38,9,6,.65)),linear-gradient(0deg,#080605,transparent 65%)}.testimonials-section h2{margin-bottom:26px;font-size:clamp(26px,3.2vw,39px)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-left:16%}.testimonial-note{display:flex;min-height:156px;flex-direction:column;justify-content:center;padding:26px 19px;background:#ded1bf linear-gradient(transparent,transparent) center/cover;color:#26201b;text-align:center;box-shadow:0 6px 17px #0008;transform:rotate(-3deg)}.testimonial-note:nth-child(2){transform:rotate(2deg)}.testimonial-note:nth-child(3){transform:rotate(-2deg)}.testimonial-note p{font:italic 14px/1.4 Georgia,serif}.testimonial-note footer{margin-top:13px;font-size:13px}
/* Passo a passo */
.steps-section{padding:33px 0 39px;text-align:center;z-index:2}.steps-section h2{font-size:clamp(22px,2.5vw,32px);font-weight:700;line-height:1.2;text-transform:uppercase}.steps-subtitle{margin:2px 0 21px;font-size:14px}.steps-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.steps-list li{position:relative;padding:0 18px}.steps-list li:not(:last-child)::after{content:'→';position:absolute;top:24px;right:-10px;font:30px/1 var(--type)}.step-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 10px;border-radius:50%;background:#0a0908;color:#fff;font:23px/1 var(--type)}.steps-list h3{font-size:14px;text-transform:uppercase}.steps-list p{max-width:180px;margin:5px auto 0;font-size:12px;line-height:1.3}
/* Oferta final */
.offer-section{display:grid;grid-template-columns:54% 46%;min-height:365px;background:#090807}.offer-visual{min-height:365px;background:#221810}.offer-visual img{width:100%;height:100%;max-height:540px;object-fit:cover}.offer-details{display:flex;align-items:center;padding:35px clamp(26px,5vw,80px) 35px clamp(24px,3.5vw,55px)}.offer-copy{max-width:440px}.offer-copy h2{font-size:25px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.offer-subtitle{margin-bottom:20px;color:#d5cdc4;font-size:16px;text-transform:uppercase}.offer-benefits{display:grid;gap:7px;margin-bottom:18px}.offer-benefits li{display:flex;align-items:start;gap:10px;font-size:13px}.offer-benefits li::before{content:'✦';color:#e2d8cb}.offer-price{font-size:30px;font-weight:700;line-height:1.2}.offer-caption{margin:3px 0 15px;color:#b8ada4;font-size:12px}.checkout-button{width:min(100%,345px)}.checkout-button:disabled{opacity:.6;cursor:not-allowed;transform:none}
/* Benefícios e rodapé */
.trust-strip{border-block:1px solid #28231f;background:#11100f}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px}.trust-item{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 15px;border-right:1px solid #332d27}.trust-item:last-child{border-right:0}.trust-item>span{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:50%;background:#e5e0d9;color:#12100e;font-size:25px;font-weight:700}.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:11px;text-transform:uppercase}.trust-item small{margin-top:3px;color:#aaa19a;font-size:10px}.site-footer{padding:30px 0 34px;background:#0b0a09}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-identity{display:flex;align-items:center;gap:36px}.footer-identity p{color:#8e857c;font-size:11px;line-height:1.5}.footer-legal{text-align:right}.footer-legal nav{display:flex;justify-content:flex-end;gap:15px}.footer-legal nav a{color:#9c938c;font-size:11px}.footer-legal nav a+a{padding-left:15px;border-left:1px solid #494039}.footer-legal nav a:hover{color:white}.footer-legal small{display:block;margin-top:10px;color:#857b74;font-size:10px}
/* Telas médias */
@media(max-width:1000px){:root{--gutter:32px}.header-inner{gap:16px}.main-nav{gap:12px}.main-nav a,.header-cta{font-size:9px}.hero-copy{width:min(540px,64%)}.hero-title{font-size:clamp(64px,8vw,88px)}.case-photos{min-height:360px}.case-note{font-size:12px}.testimonial-note{padding:20px 13px}.testimonials-grid{margin-left:8%;gap:16px}.audience-layout{grid-template-columns:1.3fr repeat(3,.85fr)}.audience-intro{padding-right:20px}.offer-details{padding:25px}}
/* Menu mobile: JS da etapa 3 alternará aria-expanded no botão. */
@media(max-width:760px){:root{--gutter:22px}.site-header,.header-inner{height:76px;min-height:76px}.brand{font-size:23px}.header-cta{margin-left:auto;min-height:39px;padding:10px 12px;font-size:9px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;order:3;width:42px;height:42px;padding:9px;border:1px solid #71645b;background:#110d0b;color:#fff;cursor:pointer}.menu-toggle span{display:block;width:100%;height:2px;background:currentColor}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px var(--gutter) 18px;background:#100d0b;box-shadow:0 18px 25px #0008}.menu-toggle[aria-expanded="true"]+.main-nav{display:flex}.main-nav a{padding:13px 5px;border-bottom:1px solid #ffffff1b;font-size:12px}.hero{min-height:710px;align-items:end}.hero-art{background-position:63% center}.hero::before{background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.84) 37%,rgba(0,0,0,.16) 88%),linear-gradient(90deg,#0009,transparent 85%)}.hero-inner{padding-top:260px;padding-bottom:55px}.hero-copy{width:100%;max-width:540px}.hero-title{font-size:clamp(60px,12vw,90px)}.hero-lead{font-size:clamp(19px,4vw,24px)}.hero-description{font-size:14px}.hero-features{flex-wrap:wrap;gap:10px 0;margin-top:27px}.hero-features li{font-size:9px;padding-inline:10px}.case-section{padding:45px 0 60px}.case-layout{grid-template-columns:1fr;gap:16px}.case-copy{padding:0}.case-heading{margin-bottom:20px}.case-copy p{max-width:100%}.case-photos{min-height:390px;max-width:540px;width:100%;margin:auto}.photo-corridor{width:70%;height:82%}.photo-hotel{right:0;bottom:-6%}.case-note{right:2%;font-size:13px}.contents-section{padding:45px 0}.contents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.contents-card img{aspect-ratio:1.3}.audience-section{padding:40px 0}.audience-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.audience-intro{grid-column:1/-1;padding:0 0 8px}.audience-item{padding-inline:9px;min-height:140px}.audience-item:nth-child(2){border-left:0}.testimonials-section{padding:55px 0}.testimonials-grid{margin-left:0;gap:14px}.testimonial-note{min-height:170px}.steps-list{gap:24px 0}.offer-section{grid-template-columns:1fr}.offer-visual{min-height:0}.offer-visual img{height:auto;max-height:420px;aspect-ratio:1.8;object-fit:cover}.offer-details{padding:35px var(--gutter) 43px}.offer-copy{max-width:none;width:100%}.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}.trust-item:nth-child(2){border-right:0}.footer-inner{align-items:flex-start}.footer-identity{gap:16px;align-items:flex-start;flex-direction:column}}
@media(max-width:520px){:root{--gutter:18px}.hero{min-height:675px}.hero-title{gap:11px;font-size:clamp(56px,13vw,73px)}.hero-number{padding:6px 9px 0}.hero .button{width:100%;max-width:300px}.hero-features li{padding-inline:7px;font-size:8px}.hero-features li::before{font-size:11px}.case-heading{font-size:clamp(28px,8vw,38px)}.case-photos{min-height:300px}.case-note{font-size:10px;padding:14px 10px}.photo{border-width:6px}.photo-hotel{border-bottom-width:22px}.contents-card h3{font-size:11px}.contents-card p{font-size:12px}.audience-layout{grid-template-columns:1fr}.audience-intro{grid-column:auto}.audience-item{min-height:0;padding:17px 5px;border-left:0;border-top:1px solid #827566}.audience-item p{max-width:250px}.testimonials-grid{grid-template-columns:1fr;gap:18px;max-width:370px;margin:auto}.testimonial-note,.testimonial-note:nth-child(2),.testimonial-note:nth-child(3){min-height:120px;transform:rotate(-1deg)}.steps-list{grid-template-columns:repeat(2,1fr);gap:30px 0}.steps-list li:nth-child(2)::after{display:none}.steps-list li:not(:last-child)::after{right:-8px}.steps-list li{padding-inline:12px}.steps-list p{font-size:11px}.offer-visual img{aspect-ratio:1.35}.trust-item{justify-content:flex-start;padding:0 8px;gap:8px}.trust-item>span{width:32px;height:32px;font-size:20px}.trust-item strong{font-size:9px}.trust-item small{font-size:9px}.footer-inner{flex-direction:column}.footer-legal{text-align:left}.footer-legal nav{justify-content:flex-start;flex-wrap:wrap}.footer-legal nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Refinamento visual 2026-10 — fundo limpo, legibilidade e materialidade */
.paper-section{background-color:#cbbba5;background-image:radial-gradient(ellipse at 16% 25%,rgba(102,68,37,.14),transparent 43%),radial-gradient(ellipse at 85% 80%,rgba(90,59,36,.11),transparent 45%),repeating-linear-gradient(2deg,rgba(61,42,28,.022) 0px,rgba(61,42,28,.022) 1px,transparent 1px,transparent 5px)}
.paper-section::before,.paper-section::after{background:#cbbba5}
.case-note{background-color:#e0cfb5;background-image:linear-gradient(135deg,rgba(255,255,255,.22),rgba(86,58,33,.1));font-size:clamp(12px,1.2vw,15px);line-height:1.65}
.testimonial-note{background:#dfd0b8;background-image:radial-gradient(ellipse at 100% 0%,rgba(92,58,35,.14),transparent 65%);text-align:left;align-items:flex-start;justify-content:flex-start;min-height:220px;padding:27px 23px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.34)}
.testimonial-note h3{font:400 clamp(18px,1.8vw,24px)/1.22 var(--type);color:#221b16;margin:22px 0 12px;text-transform:uppercase}
.testimonial-note p{font:400 14px/1.6 var(--sans);color:#3a3028}
.note-index{font:700 11px/1.2 var(--sans);letter-spacing:.16em;color:#8b2925}
.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:700;color:#d3aa90;margin-bottom:13px}
.testimonials-section h2{line-height:1.17;margin-bottom:36px}
.testimonials-grid{margin-left:0;gap:22px}
.case-copy p{line-height:1.58}.case-copy p+p{margin-top:9px}
.audience-intro p,.steps-list p{line-height:1.55}
.case-heading{background:#e9dbc7}
@media(max-width:760px){.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.testimonial-note{min-height:210px}.testimonial-note:nth-child(3){grid-column:1/-1;max-width:420px;justify-self:center}}
@media(max-width:520px){.testimonials-grid{grid-template-columns:1fr;gap:18px}.testimonial-note,.testimonial-note:nth-child(2),.testimonial-note:nth-child(3){grid-column:auto;max-width:none;width:100%;min-height:0;padding:24px 22px;transform:rotate(0deg)}.testimonial-note h3{margin:12px 0 8px}.case-note{background:#e0cfb5}}