body.site .pr,body.site .big,body.site .iv,body.site .nos,body.site #bCart,body.site .cnt,body.site .cart,body.site .ov,body.site .bdg span:not(.kit),body.site .pqprice,body.site .s-eur{display:none!important}
body.site .ic a[aria-label="Área de cliente"]{display:none}
.site .sbtn{display:inline-flex;align-items:center;gap:6px;background:var(--y,#F1C800);color:#1D1D1B;font-weight:700;border-radius:999px;padding:10px 16px;white-space:nowrap;font-size:14px;text-decoration:none}
.site .sbtn:hover{filter:brightness(.95)}
.site .sbtn.k{background:#1D1D1B;color:#fff}.site .sbtn.w{background:#fff;color:#1D1D1B}.site .sbtn.o{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.site header.h .wrap{gap:10px}.site header .sbtn{margin-left:6px}
.site .shero{position:relative;border-radius:22px;overflow:hidden;min-height:560px;margin:16px 0 18px;color:#fff;background:#1D1D1B;display:flex;align-items:flex-end}
.site .shero .sl{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease;transform:scale(1.03)}
.site .shero .sl.on{opacity:1;animation:skb 9s ease-out forwards}
@keyframes skb{from{transform:scale(1.03)}to{transform:scale(1.09)}}
.site .shero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,14,.86) 0%,rgba(15,15,14,.55) 45%,rgba(15,15,14,.05) 80%),linear-gradient(0deg,rgba(15,15,14,.55),transparent 45%)}
.site .shero .tx{position:relative;z-index:2;padding:48px 44px;max-width:640px}
.site .shero .ey{display:inline-block;background:var(--y,#F1C800);color:#1D1D1B;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:5px 12px;margin-bottom:14px}
.site .shero h1{font-size:clamp(32px,4.6vw,56px);line-height:1.04;margin:0 0 14px;color:#fff;letter-spacing:-.5px}
.site .shero h1 em{font-style:normal;color:var(--y,#F1C800)}
.site .shero p{font-size:17px;line-height:1.5;color:#e9e9e6;margin:0 0 22px;max-width:540px}
.site .shero .bts{display:flex;gap:10px;flex-wrap:wrap}
.site .shero .cap{position:absolute;z-index:2;right:18px;bottom:16px;font-size:12px;color:#ddd;background:rgba(0,0,0,.35);padding:4px 10px;border-radius:999px}
.site .shero .dots{position:absolute;z-index:2;left:44px;bottom:18px;display:flex;gap:6px}
.site .shero .dots button{width:9px;height:9px;border-radius:9px;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer;transition:width .3s}
.site .shero .dots button.on{width:26px;background:var(--y,#F1C800)}
.site .ssub{position:relative;border-radius:22px;overflow:hidden;min-height:340px;margin:14px 0 18px;color:#fff;display:flex;align-items:flex-end;background:#1D1D1B center/cover no-repeat}
.site .ssub:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,15,14,.85),rgba(15,15,14,.2) 65%,rgba(15,15,14,.05))}
.site .ssub .tx{position:relative;z-index:2;padding:34px 38px;max-width:760px}
.site .ssub h1{color:#fff;font-size:clamp(28px,3.8vw,46px);line-height:1.06;margin:6px 0 10px}.site .ssub h1 em{font-style:normal;color:var(--y,#F1C800)}
.site .ssub p{color:#eee;font-size:16.5px;line-height:1.5;margin:0 0 16px}
.site .ssub .ey{display:inline-block;background:var(--y,#F1C800);color:#1D1D1B;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:4px 11px}
.site .sh2{font-size:clamp(24px,2.6vw,34px);line-height:1.12;margin:40px 0 6px;letter-spacing:-.3px}.site .sh2 em{font-style:normal;background:linear-gradient(transparent 62%,var(--y,#F1C800) 62%)}
.site .slead{color:var(--mut,#666);font-size:16px;line-height:1.55;margin:0 0 20px;max-width:780px}
.site .sseg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.site .sseg a{position:relative;display:flex;align-items:flex-end;min-height:330px;border-radius:20px;overflow:hidden;color:#fff;background:#1D1D1B center/cover no-repeat;text-decoration:none;transition:transform .25s}
.site .sseg a:hover{transform:translateY(-3px)}
.site .sseg a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.85),rgba(10,10,10,.1) 60%)}
.site .sseg span{position:relative;z-index:2;padding:22px}.site .sseg b{display:block;font-size:24px;margin-bottom:4px}.site .sseg small{display:block;color:#ddd;font-size:14px;line-height:1.4}.site .sseg i{display:inline-block;margin-top:10px;font-style:normal;font-weight:700;color:var(--y,#F1C800)}
.site .sfeat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}
.site .sfeat div{background:#fff;border:1px solid var(--line,#e6e6e6);border-radius:16px;padding:18px}
.site .sfeat b{display:block;font-size:16px;margin:8px 0 4px}.site .sfeat small{color:var(--mut,#666);font-size:13.5px;line-height:1.45;display:block}
.site .sfeat .n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--y,#F1C800);color:#1D1D1B;font-weight:800;align-items:center;justify-content:center}
.site .sal{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;background:#1D1D1B;color:#fff;border-radius:22px;padding:30px;margin:26px 0}
.site .sal h2{color:#fff;font-size:clamp(24px,2.6vw,34px);margin:0 0 10px;line-height:1.12}.site .sal h2 em{font-style:normal;color:var(--y,#F1C800)}
.site .sal p{color:#ddd;line-height:1.55;margin:0 0 14px}.site .sal ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}
.site .sal li{padding-left:28px;position:relative;color:#eee;line-height:1.4}.site .sal li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--y,#F1C800);box-shadow:inset 0 0 0 4px #1D1D1B}
.site .sal .ph{display:grid;grid-template-columns:1fr 1fr;gap:10px}.site .sal .ph div{aspect-ratio:4/3;border-radius:14px;background:#333 center/cover no-repeat}.site .sal .ph div:first-child{grid-column:1/-1;aspect-ratio:16/9}
.site .sgal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.site .sgal figure{margin:0;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#eee;cursor:zoom-in}
.site .sgal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.site .sgal figure:hover img{transform:scale(1.05)}
.site .sgal figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;color:#fff;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}
.site .schips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.site .schips button{border:1px solid var(--line,#ddd);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer}.site .schips button.on{background:#1D1D1B;color:#fff;border-color:#1D1D1B}
.site .slb{position:fixed;inset:0;z-index:200;background:rgba(10,10,10,.92);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}
.site .slb.on{display:flex}.site .slb img{max-width:min(1400px,96vw);max-height:82vh;border-radius:10px}.site .slb p{color:#eee;margin:12px 0 0}
.site .slb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer}
.site .slb .x{top:16px;right:16px}.site .slb .pv{left:16px;top:50%}.site .slb .nx{right:16px;top:50%}
.site .sblk{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin:22px 0;background:#fff;border:1px solid var(--line,#e6e6e6);border-radius:20px;overflow:hidden}
.site .sblk.r .im{order:2}.site .sblk .im{min-height:300px;height:100%;background:#eee center/cover no-repeat}
.site .sblk .bd{padding:26px 28px 26px 4px}.site .sblk.r .bd{padding:26px 4px 26px 28px}
.site .sblk h3{font-size:24px;margin:4px 0 8px;line-height:1.15}.site .sblk p{color:var(--mut,#555);line-height:1.55;margin:0 0 12px}
.site .sblk .tg{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#8a7400}
.site .sblk ul{margin:0 0 16px;padding-left:18px;color:#333;line-height:1.6}.site .sblk .bts{display:flex;gap:8px;flex-wrap:wrap}
.site .sblk.top{border:2px solid var(--y,#F1C800)}
.site .ssrv{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.site .ssrv div{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line,#e6e6e6)}
.site .ssrv .im{aspect-ratio:16/10;background:#eee center/cover no-repeat}.site .ssrv .bd{padding:16px}
.site .ssrv b{font-size:18px;display:block;margin-bottom:6px}.site .ssrv small{color:var(--mut,#666);line-height:1.5;font-size:14px;display:block}
.site .scert{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}
.site .scert div{flex:1 1 220px;border:1px solid var(--line,#e6e6e6);border-radius:16px;padding:16px;background:#fff}.site .scert b{display:block;font-size:15px}.site .scert small{color:var(--mut,#666);font-size:13.5px;line-height:1.45}
.site .sband{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--y,#F1C800);color:#1D1D1B;border-radius:22px;padding:26px 30px;margin:34px 0 10px}
.site .sband h3{margin:0 0 4px;font-size:24px}.site .sband p{margin:0;font-size:15.5px}.site .sband .bts{display:flex;gap:10px;flex-wrap:wrap}
.site .sstep{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:st;margin:14px 0}
.site .sstep div{position:relative;background:#fff;border:1px solid var(--line,#e6e6e6);border-radius:16px;padding:18px 16px 16px;counter-increment:st}
.site .sstep div:before{content:counter(st);display:inline-flex;width:30px;height:30px;border-radius:50%;background:#1D1D1B;color:var(--y,#F1C800);font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
.site .sstep b{display:block;margin-bottom:4px}.site .sstep small{color:var(--mut,#666);line-height:1.45;font-size:13.5px}
.site .sdl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:12px 0}
.site .sdl a{display:flex;gap:12px;align-items:center;border:1px solid var(--line,#e6e6e6);border-radius:14px;padding:14px;background:#fff;text-decoration:none;color:inherit}
.site .sdl .pdf{flex:none;width:44px;height:44px;border-radius:10px;background:var(--y,#F1C800);color:#1D1D1B;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.site .sdl small{display:block;color:var(--mut,#666)}
.site .sform{display:grid;grid-template-columns:1.3fr .9fr;gap:22px;align-items:start;margin:10px 0 20px}
.site .sform form{background:#fff;border:1px solid var(--line,#e6e6e6);border-radius:20px;padding:22px}
.site .sform fieldset{border:0;padding:0;margin:0 0 14px}.site .sform legend{font-weight:700;margin-bottom:8px;font-size:15px}
.site .sform .opts{display:flex;flex-wrap:wrap;gap:8px}.site .sform .opts label{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line,#ddd);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:14.5px}
.site .sform .opts input{accent-color:#1D1D1B}.site .sform .opts label:has(input:checked){border-color:#1D1D1B;background:#fff6c2}
.site .sform .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.site .sform .f{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.site .sform .f span{font-size:13.5px;font-weight:600}.site .sform .f span i{color:#b00;font-style:normal}
.site .sform input[type=text],.site .sform input[type=tel],.site .sform input[type=email],.site .sform select,.site .sform textarea{font:inherit;font-size:15.5px;padding:11px 12px;border:1.5px solid var(--line,#d8d8d8);border-radius:10px;background:#fff;width:100%;box-sizing:border-box}
.site .sform input:focus,.site .sform select:focus,.site .sform textarea:focus{outline:none;border-color:#1D1D1B;box-shadow:0 0 0 3px #fff2a8}
.site .sform textarea{min-height:110px;resize:vertical}
.site .sform .ck{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45;margin:8px 0;color:#333}.site .sform .ck input{margin-top:3px;accent-color:#1D1D1B}
.site .sform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.site .sform .ft{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.site .sform .ft span{position:relative;width:74px;height:74px;border-radius:10px;background:#eee center/cover}.site .sform .ft button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#1D1D1B;color:#fff;cursor:pointer;font-size:12px}
.site .sform .ok{background:#eaf7ee;border:1px solid #9fd3ae;border-radius:14px;padding:16px;color:#1d5a2e}.site .sform .er{background:#fdecec;border:1px solid #f1b0b0;border-radius:12px;padding:10px 12px;color:#8a1c1c;margin:8px 0}
.site .sform aside{display:grid;gap:12px}.site .sform aside div{background:#fff;border:1px solid var(--line,#e6e6e6);border-radius:18px;padding:18px}
.site .sform aside b{display:block;margin-bottom:4px}.site .sform aside a{color:inherit}
.site .smap{width:100%;height:260px;border:0;border-radius:14px}
.site .stxt{max-width:860px;line-height:1.65;color:#333}.site .stxt h3{margin:22px 0 6px}
.site footer.sfoot{background:#1D1D1B;color:#ddd;margin-top:40px;padding:36px 0 18px}
.site footer.sfoot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:24px}
.site footer.sfoot h5{color:#fff;margin:0 0 10px;font-size:14px;letter-spacing:1px;text-transform:uppercase}
.site footer.sfoot a{display:block;color:#ddd;text-decoration:none;padding:3px 0;font-size:14.5px}.site footer.sfoot a:hover{color:var(--y,#F1C800)}
.site footer.sfoot p{font-size:14.5px;line-height:1.55;margin:0 0 10px}
.site footer.sfoot .mk{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #333;padding-top:16px;font-size:13px;color:#bbb}
.site footer.sfoot .mk b{color:#fff;letter-spacing:1px;font-size:12px}.site footer.sfoot .mk span{border:1px solid #444;border-radius:999px;padding:4px 12px;color:#eee}
.site footer.sfoot .cp{grid-column:1/-1;font-size:12.5px;color:#999;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.site footer.sfoot .cp a{display:inline;color:#bbb}
@media(max-width:980px){.site .sseg{grid-template-columns:1fr}.site .sseg a{min-height:240px}.site .sfeat,.site .ssrv,.site .sstep{grid-template-columns:1fr 1fr}.site .sal,.site .sform{grid-template-columns:1fr}.site .sgal{grid-template-columns:repeat(2,1fr)}.site footer.sfoot .wrap{grid-template-columns:1fr 1fr}.site header .sbtn{display:none}}
@media(max-width:700px){.site .shero{min-height:520px}.site .shero .tx{padding:28px 22px 54px}.site .shero .dots{left:22px}.site .sblk{grid-template-columns:1fr}.site .sblk.r .im{order:0}.site .sblk .im{min-height:220px}.site .sblk .bd,.site .sblk.r .bd{padding:18px 18px 22px}.site .sfeat,.site .ssrv,.site .sstep{grid-template-columns:1fr}.site .sform .g2{grid-template-columns:1fr}.site footer.sfoot .wrap{grid-template-columns:1fr}.site .ssub{min-height:300px}.site .ssub .tx{padding:22px}}
.site .sblk .im.il{display:flex;align-items:center;justify-content:center;background:#fff6c2}.site .sblk .im.il svg{width:42%;max-width:220px;height:auto}
.site .stl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:12px 0 22px}
.site .stl div{border-left:4px solid var(--y,#F1C800);background:#fff;padding:12px 14px;border-radius:0 12px 12px 0;box-shadow:0 1px 0 var(--line,#e6e6e6)}
.site .stl b{display:block;font-size:22px;margin-bottom:2px}.site .stl small{color:var(--mut,#666);line-height:1.45}
.site .sh2 + .ssrv,.site .sh2 + .sgal{margin-top:12px}
.site .ic a.sbtn{width:auto;height:auto;border-radius:999px;display:inline-flex;padding:10px 16px;background:var(--y,#F1C800);color:#1D1D1B;margin-left:6px}.site .ic a.sbtn:hover{background:var(--y,#F1C800);filter:brightness(.95)}
@media(max-width:980px){.site .ic a.sbtn{display:none}}
.site footer.sfoot a.sbtn{display:inline-flex;padding:10px 16px;color:#1D1D1B;margin-top:4px}.site footer.sfoot a.sbtn:hover{color:#1D1D1B}
.site .sform [hidden]{display:none!important}
@media(max-width:700px){.site .shero .cap{display:none}}
.site header .dd>.ddb,.site header .dd>button{white-space:nowrap}.site header .logo small{white-space:nowrap;letter-spacing:1.2px}
@media(max-width:1180px){.site header .logo small{display:none}}
.site .ic a.sbtn .s{display:none}.site .sbn{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#1D1D1B;color:var(--y,#F1C800);font-size:12px;font-weight:800;align-items:center;justify-content:center;margin-left:6px}.site .sbn[hidden]{display:none}
@media(max-width:980px){.site .ic a.sbtn{display:inline-flex!important;padding:8px 10px;font-size:12.5px;margin-left:2px}.site .ic a.sbtn .l{display:none}.site .ic a.sbtn .s{display:inline}}
.site .sorl,.site .sorb{display:grid;grid-template-columns:84px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line,#e6e6e6);border-radius:16px;padding:12px;margin-bottom:10px}
.site .sorb{grid-template-columns:170px 1fr auto auto;align-items:start}
.site .sorl .im,.site .sorb .im{width:100%;aspect-ratio:1;border-radius:12px;background:#f5f5f3;overflow:hidden;display:flex;align-items:center;justify-content:center}.site .sorb .im{aspect-ratio:4/3}
.site .sorl .im img,.site .sorb .im img{width:100%;height:100%;object-fit:contain}.site .sorl .im svg,.site .sorb .im svg{width:72%;height:auto}
.site .sorl .tx b,.site .sorb .tx b{display:block;font-size:15.5px}.site .sorl small{color:var(--mut,#666)}
.site .sorb ul{list-style:none;padding:0;margin:6px 0 0;font-size:13.5px;color:#333;line-height:1.5}.site .sorb li span{color:var(--mut,#777)}
.site .sorc .qty{display:inline-flex;align-items:center;gap:8px}.site .sorc .qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line,#ddd);background:#fff;cursor:pointer;font-size:16px}
.site .sorc .x{border:0;background:none;font-size:16px;cursor:pointer;color:#999;padding:6px}
.site .sorv{background:#fff;border:1.5px dashed #ccc;border-radius:16px;padding:22px}
.site .pp .buy .qty{display:inline-flex;align-items:center;gap:6px}.site .pp .buy .qty input{width:48px;text-align:center;padding:8px;border:1px solid var(--line,#ddd);border-radius:8px;font:inherit}.site .pp .buy .qty button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#ddd);background:#fff;cursor:pointer}
@media(max-width:700px){.site .sorl{grid-template-columns:64px 1fr auto}.site .sorl .qty{grid-column:2}.site .sorl .x{grid-column:3;grid-row:1}.site .sorb{grid-template-columns:1fr}.site .sorb .im{max-width:280px}}
@media(max-width:1480px){.site header .dd-al{display:none}}
.site .hsl .ill{display:flex;align-items:center;justify-content:center}.site .hsl .ill img.hcut{width:100%;max-width:560px;max-height:340px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.5))}
.site .cats.c5 a img.ccut{width:100%;max-width:150px;height:90px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}
@media(max-width:700px){.site .hsl .ill img.hcut{max-height:220px}}

/* topo da página inicial com fotos de fundo inteiro (Marco 14/11) */
.site .hero.shx{padding:0;display:block;min-height:0;background:#1D1D1B;border-radius:22px;position:relative;overflow:hidden;margin:14px 0 18px}
.site .shx .hsd{display:none;position:relative;min-height:clamp(420px,42vw,560px);overflow:hidden;animation:shf .8s ease}
.site .shx .hsd.on{display:flex;align-items:flex-end}
@keyframes shf{from{opacity:0}to{opacity:1}}
.site .shx .bg{position:absolute;inset:0;background:#1D1D1B center/cover no-repeat}
.site .shx .hsd.on .bg{animation:shk 9s ease-out both}
@keyframes shk{from{transform:scale(1.07)}to{transform:scale(1)}}
.site .shx .hsd:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,15,14,.86) 0%,rgba(15,15,14,.55) 40%,rgba(15,15,14,.06) 74%),linear-gradient(0deg,rgba(15,15,14,.55) 0%,rgba(15,15,14,0) 45%)}
.site .shx .tx{position:relative;z-index:2;padding:40px 46px 74px;max-width:720px;color:#fff}
.site .shx .ey{display:inline-block;background:var(--y,#F1C800);color:#1D1D1B;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:4px 11px}
.site .shx h1{color:#fff;font-size:clamp(28px,3.6vw,48px);line-height:1.06;margin:12px 0 12px;letter-spacing:-.3px}
.site .shx h1 em{font-style:normal;color:var(--y,#F1C800)}
.site .shx p{color:#eee;font-size:17px;line-height:1.5;margin:0 0 20px;max-width:620px}
.site .shx .bts{display:flex;gap:10px;flex-wrap:wrap}
.site .shx .hdots{position:absolute;left:46px;bottom:28px;z-index:3;margin:0;justify-content:flex-start}
.site .shx .hdots button{background:rgba(255,255,255,.55)}
.site .shx .hdots button.on{background:var(--y,#F1C800)}
@media(max-width:700px){.site .shx .hsd{min-height:540px}.site .shx .tx{padding:22px 20px 62px}.site .shx h1{font-size:28px}.site .shx p{font-size:15px}.site .shx .hdots{left:20px;bottom:24px}.site .shx .hsd:after{background:linear-gradient(0deg,rgba(15,15,14,.94) 0%,rgba(15,15,14,.66) 52%,rgba(15,15,14,.12) 100%)}}
.site .cats.c5 a .cph{display:block;width:100%;height:118px;border-radius:12px;background:#ddd center/cover no-repeat;margin-bottom:12px}

/* telemóvel estreito (≤430 px): cabeçalho e faixa das peças sem passar da largura do ecrã */
@media(max-width:430px){.site header.h a.logo{max-width:138px;flex:0 1 138px;min-width:0}.site header.h a.logo svg,.site header.h a.logo img{width:100%;height:auto}.site header.h div.ic{gap:6px}.site header.h div.ic a.sbtn{padding:7px 10px;font-size:12px}}
.site .prtk{flex-wrap:wrap;max-width:100%}.site .pcstk{min-width:0;max-width:100%}.site .pcstk *{white-space:normal}

/* atalhos para os configuradores nos slides de Indústria, Comércio e Residência (Marco 14/11) */
.site .shx .hcf{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.site .shx .hcf span{color:#ddd;font-size:13px;font-weight:600;margin-right:2px}
.site .shx .hcf a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.site .shx .hcf a:hover{background:var(--y,#F1C800);border-color:var(--y,#F1C800);color:#1D1D1B}
@media(max-width:700px){.site .shx .hcf{gap:6px;margin-top:12px}.site .shx .hcf a{padding:5px 10px;font-size:12px}.site .shx .hcf span{width:100%}}
.site .shx .tx{max-width:820px}.site .shx .tx>p{max-width:640px}

/* topo por sectores (Marco 14/11): separadores Indústria · Residência · Comércio · Automatismos em vez dos pontos */
.site .shx .hdots{display:none}
.site .shx .hsec{position:absolute;left:46px;bottom:24px;z-index:3;display:flex;gap:6px;flex-wrap:wrap}
.site .shx .hsec button{background:rgba(15,15,14,.45);border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:7px 15px;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.site .shx .hsec button.on{background:var(--y,#F1C800);border-color:var(--y,#F1C800);color:#1D1D1B}
.site .shx .tx{padding-bottom:84px}
@media(max-width:700px){.site .shx .hsec{left:20px;right:20px;bottom:18px;gap:5px}.site .shx .hsec button{padding:6px 10px;font-size:12px}.site .shx .tx{padding-bottom:96px}}
.site .shx + h2.t{margin-top:26px}

/* Marco 14/11: sem os botões dos sectores; texto mais em baixo; só os pontos discretos à direita */
.site .shx .hsec{display:none!important}
.site .shx .tx{padding-bottom:40px}
.site .shx .hdots{display:flex;left:auto;right:30px;bottom:22px}
@media(max-width:700px){.site .shx .tx{padding-bottom:44px}.site .shx .hdots{right:20px;left:auto;bottom:16px}}

/* Marco 14/11: no topo só o título e o texto — sem botões nem atalhos */
.site .shx .bts,.site .shx .hcf{display:none!important}
.site .shx .tx>p{margin-bottom:0}
/* Sobre nós: fachada da empresa em destaque, texto à direita (14/11) */
.site .ssub[style*="sobre-fachada"]{min-height:520px;background-position:15% 35%;justify-content:flex-end}
.site .ssub[style*="sobre-fachada"]::after{background:linear-gradient(270deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 38%,rgba(0,0,0,0) 65%)!important}
.site .ssub[style*="sobre-fachada"] .tx{max-width:560px}
@media (max-width:700px){.site .ssub[style*="sobre-fachada"]{min-height:440px;background-position:30% 30%}.site .ssub[style*="sobre-fachada"]::after{background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 80%)!important}}
/* Faixa de cima: logótipo num bloco amarelo cortado na diagonal, sem «Portões · Portas · Automatismos» (Marco 14/11) */
.site header.h .logo small{display:none!important}
.site header.h .logo{position:relative;z-index:0;margin-right:40px;align-self:stretch;display:flex;align-items:center}
.site header.h .logo::before{content:"";position:absolute;z-index:-1;top:0;bottom:-1px;left:-100vw;right:-36px;background:#f1c800;clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%)}
@media(max-width:600px){.site header.h .logo{margin-right:24px}.site header.h .logo::before{right:-20px;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}}
/* Menu mais compacto nos portáteis (1001–1800 px): o menu não cabia e passava para fora do ecrã (14/11) */
@media(min-width:1001px) and (max-width:1800px){.site header.h nav.m>.dd>.ddb,.site header.h nav.m>.dd>button{padding-left:8px;padding-right:8px;font-size:16px}.site header.h .logo img{width:205px;height:auto}.site header.h .logo{margin-right:30px}}
@media(min-width:1001px) and (max-width:1540px){.site header.h nav.m>.dd>.ddb,.site header.h nav.m>.dd>button{padding-left:7px;padding-right:7px;font-size:15px}.site header.h .logo img{width:205px;height:auto}.site header.h .logo{margin-right:30px}}
@media(min-width:1001px) and (max-width:1260px){.site header.h nav.m>.dd>.ddb,.site header.h nav.m>.dd>button{padding-left:6px;padding-right:6px;font-size:15px}.site header.h .logo img{width:175px;height:auto}.site header.h .logo{margin-right:26px}}
@media(min-width:1001px) and (max-width:1180px){.site header.h nav.m>.dd>.ddb,.site header.h nav.m>.dd>button{padding-left:4px;padding-right:4px;font-size:14px}.site header.h .logo img{width:150px;height:auto}.site header.h .logo{margin-right:20px}.site header.h #sOrc{font-size:13px;padding-left:10px;padding-right:10px}}
@media(min-width:1001px) and (max-width:1100px){.site header.h nav.m>.dd>.ddb,.site header.h nav.m>.dd>button{padding-left:3px;padding-right:3px;font-size:13.5px}.site header.h .logo img{width:140px;height:auto}.site header.h .logo{margin-right:18px}.site header.h #sOrc{font-size:12px;padding-left:10px;padding-right:10px}}
@media(min-width:1001px) and (max-width:1040px){.site header.h nav.m>.dd>.ddb,.site header.h nav.m>.dd>button{padding-left:3px;padding-right:3px;font-size:13px}.site header.h .logo img{width:130px;height:auto}.site header.h .logo{margin-right:16px}.site header.h #sOrc{font-size:12px;padding-left:10px;padding-right:10px}}
/* Desenho comum (Marco 14/11): a mesma marca amarela inclinada da faixa de cima antes dos títulos das páginas e secções; risca amarela no rodapé */
.site #app h1:not(.hero h1):not(.ssub h1):not(.hsl h1),.site #app h2.t,.site #app h2.sh2{position:relative;padding-left:24px}
.site #app h1:not(.hero h1):not(.ssub h1):not(.hsl h1)::before,.site #app h2.t::before,.site #app h2.sh2::before{content:"";position:absolute;left:3px;top:.2em;height:1em;width:11px;background:#f1c800;transform:skewX(-16deg)}
.site footer{border-top:6px solid #f1c800}
/* Contactos no telemóvel: o formulário passava 34 px para fora do ecrã (14/11) */
@media(max-width:760px){.site .sform{grid-template-columns:minmax(0,1fr)!important}.site .sform>*{min-width:0}.site .sform input,.site .sform select,.site .sform textarea{min-width:0;max-width:100%}}
/* Sobre nós no telemóvel: os 3 cartões lado a lado passavam 60 px para fora do ecrã (14/11) */
@media(max-width:600px){.site .sfeat{grid-template-columns:minmax(0,1fr)!important}}
/* WhatsApp (só no horário da loja), Livro de Reclamações e rodapé sem salto ao abrir (14/11) */
.site .fabw{position:fixed;right:26px;bottom:94px;width:52px;height:52px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:40}
.site .fabw[hidden]{display:none}
.site .fabw:hover{filter:brightness(.95)}
.site .sfoot .lre{display:inline-block;border:1px solid #f1c800;color:#f1c800;border-radius:6px;padding:1px 8px;font-weight:600;text-decoration:none}
.site #app{min-height:100vh}

/* Críticas do Google na página inicial e no rodapé (14/11) */
.site .srev{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;margin:0 0 36px}
.site .srev .rnota{background:#1d1d1b;color:#fff;border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.site .srev .rnota b{font-size:58px;line-height:1;font-weight:700;color:#f1c800}
.site .srev .rnota small{font-size:14px;opacity:.85}
.site .srev .rnota a{color:#f1c800;font-weight:600;font-size:14px;margin-top:6px;text-decoration:none}
.site .srev .rnota a:hover{text-decoration:underline}
.site .rstar{position:relative;display:inline-block;width:max-content;font-size:22px;line-height:1;letter-spacing:2px;color:#5a5a58}
.site .rstar::before{content:"★★★★★"}
.site .rstar i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f1c800}
.site .rstar i::before{content:"★★★★★"}
.site .srev .rlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.site .srev blockquote{margin:0;background:#fff8d6;border-radius:16px;padding:22px 22px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.site .srev blockquote p{margin:0;font-size:15px;line-height:1.55;color:#1d1d1b}
.site .srev blockquote cite{font-style:normal;font-size:13px;color:#1d1d1b;opacity:.65}
.site .sfoot .grev{display:inline-block!important;margin-top:12px;color:#f1c800;font-weight:600}
@media(max-width:1000px){.site .srev{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.site .srev .rlist{grid-template-columns:minmax(0,1fr)}.site .srev .rnota b{font-size:46px}}

/* Portas seccionadas e de enrolar: pedido simples (14/11) */
.site .spq{max-width:1040px}
.site .spq-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 4px}
.site .spq-top h1{margin:0}
.site .spq-bv{background:#fff8d6;border:1px solid #f1c800;color:#1d1d1b;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;white-space:nowrap}
.site .spq-s{margin:28px 0}
.site .spq-s h2 span{font-weight:400;font-size:.75em;opacity:.65}
.site .spq-med{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}
.site .spq-fig svg{width:100%;height:auto;border-radius:14px;display:block}
.site .spq-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.site .spq-in label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#1d1d1b}
.site .spq-in label span{font-weight:400;font-size:13px;opacity:.7}
.site .spq-in input[type=text],.site .spq textarea{font:inherit;font-size:18px;padding:12px 14px;border:1px solid #cfcfca;border-radius:10px;width:100%;box-sizing:border-box;background:#fff;color:#1d1d1b}
.site .spq textarea{font-size:15px;resize:vertical}
.site .spq-in input:focus,.site .spq textarea:focus{outline:2px solid #f1c800;outline-offset:1px;border-color:#1d1d1b}
.site .spq-in .spq-ck{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;font-weight:500;cursor:pointer}
.site .spq-ck input{width:20px;height:20px;accent-color:#1d1d1b;margin:0}
.site .spq-dica{grid-column:1/-1;margin:0;font-size:14px;line-height:1.5;opacity:.8}
.site .spq-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.site .spq-op{font:inherit;text-align:left;background:#fff;border:2px solid #e3e3df;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:3px;cursor:pointer;color:#1d1d1b}
.site .spq-op:hover{border-color:#bdbdb6}
.site .spq-op:focus-visible{outline:2px solid #1d1d1b;outline-offset:2px}
.site .spq-op[aria-checked=true]{border-color:#f1c800;box-shadow:0 0 0 2px #f1c800;background:#fffdf3}
.site .spq-im{display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:#f1f1ee;margin-bottom:6px}
.site .spq-im img,.site .spq-im svg{width:100%;height:100%;object-fit:cover;display:block}
.site .spq-q{display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:700;color:#b9b6ad}
.site .spq-op b{font-size:15px;line-height:1.25}
.site .spq-op small{font-size:12.5px;opacity:.7;line-height:1.35}
.site .spq-bt{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 0 44px}
.site .spq-go{font:inherit;font-weight:700;font-size:16px;background:#f1c800;color:#1d1d1b;border:0;border-radius:999px;padding:14px 28px;cursor:pointer}
.site .spq-go:hover{filter:brightness(.95)}
.site .spq-bt span{font-size:14px;opacity:.75}
@media(max-width:760px){.site .spq-med{grid-template-columns:minmax(0,1fr)}.site .spq-fig{max-width:340px}.site .spq-ops{grid-template-columns:repeat(2,minmax(0,1fr))}.site .spq-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Perguntas frequentes, pedido simples dos portões e acertos (14/11, noite) */
.site .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.site .sfaq{max-width:860px;margin:18px 0 34px;border-top:1px solid #e3e3df}
.site .sfaq details{border-bottom:1px solid #e3e3df}
.site .sfaq summary{cursor:pointer;list-style:none;padding:16px 40px 16px 0;font-weight:600;font-size:17px;position:relative;color:#1d1d1b}
.site .sfaq summary::-webkit-details-marker{display:none}
.site .sfaq summary::after{content:"+";position:absolute;right:8px;top:11px;font-size:26px;font-weight:400;line-height:1}
.site .sfaq details[open] summary::after{content:"−"}
.site .sfaq summary:focus-visible{outline:2px solid #1d1d1b;outline-offset:2px}
.site .sfaq details>div{padding:0 0 18px;line-height:1.6;max-width:760px;color:#3a3a38}
.site .sfaq a,.site .spq .slead a{color:inherit;text-decoration:underline;text-decoration-color:#f1c800;text-decoration-thickness:2px;text-underline-offset:2px}
.site .spass{margin:34px 0 10px}
.site .spq-alt{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;background:#fff8d6;border:1px solid #f1c800;border-radius:14px;padding:12px 18px;margin:10px 0 14px;color:#1d1d1b}
.site .spq-alt a{font-weight:700;color:#1d1d1b;background:#f1c800;border-radius:999px;padding:8px 18px;text-decoration:none;white-space:nowrap}
.site .spq-ops4{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.site .spq-im.spq-ph{aspect-ratio:4/3}
.site .spq-op[role=checkbox][aria-checked=true] b::before{content:"✓ "}
.site .spq-in label[hidden]{display:none}
.site .spq-rd{display:flex;gap:10px;flex-wrap:wrap}
.site .spq-pill{font:inherit;font-weight:600;background:#fff;border:2px solid #e3e3df;border-radius:999px;padding:10px 18px;cursor:pointer;color:#1d1d1b}
.site .spq-pill:focus-visible{outline:2px solid #1d1d1b;outline-offset:2px}
.site .spq-pill[aria-checked=true]{border-color:#f1c800;box-shadow:0 0 0 2px #f1c800;background:#fffdf3}
.site .hdots button{position:relative}
.site .hdots button::after{content:"";position:absolute;inset:-7px}
@media(max-width:760px){.site .spq-ops4{grid-template-columns:repeat(2,minmax(0,1fr))}.site .spq-alt{padding:12px 14px}}

/* Velocidade (14/11): a 1.ª foto do topo aparece logo, sem o fade, para contar como «maior imagem» no Google */
.site .shx .hsd.h0{animation:none}

/* Certificações (14/11) */
.site .scert{display:flex;flex-wrap:wrap;gap:16px;margin:6px 0 36px}
.site .scert figure{margin:0;flex:1 1 220px;max-width:320px;background:#fff;border:1px solid #e3e3df;border-radius:14px;padding:18px 16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;text-align:center}
.site .scert img{height:96px;width:auto;max-width:100%;object-fit:contain}
.site .scert figcaption{font-size:13px;color:#3a3a38;line-height:1.35}
@media(max-width:760px){.site .scert figure{flex:1 1 140px}.site .scert img{height:72px}}
.site .scert .scl{height:64px;width:auto;max-width:100%;object-fit:contain;display:block;margin:0 0 12px}

/* Línguas (14/11) */
.slang{display:inline-flex;gap:2px;margin-left:14px;font-weight:600}
.slang a,.slang b{padding:2px 6px;border-radius:6px;text-decoration:none;color:inherit;font-size:12px;letter-spacing:.04em}
.slang b{background:#f1c800;color:#1d1d1b}
.slang a:hover{background:rgba(255,255,255,.15)}
#mob .slang{margin:14px 0 0 16px}
#mob .slang a,#mob .slang b{font-size:14px;padding:6px 10px}

/* Slides da página inicial a encher o ecrã, com o menu por cima da foto (Marco 14/11, opção B, como o site da CEMA) */
body.site{overflow-x:clip}
.site main.wrap>.hero.shx{width:calc(100vw - var(--sb,0px));margin:0 0 18px calc(50% - (100vw - var(--sb,0px))/2);border-radius:0}
.site .hero.shx .hsd{min-height:clamp(420px,calc(100svh - var(--tbh,44px) - var(--hh,83px)),980px)}
.site .hero.shx .hsd .tx{margin-left:max(0px,calc((100vw - var(--sb,0px) - 1280px)/2))}
.site .hero.shx .hdots{right:max(30px,calc((100vw - var(--sb,0px) - 1280px)/2 + 30px))}
html.hpb .site main.wrap>.hero.shx{margin-top:calc(-1 * var(--hh,83px))}
html.hpb .site .hero.shx .hsd{min-height:clamp(460px,calc(100svh - var(--tbh,44px)),1060px)}
html.hpb header.h{transition:background-color .25s,border-color .25s}
html.hpb:not(.hsol) header.h{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0))!important;border-bottom-color:transparent!important;box-shadow:none!important}
html.hpb:not(.hsol) header.h #nav>.dd>.ddb,html.hpb:not(.hsol) header.h #nav>.dd>button{color:#fff!important}
html.hpb:not(.hsol) header.h .ic>button{color:#fff!important}
html.hpb:not(.hsol) header.h #bSrch svg path:first-child{fill:#fff}

/* 14/11: no telemóvel o bloco amarelo do logótipo tapava o botão do menu (☰) — o botão fica por cima */
.site header.h #hamb{position:relative;z-index:3}

/* 14/11 (Marco: «as coisas ficaram um pouco fora do sítio», tablet ao alto): */
/* - barra de cima numa só linha: abaixo de 1100 px sai o horário (está nos Contactos e no rodapé) */
@media (max-width:1100px){.site .tb .tel~.hide-s{display:none}}
/* - menu ☰ encostado à esquerda e logótipo logo a seguir (antes ficavam ao meio do bloco amarelo) */
@media (max-width:1000px){.site header.h #hamb{margin-left:-6px;margin-right:4px}.site header.h .wrap>.ic:not(#hamb){margin-left:auto}}
/* - Sobre nós: texto em baixo à esquerda, com sombra de baixo para cima (como no telemóvel), para não ficar por cima das carrinhas */
@media (max-width:1000px){.site .ssub[style*="sobre-fachada"]{justify-content:flex-start;background-position:30% 30%}.site .ssub[style*="sobre-fachada"]::after{background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 80%)!important}}

/* 14/11: topo da Indústria mais escuro à esquerda — o título amarelo ficava por cima do telhado claro */
.site .ssub[style*="ind-02"]::after{background:linear-gradient(90deg,rgba(15,15,14,.85) 0%,rgba(15,15,14,.62) 45%,rgba(15,15,14,.2) 80%),linear-gradient(0deg,rgba(15,15,14,.6),rgba(15,15,14,0) 60%)!important}

/* Topos das páginas (Sobre nós, Serviços, Residência, Indústria, Comércio, Alumínio) a encher a largura, como os slides da página inicial (Marco 14/11, 22h10); o texto alinha com o conteúdo */
.site main.wrap>.ssub{box-sizing:border-box;width:calc(100vw - var(--sb,0px));margin-left:calc(50% - (100vw - var(--sb,0px))/2);margin-right:0;border-radius:0;padding-left:max(0px,calc((100vw - var(--sb,0px) - 1280px)/2));padding-right:max(0px,calc((100vw - var(--sb,0px) - 1280px)/2))}
.site main.wrap>.ssub::after{border-radius:0}
/* Sobre nós: texto do lado esquerdo em todos os ecrãs (Marco 14/11, 22h11) */
.site .ssub[style*="sobre-fachada"]{justify-content:flex-start}
@media (min-width:1001px){.site .ssub[style*="sobre-fachada"]::after{background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,0) 68%)!important}}

/* Serviços igual ao Sobre nós (Marco 14/11, 22h12): mesma altura e sombra escura à esquerda, para o texto se ler sobre a porta azul clara */
.site .ssub[style*="ind-o5"]{min-height:520px}
@media (max-width:700px){.site .ssub[style*="ind-o5"]{min-height:440px}}
.site .ssub[style*="ind-o5"]::after{background:linear-gradient(90deg,rgba(15,15,14,.85) 0%,rgba(15,15,14,.6) 40%,rgba(15,15,14,.1) 75%),linear-gradient(0deg,rgba(15,15,14,.55),rgba(15,15,14,0) 60%)!important}
@media (max-width:1000px){.site .ssub[style*="ind-o5"]::after{background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,0) 80%)!important}}

/* Sobre nós e Serviços a encher o ecrã, com o menu por cima da foto, como a página inicial (Marco 14/11, 22h18) */
html.hpb .site #app>.vlt,html.hpb .site #app>.crumb{display:none}
html.hpb .site main.wrap>.ssub{margin-top:calc(-1 * var(--hh,83px));min-height:clamp(460px,calc(100svh - var(--tbh,44px)),1060px);padding-top:var(--hh,83px)}

/* Marco 14/11, 22h26 («Em francês as línguas passam para o lado esquerdo e engorda a barra»): a barra de cima fica sempre numa linha, com PT ES FR à direita.
   Se faltar espaço (francês, espanhol ou o Chrome a traduzir), os links encurtam com «…» em vez de passarem para baixo. */
@media (min-width:701px){.site .tb .wrap{flex-wrap:nowrap}.site .tb .wrap>*{flex-shrink:0;white-space:nowrap}.site .tb .wrap>a:not(.tel){flex-shrink:1;min-width:2.2em;overflow:hidden;text-overflow:ellipsis}.site .tb .wrap>.sp{flex-shrink:1;min-width:0}}
@media (min-width:701px) and (max-width:799px){.site .tb .wrap>a.hide-s{display:none}}
@media (min-width:701px) and (max-width:1000px){html:is([lang=es],[lang=fr]) .site .tb .wrap>a.hide-s{display:none}}
/* Telemóvel: links numa linha; telefone e línguas na de baixo, línguas à direita */
@media (max-width:700px){.site .tb .wrap{row-gap:9px}.site .tb .wrap>.sp{flex:0 0 100%;height:0}.site .tb .wrap>.slang{margin-left:auto}html:is([lang=es],[lang=fr]) .site .tb .wrap{column-gap:12px}html:is([lang=es],[lang=fr]) .site .tb .wrap>a:not(.tel){font-size:12.5px}}
/* Menu principal em espanhol e francês: as palavras são mais compridas — letra um pouco menor para o botão «Pedir orçamento» não sair do ecrã */
@media (min-width:1151px) and (max-width:1365px){html:is([lang=es],[lang=fr]) .site #nav>.dd>a,html:is([lang=es],[lang=fr]) .site #nav>.dd>button{font-size:14px;padding-left:4px;padding-right:4px}}
@media (min-width:1001px) and (max-width:1150px){html:is([lang=es],[lang=fr]) .site #nav>.dd>a,html:is([lang=es],[lang=fr]) .site #nav>.dd>button{font-size:12.5px;padding-left:3px;padding-right:3px}}
@media (min-width:1001px) and (max-width:1060px){html:is([lang=es],[lang=fr]) .site #nav>.dd>a,html:is([lang=es],[lang=fr]) .site #nav>.dd>button{font-size:12px;padding-left:2px;padding-right:2px}}
/* Página inicial: os cartões das categorias não alargam a página em telemóveis estreitos (palavras francesas compridas) */
.site .cats>*{min-width:0}.site .cats>* *{overflow-wrap:break-word}

/* Marco 14/11, 22h47: distribuidor oficial só da Nice, Record e Novoferm; as outras só comercializamos */
.site footer.sfoot .mk b.mk2{margin-left:12px}
/* Marco 14/11, 22h53: o slide da página inicial passa com o dedo (o navegador só trata o deslizar vertical) */
.site #hsl{touch-action:pan-y}

/* Marco 14/11, 22h30: cores das portas seccionadas (standard + carta RAL) */
.site .spq-nt{margin:-4px 0 14px;color:#555;font-size:15px;max-width:720px}
.site .spq-cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.site .spq-cor{font:inherit;text-align:left;background:#fff;border:2px solid #e3e3df;border-radius:14px;padding:9px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#1d1d1b}
.site .spq-cor:hover{border-color:#bdbdb6}
.site .spq-cor:focus-visible{outline:2px solid #1d1d1b;outline-offset:2px}
.site .spq-cor[aria-checked="true"]{border-color:#f1c800;box-shadow:0 0 0 2px #f1c800;background:#fffdf3}
.site .spq-cor i{flex:0 0 36px;height:36px;border-radius:9px;border:1px solid rgba(0,0,0,.14);display:grid;place-items:center;font-style:normal;font-weight:700}
.site .spq-cor span{display:flex;flex-direction:column;min-width:0}
.site .spq-cor b{font-size:14px;line-height:1.2}
.site .spq-cor small{font-size:12px;color:#6b6b66}
.site .spq-mad{background:repeating-linear-gradient(100deg,#8a5a32 0 4px,#a46d3f 4px 9px,#7a4d2a 9px 12px)}
.site .spq-ralc{background:conic-gradient(#c1121f,#f1c800,#2a9d8f,#1d4e89,#6a4c93,#c1121f)}
.site .spq-qc{background:#f1f1ee;color:#777}
.site .spq-ralin{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-weight:600;max-width:320px}
.site .spq-ralin[hidden]{display:none}
.site .spq-ralin input{font:inherit;font-weight:400;padding:12px 14px;border:2px solid #e3e3df;border-radius:12px;background:#fff}
.site .spq-ralin input:focus{outline:none;border-color:#f1c800}

/* Marco 14/11, 23h (opção A): logótipos verdadeiros das marcas, numa só cor do site (máscara sobre o desenho original); amarelos ao passar o rato */
.site footer.sfoot .mk{gap:14px 22px}
.site footer.sfoot .mk .lg{border:0;padding:0;border-radius:0;display:inline-flex;align-items:center}
.site footer.sfoot .mk .lg i{display:block;background:#dcdcd6;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;transition:background .2s}
.site footer.sfoot .mk .lg:hover i{background:#f1c800}
.site footer.sfoot .mk .lg-nice i{width:32px;height:32px;-webkit-mask-image:url(f/marca-nice.png);mask-image:url(f/marca-nice.png)}
.site footer.sfoot .mk .lg-record i{width:120px;height:22px;-webkit-mask-image:url(f/marca-record.png);mask-image:url(f/marca-record.png)}
.site footer.sfoot .mk .lg-novoferm i{width:114px;height:24px;-webkit-mask-image:url(f/marca-novoferm.png);mask-image:url(f/marca-novoferm.png)}
.site footer.sfoot .mk .lg-kinggates i{width:120px;height:17px;-webkit-mask-image:url(f/marca-kinggates.png);mask-image:url(f/marca-kinggates.png)}
.site footer.sfoot .mk .lg-motorline i{width:96px;height:22px;-webkit-mask-image:url(f/marca-motorline.png);mask-image:url(f/marca-motorline.png)}
.site footer.sfoot .mk .lg-proteco i{width:104px;height:22px;-webkit-mask-image:url(f/marca-proteco.png);mask-image:url(f/marca-proteco.png)}
.site footer.sfoot .mk b.mk2{margin-left:18px}
@media (max-width:700px){.site footer.sfoot .mk{gap:12px 18px}.site footer.sfoot .mk b{flex:0 0 100%}.site footer.sfoot .mk b.mk2{margin-left:0;margin-top:6px}.site footer.sfoot .mk .lg{zoom:.85}}
