/* FASE 1 - melhoria editorial e responsiva, sem alteração da marca */
:root{color-scheme:dark light}
.skip-link{position:absolute;z-index:1000;left:14px;top:-100px;background:#FF8A00;color:#0B1B24;padding:12px 18px;border-radius:4px;font-weight:800}
.skip-link:focus{top:12px}
.header{padding:16px clamp(18px,4.2vw,80px);gap:clamp(16px,2vw,32px);min-height:104px}
.header .logo{flex:0 0 clamp(225px,24vw,320px);width:clamp(225px,24vw,320px);min-width:0;max-width:320px;background:#F4F4F4;border:1px solid #C9CED3;border-radius:6px;padding:5px 12px;aspect-ratio:3.1/1;box-shadow:0 2px 12px #00000020}
.header .logo img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;image-rendering:auto;filter:none;opacity:1;max-width:100%}
.header nav{margin-left:auto;gap:clamp(13px,2vw,32px)}
.header nav a,.header .small-cta{white-space:nowrap}
.header nav a:focus-visible,.header .logo:focus-visible,.header .small-cta:focus-visible,main a:focus-visible{outline:3px solid #FF8A00;outline-offset:4px}
.hero{min-height:min(650px,85vh);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-block:clamp(65px,7vw,105px)}
.hero-content{max-width:750px}
.hero h1{font-size:clamp(40px,5.5vw,80px);line-height:1.09;overflow-wrap:normal;max-width:720px}
.hero .eyebrow{display:block;line-height:1.9;max-width:800px}
.hero p{max-width:650px}
.hero-mark img{max-width:min(90%,420px);height:auto}
.categories .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.cat{overflow-wrap:anywhere}
.contact .actions{align-items:center}
a.primary:hover,a.small-cta:hover{background:#ffa32f}
a.secondary:hover{border-color:#FF8A00;color:#FF8A00}
@media(max-width:1100px){.header .small-cta{display:none}.header .logo{flex-basis:280px;width:280px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}}
@media(max-width:850px){.header{min-height:94px}.header .logo{flex-basis:240px;width:240px}.hero{grid-template-columns:minmax(0,1fr)}.hero-mark{display:none}.categories .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.header{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:14px 14px 16px}.header .logo{flex:0 1 272px;width:min(100%,272px);max-width:272px;aspect-ratio:3.1/1;padding:5px 10px}.header nav{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;margin:0;gap:10px;font-size:12px}.hero{min-height:auto;padding:74px 24px 85px}.hero h1{font-size:clamp(38px,10vw,58px);letter-spacing:-1.6px}.hero p{font-size:15px}.hero .eyebrow{font-size:10px;letter-spacing:1.15px}.intro{padding-block:75px}.categories{padding-block:55px 75px}.section-head{display:block}.products{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start!important}}
@media(max-width:440px){.categories .cards{grid-template-columns:1fr}.hero h1{font-size:clamp(36px,10vw,46px)}.header nav{font-size:11px}.actions a{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
