/* MIX PAINÉIS R04 — refinamento editorial mantendo a baseline funcional R03 */
:root{--cream:#f5f3ee;--copper:#e8793b;--deep:#102327;--ink:#102a30}
html{scroll-padding-top:104px}
.wrap{max-width:1480px;padding-left:5%;padding-right:5%}
.section-pad{padding-top:88px;padding-bottom:94px}
.site-header{background:rgba(247,246,242,.97);box-shadow:0 1px 0 #d9dfd9}
.header-wrap{max-width:1580px;height:78px;padding:0 5.2%}
.brand-img-wrap{background:transparent!important;overflow:visible;width:118px;height:48px}
.brand-img-wrap img{padding:0!important;object-fit:contain}
.main-nav a{font-size:13px}
.header-cta{min-height:46px}
/* Abertura: imagem vertical original com respiro, sem zoom e recorte agressivo */
.hero{grid-template-columns:55% 45%;min-height:715px;max-height:none;background:#0e2227}
.hero-copy{padding:58px 9% 35px 10%;min-height:715px}
.hero-title-wrap{padding:25px 0 22px}
.hero-kicker{margin-bottom:24px}
.hero h1{font-size:clamp(58px,5.05vw,89px);line-height:1.06;max-width:740px}
.hero-title-wrap>p{max-width:530px;font-size:15px}
.hero-foot{margin-top:18px}
.hero-picture{min-height:715px;background:#c2c1b6;isolation:isolate;display:flex;justify-content:center;align-items:center;padding:35px 45px 98px}
.hero-picture::before{inset:18px;border-color:rgba(19,41,46,.20)}
.hero-picture::after{content:'MIX  /  PAINÉIS';position:absolute;top:39px;left:45px;font-size:10px;color:#294148;letter-spacing:3px;font-weight:800;z-index:3}
.hero-image-mat{position:relative;width:min(76%,540px);height:100%;min-height:550px;max-height:650px;box-shadow:0 25px 55px rgba(14,33,36,.18);overflow:hidden;background:#c7c9bd}
.hero-image-mat img{height:100%;width:100%;object-fit:cover;object-position:center center;max-width:none;transition:opacity .2s}
.hero-picture-veil{z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(13,33,39,.62) 0%,transparent 25%);inset:0}
.hero-picture-top{top:108px;right:20px;color:#496064;font-size:9px}
.hero-image-caption{z-index:3;bottom:25px;left:45px;max-width:350px;gap:7px}
.hero-image-caption span{font-size:9px;letter-spacing:1.7px;color:#fff0d8}
.hero-image-caption strong{font:italic 24px/1.2 var(--serif);text-shadow:0 2px 7px #0003}
.hero-slider-controls{position:absolute;z-index:4;right:37px;bottom:24px;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;letter-spacing:.1em}
.hero-slider-controls button{height:38px;width:38px;display:grid;place-items:center;color:white;border:1px solid rgba(255,255,255,.55);background:rgba(8,29,32,.46);font-size:20px;transition:background .2s}
.hero-slider-controls button:hover{background:#10272a}
.image-counter{display:none}
.signature-inner{min-height:58px}
.signature-inner>span:not(.signature-star){font-size:9px;letter-spacing:1.6px}
.section-intro{margin-bottom:36px}
.section-intro h2,.faq h2{font-size:clamp(46px,4.5vw,70px)}
.projects{padding-bottom:74px}
.editorial-gallery{grid-template-rows:325px 270px;gap:12px}
.gallery-label{left:28px;bottom:26px}
.gallery-major img{object-position:center 40%}
.gallery-secondary img{object-position:center 28%}
.projects-bottom{padding-top:25px}
/* Aplicações substituem o manifesto enorme com uso comercial real */
.manifesto{background:#dfe6e1;border-top:1px solid #d2dbd4;border-bottom:1px solid #c8d3cd}
.manifesto-inner{display:grid;grid-template-columns:1fr .8fr;gap:9%;align-items:center;text-align:left;padding:66px 5% 70px}
.manifesto-copy h2{font-size:clamp(43px,4vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:18px 0}
.manifesto-copy h2 em{font:italic 1em var(--serif);color:#bb704f}
.manifesto-copy p{font-size:15px;max-width:520px;color:#617071;line-height:1.75;margin:0}
.manifesto-applications a{display:grid;grid-template-columns:37px 1fr 20px;gap:10px;padding:19px 0;border-bottom:1px solid #bdc9c5;align-items:center}
.manifesto-applications a:first-child{border-top:1px solid #bdc9c5}
.manifesto-applications a>span:first-child{font:italic 21px var(--serif);color:#be764e}
.manifesto-applications a strong{font-size:17px;font-weight:550;letter-spacing:-.025em}
.manifesto-applications a>span:last-child{font-size:20px;color:#c5683f}
.manifesto-applications small{display:block;font-size:11px;color:#66777a;line-height:1.7;margin-top:18px}
.collection-showcase{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:62px}
.collection-feature{grid-template-rows:203px auto}
.collection-feature img{padding:20px}
.collection-feature>span{padding:19px 18px 21px}
.collection-feature strong{font-size:27px}
.catalogue-intro{margin-bottom:36px}
.catalogue-library{padding-top:32px}
.craft-banner-inner{padding-top:62px;padding-bottom:64px}
.feature-story .feature-photo{min-height:540px}
.feature-story .feature-photo img{object-fit:cover;object-position:center 44%}
.process{padding-bottom:86px}
.steps{margin-top:38px}
/* Contato e rodapé com menos volume e texto mais legível */
.contact{padding-top:85px;padding-bottom:85px}
.contact-copy h2{font-size:clamp(44px,4.6vw,72px)}
.faq{padding-top:76px;padding-bottom:84px}
.footer-main{padding-top:60px;padding-bottom:64px}
/* Acessibilidade */
.hero-slider-controls button:focus-visible,.collection-feature:focus-visible,.tab:focus-visible,.model-card:focus-visible,a:focus-visible{outline:3px solid #f08343;outline-offset:3px}
@media(max-width:1100px){.hero{grid-template-columns:51% 49%}.hero-copy{padding:48px 7% 32px}.hero h1{font-size:clamp(52px,5.4vw,75px)}.hero-picture{padding:40px 25px 90px}.hero-image-mat{width:85%}.hero-image-caption{left:27px;bottom:20px}.hero-slider-controls{right:22px;bottom:20px}.collection-feature strong{font-size:24px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{min-height:545px}.hero-picture{min-height:570px;max-height:630px}.hero-image-mat{height:500px;min-height:0;width:min(69%,360px)}.manifesto-inner{grid-template-columns:1fr;gap:35px;padding:61px 5%}.manifesto-applications{max-width:800px}.collection-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-gallery{grid-template-rows:310px 255px}}
@media(max-width:640px){html{scroll-padding-top:73px}.header-wrap{height:65px}.brand-img-wrap{width:93px;height:38px}.section-pad{padding-top:63px;padding-bottom:68px}.hero-copy{min-height:520px;padding:32px 23px 27px}.hero h1{font-size:clamp(52px,12.5vw,72px)}.hero-kicker{font-size:17px}.hero-picture{min-height:490px;max-height:none;padding:30px 20px 92px}.hero-image-mat{width:min(73%,295px);height:350px}.hero-picture::after{font-size:8px;top:24px;left:24px}.hero-picture::before{inset:11px}.hero-picture-top{right:8px;top:60px}.hero-image-caption{left:22px;bottom:25px;max-width:54%}.hero-image-caption strong{font-size:17px}.hero-image-caption span{font-size:8px;letter-spacing:.9px}.hero-slider-controls{right:20px;bottom:24px;gap:5px;font-size:10px}.hero-slider-controls button{width:30px;height:32px;font-size:16px}.signature-inner{min-height:49px}.projects{padding-bottom:53px}.editorial-gallery{grid-template-rows:360px 225px}.manifesto-inner{padding:50px 20px 54px}.manifesto-copy h2{font-size:43px}.manifesto-copy p{font-size:14px}.manifesto-applications a strong{font-size:15px}.collection-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:52px}.collection-feature{grid-template-rows:165px auto}.collection-feature img{padding:16px}.collection-feature strong{font-size:24px}.catalogue-intro{margin-bottom:30px}.catalogue-controls{gap:14px}.feature-story .feature-photo{min-height:360px}.faq{padding-top:60px;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.hero-image-mat img,.gallery-item img{transition:none}}

/* MIX PAINÉIS R05 — correção visual, WhatsApp premium e crédito Força Web */
/* Remove tipografia herdada do manifesto R02/R03, origem da sobreposição em algumas larguras */
.manifesto .manifesto-inner .manifesto-copy p{
  display:block;position:static;transform:none;float:none;clear:both;
  max-width:520px;margin:18px 0 0;padding:0;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size:15px;line-height:1.78;font-style:normal;font-weight:400;
  letter-spacing:normal;word-spacing:normal;text-align:left;white-space:normal;
  color:#536769;overflow-wrap:break-word;
}
.manifesto .manifesto-inner .manifesto-copy h2{overflow-wrap:normal;letter-spacing:-.045em}
.manifesto .manifesto-inner{overflow:visible}
/* Melhor navegação com cabeçalho fixo ao usar âncoras */
#projetos,#aplicacoes,#colecoes,#biblioteca,#materiais,#processo,#orcamento{scroll-margin-top:86px}
/* WhatsApp flutuante: contraste editorial, marca reconhecível e bom alvo de clique */
.whatsapp-float{position:fixed;right:28px;bottom:28px;z-index:95;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:10px 10px 10px 19px;min-width:239px;min-height:68px;
  border:1px solid rgba(255,255,255,.18);border-radius:18px;
  background:#10272a;color:#fff;box-shadow:0 14px 45px rgba(5,27,27,.22),0 3px 10px rgba(6,25,26,.14);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
  isolation:isolate;text-decoration:none
}
.whatsapp-float:hover{transform:translateY(-4px);background:#143237;box-shadow:0 20px 50px rgba(5,27,27,.30)}
.whatsapp-float:focus-visible{outline:3px solid #f88a4e;outline-offset:4px}
.whatsapp-float-copy{display:flex;flex-direction:column;gap:5px;white-space:nowrap}
.whatsapp-float-copy small{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:750;letter-spacing:1.55px;color:#a7c3ba}
.whatsapp-float-copy strong{font-size:15px;font-weight:700;letter-spacing:-.015em;color:#fff}
.whatsapp-online-dot{width:7px;height:7px;border-radius:50%;background:#58d5a0;box-shadow:0 0 0 3px rgba(88,213,160,.14)}
.whatsapp-float-mark{display:grid;place-items:center;width:49px;height:49px;flex:0 0 49px;
  background:linear-gradient(145deg,#2fda83,#12ad68);color:#fff;border-radius:14px;
  box-shadow:0 5px 14px rgba(27,181,107,.22)}
.whatsapp-icon{display:block}
/* Crédito rastreável sem competir visualmente com a marca Mix */
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:24px;row-gap:16px}
.footer-bottom .forcaweb-credit{font-size:11px;letter-spacing:.03em;color:#344d51;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;
  border-bottom:1px solid #b6c5bf;padding-bottom:4px;transition:color .2s,border-color .2s}
.footer-bottom .forcaweb-credit strong{font-weight:800;color:#10272b}
.footer-bottom .forcaweb-credit>span{color:#d56f37;margin-left:3px;font-size:13px}
.footer-bottom .forcaweb-credit:hover{color:#b65a30;border-color:#b65a30}
.footer-bottom .forcaweb-credit:focus-visible{outline:3px solid #f88a4e;outline-offset:4px}
@media(max-width:900px){.whatsapp-float{right:18px;bottom:20px;min-width:68px;padding:9px;gap:0;border-radius:18px;min-height:66px}.whatsapp-float-copy{display:none}.whatsapp-float-mark{width:48px;height:48px;flex-basis:48px}}
/* Mobile já tem CTA fixo do orçamento; evita dois elementos cobrindo conteúdo */
@media(max-width:767px){.whatsapp-float{display:none}.footer-bottom{align-items:flex-start;gap:14px}.footer-bottom .forcaweb-credit{font-size:12px}.manifesto .manifesto-inner .manifesto-copy p{font-size:14px;line-height:1.8;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}
/* Protege ações do rodapé contra o botão flutuante nos monitores maiores. */
@media(min-width:1101px){.footer-bottom{padding-right:calc(5% + 260px)}}
@media(min-width:768px) and (max-width:1100px){.footer-bottom{padding-right:calc(5% + 85px)}}