@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#006699;--orange:#ff6600;--ink:#112b3a;--muted:#596b76;--pale:#f2f6f8;--border:#dce5ea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff6600;outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.2vw,3.1rem);font-weight:800;margin-bottom:24px}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.topbar{background:#f2f6f8;font-size:12px;font-weight:600}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.topbar a{color:var(--blue);font-size:14px}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:90px}.brand{display:flex;width:120px}.brand img{max-height:68px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}nav>a:not(.button):hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:15px 23px;background:var(--blue);color:white;font-weight:800;font-size:14px;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#004c73;transform:translateY(-2px)}.button.orange{background:var(--orange);color:#172831}.button.orange:hover{background:#ff6600}.button.small{padding:12px 19px}.menu{display:none}.hero{background:var(--blue);color:white;padding:65px 0 55px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:inherit;margin-bottom:23px}.blue{color:var(--blue)}h1{font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.07;font-weight:800;margin-bottom:27px}h1 span{color:#bae3f4}.intro{color:#e2f0f7;font-size:18px;max-width:510px;line-height:1.7}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:32px 0 40px}.text-link{font-weight:800;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-note{font-size:14px;display:flex;gap:12px;align-items:center;color:#d6eaf3}.line{height:2px;width:32px;background:var(--orange)}.hero-product{background:white;border-radius:8px;color:var(--ink);padding:24px 28px 20px;box-shadow:0 25px 70px #003d5e66;transform:rotate(-2deg)}.product-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:var(--blue);font-weight:800}.hero-board{display:block;width:100%;height:325px;object-fit:contain;margin:20px 0}.product-bottom{border-top:1px solid var(--border);padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.product-bottom span{font-size:11px;letter-spacing:.1em;color:var(--muted);font-weight:800}.product-bottom h2{font-size:27px;margin:5px 0 0}.detail-link{background:transparent;border:0;border-bottom:1px solid var(--blue);color:var(--blue);font-size:14px;font-weight:800;padding:4px 0}.trust{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;border-bottom:1px solid var(--border);padding:28px 0;gap:28px}.trust div{display:flex;flex-direction:column;padding-left:25px;border-left:2px solid var(--orange)}.trust strong{font-size:16px}.trust span{font-size:14px;color:var(--muted)}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:16px;margin-bottom:4px}.catalog-tools{display:flex;gap:20px;justify-content:space-between;margin-bottom:8px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--border);background:white;border-radius:4px;padding:9px 17px;font-size:14px;font-weight:700;color:var(--muted)}.filters button.active{background:var(--blue);color:white;border-color:var(--blue)}.search{display:flex;align-items:center;border-bottom:1px solid #a5b7c2;min-width:220px}.search input{border:0;padding:10px 0;background:transparent;width:100%;font-size:14px;min-width:0}.search span{font-size:25px}.count{font-size:12px;margin:15px 0}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:white;transition:box-shadow .2s,transform .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #15374c12}.card-image{height:230px;background:var(--pale);padding:23px;position:relative;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.tag{position:absolute;left:17px;top:15px;font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--blue)}.product-type{font-size:32px;font-weight:800;letter-spacing:-.06em;color:#b6c8d2;line-height:1.1;text-align:center;padding-top:18px}.card-content{padding:25px;display:flex;flex-direction:column;flex:1}.card h3{font-size:24px;margin:0 0 12px}.card p{font-size:14px;line-height:1.65;margin-bottom:18px}.card button{align-self:flex-start;margin-top:auto}.catalog-note{font-size:14px;margin:24px 0 0}.catalog-note a{text-decoration:underline}.empty{padding:35px;background:var(--pale);grid-column:1/-1}.wifi{background:#edf4f7;padding:65px 0}.wifi-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.wifi-grid p:not(.eyebrow){max-width:500px}.wifi-image{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;border:1px solid #c7dce7;border-radius:8px;background:white}.wifi-image img{width:320px;height:230px;object-fit:contain}.wifi-image span{font-size:14px;letter-spacing:.15em;font-weight:800;color:var(--blue);margin:14px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.about em{color:var(--blue);font-style:normal}.manifesto{padding:40px;background:var(--blue);color:white;border-radius:6px;position:relative}.quote-mark{font-family:Georgia;font-size:90px;color:#8fc6df;line-height:1}.manifesto blockquote{font-size:33px;line-height:1.35;font-weight:700;letter-spacing:-.035em;margin:0 0 35px}.manifesto-sign{font-size:12px;letter-spacing:.13em;border-top:2px solid var(--orange);padding-top:18px;display:inline-block}.support{background:var(--pale)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.support-grid>a{padding:30px;background:white;border:1px solid var(--border);border-radius:5px}.support-grid>a:hover{border-color:var(--blue)}.index{color:var(--orange);font-size:14px;font-weight:800;display:block;margin-bottom:30px}.support-grid h3{font-size:24px}.support-grid p{font-size:14px}.support-link{font-size:14px;font-weight:800;color:var(--blue)}.faq{margin-top:40px}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{max-width:850px;margin:14px 0 5px}.faq a{color:var(--blue);text-decoration:underline}.distributor{margin-top:75px;padding:48px 55px;background:#063b59;color:white;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:40px}.distributor h2{margin-bottom:18px}.distributor p:not(.eyebrow){color:#c7dfe9;margin:0}.distributor-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;font-size:14px}.distributor-actions span{color:#c7dfe9;font-size:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.phone{font-size:32px;font-weight:800;color:var(--blue);display:inline-block;margin-bottom:20px}.hours{border-left:1px solid var(--border);padding-left:40px}.hours h3{font-size:24px}.hours>div{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);padding:14px 0;font-size:14px}.hours .button{margin-top:24px}.hours p{font-size:12px;margin:12px 0 0}footer{background:#102b3a;color:white;padding:40px 0 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px}.footer-brand{font-size:37px;font-weight:800;letter-spacing:-.06em;line-height:1}.footer-brand span{display:block;font-size:12px;letter-spacing:.03em;margin-top:10px;font-weight:500}.footer-top p{margin:0;color:#c4d5df;font-size:14px}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:20px;color:#adbfca;font-size:12px}dialog{border:0;border-radius:8px;padding:40px;width:min(620px,calc(100% - 32px));max-height:85vh;color:var(--ink)}dialog::backdrop{background:#072b44aa;backdrop-filter:blur(4px)}dialog h2{padding-right:30px;font-size:32px}.close{position:absolute;right:18px;top:12px;font-size:30px;background:transparent;border:0;color:var(--ink);width:44px;height:44px}dialog ul{padding-left:20px}dialog li{margin-bottom:9px}dialog .actions{margin-bottom:0;gap:15px}dialog .technical-note{font-size:14px;background:var(--pale);padding:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding:85px 0}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.hero-grid{gap:30px}.hero-board{height:280px}.hero-product{padding:20px}.catalog{grid-template-columns:repeat(2,1fr)}.about,.wifi-grid,.contact{gap:40px}.section{padding-top:65px;padding-bottom:65px}.manifesto blockquote{font-size:28px}.catalog-tools{align-items:flex-start}.search{min-width:180px}.hours{padding-left:25px}}@media(max-width:740px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.topbar span{font-size:11px}.topbar a{font-size:12px}.nav{min-height:76px}.brand{width:95px}.brand img{max-height:56px}.menu{display:block;background:white;border:1px solid var(--border);border-radius:4px;padding:9px 16px;font-size:14px;font-weight:700}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:24px;box-shadow:0 10px 20px #113b4c20;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:20px}.hero{padding:45px 0}.hero-grid{grid-template-columns:1fr;gap:32px}h1{font-size:clamp(2.5rem,9.5vw,4rem)}.intro{font-size:16px}.hero-product{transform:none}.hero-board{height:290px}.hero-note{margin-bottom:0}.actions{gap:20px;margin:28px 0}.trust{grid-template-columns:1fr;gap:20px;padding:28px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.catalog-tools{flex-direction:column;gap:15px}.search{width:100%}.filters button{padding:9px 12px}.catalog{grid-template-columns:1fr}.card-image{height:250px}.wifi-grid,.about,.contact{grid-template-columns:1fr;gap:35px}.wifi-image{order:2}.wifi{padding:45px 0}.support-grid{grid-template-columns:1fr;gap:14px}.support-grid>a{padding:25px}.index{margin-bottom:15px}.manifesto{padding:30px}.distributor{margin-top:45px;padding:32px 25px;flex-direction:column;align-items:flex-start;gap:28px}.hours{border-left:0;padding-left:0}.hours>div{flex-wrap:wrap;gap:6px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top p{margin:12px 0}.product-top{font-size:10px;letter-spacing:.06em}.product-bottom h2{font-size:24px}dialog{padding:30px 22px}.section{padding-top:55px;padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Catálogo organizado por famílias e linhas */
.catalog{display:block}.family-section+.family-section{margin-top:65px;padding-top:40px;border-top:2px solid var(--blue)}.family-heading{margin:28px 0 32px;padding:24px 28px;background:var(--pale);border-left:4px solid var(--blue)}.family-heading h2{font-size:28px;margin:0 0 10px}.family-heading p{margin:0;font-size:16px}.family-group{margin-bottom:38px}.family-group-heading{margin-bottom:18px}.family-group-heading h3{font-size:22px;letter-spacing:-.025em;margin:0 0 7px}.family-group-heading p{font-size:14px;margin:0}.family-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card h4{font-size:24px;line-height:1.15;letter-spacing:-.045em;margin:0 0 12px}.family-products .card{min-width:0}@media(max-width:1000px){.family-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.family-products{grid-template-columns:1fr}.family-heading{padding:20px}.family-heading h2{font-size:25px}.family-section+.family-section{margin-top:42px}}

.product-warning{padding:16px;border-left:4px solid #ff6600;background:#fff2e7;color:#703300;font-size:14px}.family-group-heading h3{scroll-margin-top:110px}
/* Famílias compactas: imagens e espaçamento reduzidos pela metade. */
.family-heading{margin:14px 0 16px;padding:12px 14px}.family-heading h2{font-size:24px;margin-bottom:5px}.family-heading p{font-size:14px}.family-group{margin-bottom:19px}.family-group-heading{margin-bottom:9px}.family-group-heading h3{font-size:20px;margin-bottom:4px}.family-products{gap:11px;grid-template-columns:repeat(4,minmax(0,1fr))}.family-products .card-image{height:115px;padding:12px}.family-products .tag{left:9px;top:7px;font-size:10px}.family-products .card-content{padding:13px}.family-products .card h4{font-size:20px;margin-bottom:6px}.family-products .card p{font-size:14px;line-height:1.5;margin-bottom:9px}.family-section+.family-section{margin-top:32px;padding-top:20px}.family-products .product-type{font-size:24px;padding-top:9px}@media(max-width:1000px){.family-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:740px){.family-products{grid-template-columns:repeat(2,minmax(0,1fr))}.family-products .card-image{height:125px}.family-products .card h4{font-size:18px;overflow-wrap:anywhere}.family-products .card-content{padding:12px}.family-heading{padding:12px 14px}.family-heading h2{font-size:23px}.family-section+.family-section{margin-top:21px}}@media(max-width:380px){.family-products{grid-template-columns:1fr}}
/* Cada linha de produtos ganha uma faixa para marcar a mudança de família. */
.family-group{background:#bbbbbb;padding:18px;border-radius:6px;margin-bottom:14px;border:1px solid #bbbbbb}.family-group:nth-of-type(even){background:#666666;border-color:#666666}.family-group:nth-of-type(even)>.family-group-heading h3{color:#ffffff}.family-group:nth-of-type(even)>.family-group-heading p{color:#ffffff}.family-group-heading{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #cbd1d6}.family-group:nth-of-type(even)>.family-group-heading{border-bottom-color:#667078}.family-group .card{background:white;color:var(--ink)}.family-group .card p{color:var(--muted)}@media(max-width:740px){.family-group{padding:12px}.family-group-heading{padding-bottom:10px;margin-bottom:10px}}

.family-group>.family-group-heading p{color:#263746}.family-group:nth-of-type(even)>.family-group-heading p{color:#ffffff}

/* Uma placa: especificações ao lado, sobre o fundo da família. */
.family-group{color:#000000}.family-group>.family-group-heading h3,.family-group>.family-group-heading p{color:#000000}.family-group:nth-of-type(even){color:#ffffff}.family-group:nth-of-type(even)>.family-group-heading h3,.family-group:nth-of-type(even)>.family-group-heading p{color:#ffffff}.single-product{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:26px;align-items:start}.single-image{background:white;border-radius:5px;padding:15px;display:flex;align-items:center;justify-content:center;min-height:160px}.single-image img{width:100%;height:160px;object-fit:contain}.single-details h4{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0 0 8px;color:inherit}.single-details p,.single-details li{color:inherit;font-size:14px;line-height:1.65}.single-details p{margin:0 0 12px}.single-details ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 28px;padding-left:20px;margin:12px 0 18px}.single-details .detail-link{color:inherit}.single-details .single-warning{padding:10px 13px;border-left:3px solid #ff6600;color:inherit;font-weight:600}@media(max-width:1000px){.single-product{grid-template-columns:minmax(160px,1fr) minmax(0,2fr);gap:20px}.single-details ul{grid-template-columns:1fr}}@media(max-width:740px){.single-product{grid-template-columns:1fr;gap:18px}.single-image{max-width:280px;width:100%;margin:auto}.single-details h4{font-size:21px}}

/* Comparação das robustas e ampliação opcional das imagens. */
.robust-layout{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:26px;align-items:start}.robust-images{display:grid;gap:18px}.robust-images figure{margin:0}.robust-images figcaption{font-size:18px;font-weight:800;text-align:center;color:inherit;margin-top:8px}.model-differences{border-top:1px solid currentColor;margin-top:18px;padding-top:18px}.model-differences p{margin-bottom:9px}.robust-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.image-zoom{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;width:100%;height:100%;cursor:zoom-in}.single-image .image-zoom{height:160px}.zoom-hint{font-size:12px;color:inherit;text-align:center;margin:7px 0}.card-image .image-zoom{height:100%}.zoom-dialog{width:min(1000px,calc(100% - 32px));padding:36px 24px 20px}.zoom-dialog img{display:block;width:100%;height:min(65vh,700px);object-fit:contain}.zoom-dialog h2{font-size:22px;margin:0 0 16px}.zoom-dialog p{margin:12px 0 0;font-size:14px}@media(max-width:1000px){.robust-layout{grid-template-columns:minmax(160px,1fr) minmax(0,2fr)}}@media(max-width:740px){.robust-layout{grid-template-columns:1fr}.robust-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.robust-images .single-image{min-height:140px;padding:10px}.robust-images .single-image img,.robust-images .image-zoom{height:140px}.zoom-dialog{padding:40px 16px 20px}}@media(max-width:380px){.robust-images{grid-template-columns:1fr}}

.banner-hero{padding:36px 0 22px}.banner-slide{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:44px;min-height:440px}.banner-slide[hidden]{display:none}.banner-copy h1,.banner-copy h2{font-size:clamp(2rem,3.8vw,3.8rem);color:#fff;line-height:1.15}.banner-copy .intro{color:#fff}.banner-art{height:440px;display:flex;align-items:center;justify-content:center}.banner-art img{width:100%;height:100%;object-fit:contain}.banner-opener{grid-template-columns:1.65fr 1fr;gap:22px}.opener-banner{display:flex;align-items:center;background:transparent;border:0;padding:0;cursor:pointer;width:100%}.opener-banner img{width:100%;max-height:440px;object-fit:contain}.banner-seal{text-align:center}.banner-seal img{display:block;width:100%;max-height:270px;object-fit:contain;margin:0 auto 25px}.banner-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ffffff50;padding-top:18px;margin-top:15px}.banner-direction{display:flex;gap:10px}.banner-controls button{font-size:14px;min-height:40px;background:transparent;border:1px solid #ffffff88;border-radius:4px;padding:7px 14px;color:white;font-weight:700}.banner-controls button:hover{background:#ffffff20}.banner-dots{display:flex;gap:9px}.banner-dots button{width:40px;padding:7px}.banner-dots button[aria-pressed="true"]{background:#ff6600;color:#112b3a;border-color:#ff6600}@media(max-width:740px){.banner-hero{padding-top:30px}.banner-slide{grid-template-columns:1fr;gap:20px;min-height:640px;align-content:start}.banner-copy h1,.banner-copy h2{font-size:clamp(1.9rem,7.5vw,3rem);margin-bottom:20px}.banner-art{height:290px}.banner-copy .actions{margin-bottom:0}.banner-opener{align-content:center;min-height:640px}.banner-seal img{max-height:210px;max-width:340px}.opener-banner img{max-height:310px}.banner-controls{flex-wrap:wrap;justify-content:center}.banner-direction{order:2}.banner-dots{width:100%;justify-content:center}#banner-pause{order:3}}

/* Imagens apoiadas na linha inferior e selo sobre a palma da mão. */
.banner-slide{align-items:end}.banner-copy{align-self:center}.banner-art{align-items:flex-end}.banner-art img{object-position:center bottom}.banner-reversed .banner-art{grid-column:1;grid-row:1}.banner-reversed .banner-copy{grid-column:2;grid-row:1}.banner-controls{margin-top:0}.opener-banner{position:relative;align-self:end;line-height:0}.opener-banner>img{display:block;object-position:center bottom}.hand-seal{position:absolute;left:19%;top:45%;width:22%;aspect-ratio:1;display:block;border-radius:50%;overflow:hidden;clip-path:circle(49%);filter:drop-shadow(0 3px 5px #0003);pointer-events:none}.hand-seal img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:auto;max-width:none;object-fit:cover;margin:0}.banner-seal{align-self:center}.banner-seal h2{color:white;font-size:clamp(1.8rem,3vw,3rem);line-height:1.2}.banner-seal .eyebrow{color:white}.banner-opener{align-items:end}@media(max-width:740px){.banner-reversed .banner-copy,.banner-reversed .banner-art{grid-column:auto;grid-row:auto}.banner-reversed .banner-art{order:-1}.banner-slide{align-content:end}.banner-opener{align-content:end}.banner-opener .banner-seal{order:-1}.banner-art{align-self:end}.banner-opener .opener-banner{align-self:end}}

/* Novo recorte da foto e selo na direção indicada pelos dedos. */
.banner-hero{padding-top:0}.banner-slide{min-height:476px}.banner-slide:first-child .banner-copy{padding-top:30px;padding-bottom:20px}.banner-slide:first-child .banner-art{height:476px;overflow:hidden;align-self:start}.banner-slide:first-child .banner-art img{width:100%;height:100%;object-fit:cover;object-position:center top}.banner-opener .opener-banner{aspect-ratio:1.6;height:auto;display:block;cursor:default}.banner-opener .opener-banner>img{position:absolute;left:0;bottom:0;width:68%;height:100%;max-height:none;object-fit:contain;object-position:left bottom}.banner-opener .hand-seal{left:66%;top:31%;width:34%}.banner-opener .hand-seal img{height:100%;max-height:none;width:auto;max-width:none}.banner-opener .banner-seal{padding-top:25px;padding-bottom:25px}@media(max-width:740px){.banner-hero{padding-top:0}.banner-slide{min-height:640px}.banner-slide:first-child .banner-copy{padding-top:28px}.banner-slide:first-child .banner-art{height:330px;align-self:end}.banner-slide:first-child .banner-art img{object-fit:cover;object-position:center top}.banner-opener .opener-banner{width:100%;aspect-ratio:1.6}.banner-opener .banner-seal{padding:25px 0 0}.banner-opener .hand-seal{width:34%;left:66%;top:31%}}
/* Escala dos retratos e selo com sombra suave de flutuação. */
.banner-slide:first-child .banner-art{height:476px;align-self:end;align-items:flex-end}.banner-slide:first-child .banner-art img{display:block;object-fit:cover;object-position:center bottom}.banner-opener{grid-template-columns:2.5fr 1fr;gap:26px}.banner-opener .opener-banner{height:476px;aspect-ratio:auto;overflow:visible}.banner-opener .opener-banner>img{width:84%;height:100%;object-position:left bottom}.banner-opener .hand-seal{left:73%;top:19%;width:26%;overflow:visible;clip-path:none;filter:none;box-shadow:0 9px 18px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.12);background:#fff;border-radius:50%}.banner-opener .hand-seal img{clip-path:circle(49%);width:184%;height:100%;object-fit:cover}.banner-opener .banner-seal h2{font-size:clamp(1.7rem,2.6vw,2.7rem)}@media(max-width:1000px) and (min-width:741px){.banner-opener{grid-template-columns:2.5fr 1fr}.banner-opener .opener-banner{height:400px}.banner-opener .hand-seal{top:24%}}@media(max-width:740px){.banner-slide:first-child .banner-art{height:330px;align-self:end}.banner-slide:first-child .banner-art img{object-position:center bottom}.banner-opener{grid-template-columns:1fr;gap:18px}.banner-opener .opener-banner{height:auto;aspect-ratio:1.6}.banner-opener .opener-banner>img{width:84%;height:100%}.banner-opener .hand-seal{left:73%;top:17%;width:26%}.banner-opener .banner-seal h2{font-size:clamp(1.9rem,7.5vw,3rem)}}

/* Navegação institucional e acesso direto às famílias. */
html{scroll-padding-top:145px}.nav{min-height:120px;gap:35px}#navigation{display:flex;flex-direction:column;align-items:flex-end;gap:0;flex:1}.institution-links,.product-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:24px;width:100%}.institution-links{padding:10px 0}.product-links{padding:12px 0;border-top:1px solid var(--border)}#navigation a:hover{color:var(--blue)}#navigation a.button:hover{color:white}.product-links a{font-size:14px}.institution-links a:not(.button){font-size:13px}#localizacao{scroll-margin-top:150px}.banner-opener .hand-seal{overflow:hidden}.banner-opener .hand-seal img{clip-path:none}
@media(max-width:1000px) and (min-width:741px){.nav{gap:22px}.institution-links,.product-links{gap:14px}.product-links a{font-size:12px}}
@media(max-width:740px){html{scroll-padding-top:90px}.nav{min-height:76px}#navigation{display:none;align-items:stretch;max-height:calc(100dvh - 76px);overflow-y:auto}#navigation.open{display:flex;gap:0}.institution-links,.product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;justify-content:stretch;padding:10px 0}.institution-links a,.product-links a{display:flex;align-items:center;min-height:44px;padding:8px;font-size:14px}.institution-links .button{justify-content:center}.product-links{margin-top:10px;padding-top:18px}#localizacao{scroll-margin-top:95px}}

/* Enquadramento integral da atendente, preservando a cabeça e a base. */
.banner-slide:first-child .banner-art img{object-fit:contain;object-position:center bottom}

/* Selo do banner 2 sem efeito de flutuação. */
.banner-opener .hand-seal{box-shadow:none;filter:none}

/* Novo selo transparente: imagem inteira, sem recorte ou efeitos. */
.banner-opener .mkn-seal-clean{position:absolute;left:73%;top:19%;width:26%;display:block;line-height:0;pointer-events:none;background:transparent;border:0;box-shadow:none;filter:none;overflow:visible;clip-path:none}
.banner-opener .mkn-seal-clean img{position:static;display:block;width:100%;height:auto;max-width:100%;max-height:none;margin:0;transform:none;object-fit:contain;filter:none;box-shadow:none;clip-path:none;border:0;border-radius:0;background:transparent}
@media(max-width:1000px) and (min-width:741px){.banner-opener .mkn-seal-clean{top:24%}}
@media(max-width:740px){.banner-opener .mkn-seal-clean{top:17%}}

/* Dúvidas frequentes logo abaixo da faixa Desde 1997. */
.quick-faq{padding-top:22px;padding-bottom:12px}.quick-faq .faq{margin:0;padding:0 24px;background:var(--pale);border-radius:6px}.quick-faq details{padding:17px 0}.quick-faq summary{font-size:18px;line-height:1.5;cursor:pointer}.quick-faq details p{font-size:15px;margin:14px 0 6px;max-width:950px}.quick-faq details a{display:inline-block;color:var(--blue);font-weight:700;margin:6px 0;text-decoration:underline}.quick-faq+#produtos{padding-top:55px}@media(max-width:740px){.quick-faq{padding-top:18px}.quick-faq .faq{padding:0 16px}.quick-faq summary{font-size:16px}.quick-faq+#produtos{padding-top:38px}}

#produtos .section-heading>div{min-width:0;flex:1}#produtos .section-heading h2{font-size:clamp(1.9rem,3vw,2.8rem);max-width:850px}#produtos .catalog-values{margin:16px 0 0;color:var(--blue);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;line-height:1.5}#produtos .section-heading>p{flex:0 0 240px}@media(max-width:1000px){#produtos .section-heading{display:block}#produtos .section-heading>p{margin-top:20px}}

/* Cinza solicitado na faixa de contato e nas imagens do catálogo. */
.topbar,.card-image,.single-image,.zoom-dialog,.zoom-dialog img{background:#b7b6b5}.topbar,.topbar a{color:#112b3a}

/* Marca em destaque, com enquadramento do arquivo original. */
header{background:#fff}.brand{width:220px;flex:0 0 220px}.brand-frame{display:block;width:100%;aspect-ratio:1766/845;overflow:hidden;position:relative}.brand .brand-frame img{position:absolute;max-width:none;max-height:none;width:101.1325%;height:auto;left:-1.1325%;top:-24.8521%;object-fit:initial}.nav{gap:36px;min-height:128px}html{scroll-padding-top:150px}@media(max-width:1000px) and (min-width:741px){.brand{width:175px;flex-basis:175px}.nav{gap:24px}}@media(max-width:740px){.brand{width:145px;flex-basis:145px}.nav{min-height:88px;gap:18px}#navigation{top:88px;max-height:calc(100dvh - 88px)}html{scroll-padding-top:105px}}

/* Logo reduzido em 30% em cada tamanho de tela. */
.brand{width:154px;flex-basis:154px}@media(max-width:1000px) and (min-width:741px){.brand{width:122.5px;flex-basis:122.5px}}@media(max-width:740px){.brand{width:101.5px;flex-basis:101.5px}}

/* Superfície azul suave para separar os produtos das faixas cinzas. */
.card-image,.single-image,.zoom-dialog,.zoom-dialog img{background:#c5dfec}.single-image{border:1px solid #9bbfd1}.card-image{border-bottom:1px solid #9bbfd1}

/* Circuito original fixo, com contraste discreto atrás do conteúdo. */
body{isolation:isolate;background:#fff}body::before{content:"";position:fixed;inset:0;z-index:-1;background:url("assets/mkn-circuito-pci-fundo.jpg") center center / 1000px auto repeat;opacity:.18;pointer-events:none}.support{background:rgba(242,246,248,.94)}

.lead-forms{padding-top:55px;padding-bottom:55px}.mkn-form{background:#fff;border:1px solid var(--border);border-radius:8px;padding:28px}.form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:var(--ink)}.form-fields input,.form-fields textarea{width:100%;border:1px solid #a5b7c2;border-radius:4px;padding:12px;background:#f8fafb;color:var(--ink);font:inherit}.form-fields .full{grid-column:1/-1}.form-fields textarea{resize:vertical}.form-note{font-size:13px;margin:20px 0}.form-status{margin:14px 0 0;font-size:14px}@media(max-width:740px){.form-fields{grid-template-columns:1fr}.mkn-form{padding:20px}}.preview-header{position:static;display:flex;justify-content:space-between;padding:20px 5%;font-size:14px}.preview-header span{color:#596b76}.form-hub{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:40px;margin-bottom:60px;align-items:stretch;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #112b3a12}.form-intro{padding:48px 38px;background:#006699;color:#fff;display:flex;flex-direction:column;position:relative}.form-intro h1{font-size:clamp(2rem,3vw,3rem);line-height:1.18}.form-intro p{color:#e0f1f8}.form-phone{font-size:25px;font-weight:800;margin-top:22px}.intro-small{font-size:13px;margin-top:18px}.intro-bottom{margin-top:auto;padding-top:55px;font-size:14px;border-bottom:3px solid #ff6600;padding-bottom:16px}.form-panel{padding:32px;background:white}.form-tabs{display:flex;border-bottom:1px solid #dce5ea;gap:10px;margin-bottom:30px}.form-tabs button{flex:1;padding:14px 6px;border:0;border-bottom:3px solid transparent;background:none;font-weight:800;color:#596b76}.form-tabs button[aria-pressed="true"]{border-bottom-color:#ff6600;color:#006699}.form-heading h2{font-size:30px;margin-bottom:12px}.form-heading .eyebrow{margin-bottom:12px}.form-heading>p:last-child{font-size:14px}.mkn-form{padding:0;border:0}.mkn-form[hidden],.form-step[hidden],.form-actions button[hidden]{display:none}.form-step{padding:0;border:0;margin:0;min-width:0}.form-step legend{font-weight:800;font-size:18px;margin-bottom:20px}.form-progress{display:flex;gap:14px;padding:0;list-style:none;margin:28px 0;font-size:12px;color:#596b76}.form-progress li{flex:1;border-top:3px solid #dce5ea;padding-top:8px}.form-progress .current{border-color:#006699;color:#006699;font-weight:800}.form-progress .complete{border-color:#ff6600;color:#006699}.form-actions{display:flex;justify-content:flex-end;gap:12px}.form-actions .back{background:#edf3f6;color:#112b3a;margin-right:auto}.form-fields input,.form-fields textarea{padding:13px;background:white}.form-fields input:focus,.form-fields textarea:focus{border-color:#006699;outline:2px solid #00669925;outline-offset:1px}.form-note{font-size:12px}.preview-note{font-size:12px;padding-top:22px;border-top:1px solid #dce5ea;margin-top:30px}.form-status{color:#006699;font-weight:700}@media(max-width:850px){.form-hub{grid-template-columns:1fr}.form-intro{padding:30px}.form-intro h1{font-size:30px}.intro-bottom{padding-top:20px}.form-panel{padding:28px 22px}.form-hub{margin-top:20px}.form-intro h1 br{display:none}}
/* Formulários integrados ao site em modo de visualização. */
.form-hub{position:relative}.form-anchor{position:absolute;top:0;left:0;scroll-margin-top:150px}.view-mode{background:#fff2e7;color:#713600;padding:10px 13px;border-left:3px solid #ff6600;border-radius:3px;font-size:13px;margin:0 0 24px}.mkn-form button:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-panel .form-heading h2{font-size:30px}.form-intro h2{color:#fff;font-size:clamp(2rem,3vw,3rem);line-height:1.18}@media(max-width:740px){.form-anchor{scroll-margin-top:105px}}

/* Logo original no rodapé, com base branca para preservar suas cores. */
.footer-brand{display:block;width:174px;flex-shrink:0;padding:12px;background:#fff;border-radius:5px;line-height:0}.footer-brand .footer-logo-frame{display:block;width:100%;aspect-ratio:1766/845;overflow:hidden;position:relative;margin:0}.footer-logo-frame img{position:absolute;max-width:none;width:101.1325%;height:auto;left:-1.1325%;top:-24.8521%;display:block}@media(max-width:740px){.footer-brand{width:154px;padding:10px}}

/* Rodapé: logo sem fundo, azul em branco e K original em laranja; 15% menor. */
.footer-brand{width:127.5px;padding:0;background:transparent;border-radius:0}.footer-logo-frame img{position:static;width:100%;max-width:100%;height:auto;left:auto;top:auto}@media(max-width:740px){.footer-brand{width:113.9px;padding:0}}

/* Estados de navegação consistentes em toda a página. */
.institution-links,.product-links{gap:8px;flex-wrap:wrap}
#navigation a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #b7c9d2;border-radius:999px;background:transparent;color:#112b3a;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;transition:background .18s,border-color .18s}
#navigation a:hover{background:#edf3f6;border-color:#006699;color:#112b3a}
#navigation a.is-active,#navigation a:active,.filters button.active,.filters button:active,.form-tabs button[aria-pressed="true"],.form-tabs button:active,.menu[aria-expanded="true"]{background:#ff6600;border-color:#ff6600;color:#112b3a}
#navigation a:focus-visible,.filters button:focus-visible,.form-tabs button:focus-visible{outline:3px solid #006699;outline-offset:3px}
.home-icon{width:18px;height:18px;flex-shrink:0}
.form-tabs{border-bottom:0;gap:10px}
.form-tabs button{border:1px solid #b7c9d2;border-radius:24px;padding:12px 14px;background:#f5f8fa}
@media(max-width:1000px) and (min-width:741px){#navigation a{padding:7px 10px;font-size:12px}.nav{gap:18px}}
@media(max-width:740px){#navigation a{white-space:normal;min-height:44px;padding:9px 12px}.institution-links,.product-links{gap:8px}.form-tabs button{font-size:13px}}

/* Linha institucional discreta; Cadastro mantém a identidade azul. */
.institution-links{gap:24px}
#navigation .institution-links a:not(.button){border:0;border-radius:0;padding:4px 0;background:transparent;color:#596b76;font-size:13px;font-weight:500}
#navigation .institution-links a:not(.button):hover,#navigation .institution-links a:not(.button).is-active{background:transparent;color:#006699}
#navigation .institution-links a.button,#navigation .institution-links a.button.is-active,#navigation .institution-links a.button:active{background:#006699;border-color:#006699;color:#fff;border-radius:5px;padding:9px 16px}
#navigation .institution-links a.button:hover{background:#005580;border-color:#005580;color:#fff}
@media(max-width:1000px) and (min-width:741px){.institution-links{gap:14px}}
@media(max-width:740px){.institution-links{gap:8px}#navigation .institution-links a:not(.button){padding:8px;min-height:44px}}

footer{background:#006699}

.product-resources{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 16px}.product-resources a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid currentColor;border-radius:18px;color:inherit;font-size:12px;font-weight:800;line-height:1.3}.product-resources svg{width:17px;height:17px;flex-shrink:0}.product-resources a:hover{background:#ff6600;border-color:#ff6600;color:#112b3a}.card-content .product-resources,dialog .product-resources{color:#006699}.robust-images .product-resources{justify-content:center}@media(pointer:coarse){.product-resources a{min-height:44px}}

/* Famílias em tons suaves; placas sobre cinza com maior destaque. */
.family-group{background:#dcebdc;border-color:#bed4be;color:#112b3a}
.family-group:nth-of-type(even){background:#dceaf5;border-color:#bdd2e3;color:#112b3a}
.family-group>.family-group-heading h3,.family-group>.family-group-heading p,.family-group:nth-of-type(even)>.family-group-heading h3,.family-group:nth-of-type(even)>.family-group-heading p{color:#112b3a}
.family-group>.family-group-heading,.family-group:nth-of-type(even)>.family-group-heading{border-bottom-color:#a9bfc4}
.card-image,.single-image,.zoom-dialog,.zoom-dialog img{background:#8b8b8b}
.single-image{border-color:#777777}.card-image{border-bottom-color:#777777}
.card-image img{mix-blend-mode:normal}.card-image .tag{color:#112b3a}

.hero-phone{display:inline-block;color:#fff;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.banner-copy .actions{margin-bottom:16px}
.catalog-guide{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.catalog-guide p{font-size:14px;margin:0;max-width:650px}.catalog-guide button{background:#fff;border:1px solid #006699;border-radius:22px;padding:10px 16px;color:#006699;font-size:13px;font-weight:800;white-space:nowrap;min-height:44px}
.family-group{padding:0;overflow:hidden}.family-group>.family-group-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;margin:0;padding:18px;border:0;cursor:pointer}.family-group>.family-group-heading::-webkit-details-marker{display:none}.family-group>.family-group-heading h3{color:#112b3a;margin-bottom:6px}.family-group>.family-group-heading p{color:#112b3a;margin:0;font-size:14px}.family-toggle{display:grid;place-items:center;width:32px;height:32px;border:1px solid #78989d;border-radius:50%;font-size:25px;line-height:1;flex-shrink:0;transition:transform .2s}.family-group[open] .family-toggle{transform:rotate(45deg)}.family-group-body{padding:4px 18px 18px}.family-group[open]>.family-group-heading{border-bottom:1px solid #a9bfc4;margin-bottom:14px}.family-group-heading:focus-visible{outline:3px solid #ff6600;outline-offset:-4px}
.partner-benefits{padding-left:20px;margin:22px 0 0;color:inherit;font-size:14px;max-width:540px}.partner-benefits li{margin-bottom:8px}.distributor h2{max-width:580px}.distributor>div:first-child{max-width:650px}.distributor>div:first-child>p{max-width:580px}.privacy-preview{margin-top:18px;font-size:12px;color:#596b76}.privacy-preview summary{cursor:pointer;font-weight:700}.privacy-preview p{margin-top:12px}.preview-note a{font-weight:800;text-decoration:underline}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
@media(max-width:740px){.catalog-guide{align-items:flex-start;flex-direction:column;gap:12px}.family-group>.family-group-heading{padding:14px}.family-group-body{padding:0 12px 12px}.family-group-heading h3{font-size:18px}.topbar .wrap{gap:12px}.topbar a{white-space:nowrap}.topbar span{font-size:10px;line-height:1.4}.banner-slide:first-child .banner-copy{padding-bottom:0}.banner-copy .intro{font-size:15px}.banner-copy .actions{gap:16px}.footer-links{gap:12px 18px}.partner-benefits{margin-top:18px}.distributor{gap:24px}}

/* Miniaturas permitem reconhecer os modelos sem abrir a família. */
.family-summary-copy{flex:1;min-width:0}.family-preview{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:55%}.family-preview figure{width:92px;margin:0;text-align:center}.family-preview-image{display:flex;align-items:center;justify-content:center;background:#8b8b8b;border:1px solid #777;border-radius:5px;padding:6px;height:68px}.family-preview img{width:100%;height:100%;object-fit:contain}.family-preview figcaption{color:#112b3a;font-size:11px;font-weight:800;line-height:1.3;margin-top:5px;overflow-wrap:anywhere}.family-open-label{display:block;color:#006699;font-size:12px;font-weight:800;margin-top:9px}.family-group[open] .family-open-label{display:none}
@media(max-width:740px){.family-group>.family-group-heading{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:14px}.family-summary-copy{grid-column:1;grid-row:1}.family-toggle{grid-column:2;grid-row:1}.family-preview{grid-column:1/-1;max-width:none;justify-content:flex-start;gap:8px}.family-preview figure{width:calc((100% - 24px)/4);max-width:92px}.family-preview-image{height:60px;padding:5px}.family-preview figcaption{font-size:10px}}

/* Duas piscadas de 100 ms no menu de famílias, com pausa de dois segundos. */
@keyframes mkn-menu-blink{0%,8.333333%,100%{background:#ff6600;border-color:#ff6600;color:#112b3a}4.166667%,12.5%{background:#fff2e7;border-color:#ff6600;color:#112b3a}16.666667%{background:#ff6600;border-color:#ff6600;color:#112b3a}}
.filters button.active{animation:mkn-menu-blink 2.4s step-end infinite}
@media(prefers-reduced-motion:reduce){.filters button.active{animation:none}}

#navigation .product-links a.is-family-selected{background:#ff6600;border-color:#ff6600;color:#112b3a}

.youtube-icon{display:inline-block;width:26px;height:19px;flex-shrink:0;vertical-align:middle}#navigation a.youtube-menu{gap:7px}
.home-community{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding-top:30px;padding-bottom:30px}.home-registration,.home-youtube{padding:30px;border:1px solid #bdd2e3;border-radius:10px;background:#fff}.home-registration{border-top:4px solid #006699}.home-registration h2{font-size:30px;max-width:420px;margin-bottom:16px}.home-registration .eyebrow{margin-bottom:14px}.home-community p{font-size:15px;max-width:480px}.community-note{display:block;font-size:12px;color:#596b76;margin-top:12px}.home-youtube{background:#f7fafc}.youtube-heading{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;margin-bottom:20px}.home-youtube h3{font-size:27px;margin-bottom:16px}.youtube-subscribe{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 15px;background:#006699;border-radius:5px;color:#fff;font-size:14px;font-weight:800}.youtube-subscribe:hover{background:#005580}.registration-youtube{padding:18px;background:#f7fafc;border:1px solid #dce5ea;border-radius:8px;margin:22px 0}.registration-youtube strong{display:flex;align-items:center;gap:8px;font-size:14px}.registration-youtube p{font-size:12px;margin:10px 0}.registration-youtube a{font-size:13px;font-weight:800;color:#006699;text-decoration:underline;text-underline-offset:3px}@media(max-width:740px){.home-community{grid-template-columns:1fr;gap:14px;padding:22px 0}.home-registration,.home-youtube{padding:23px}.home-registration h2{font-size:26px}.home-youtube h3{font-size:24px}}

/* Cadastro semanal permanece visível, sem cobrir o conteúdo ao final. */
body{padding-bottom:110px}.newsletter-bar{position:fixed;left:0;right:0;bottom:0;z-index:12;background:#edf3f6;border-top:3px solid #006699;box-shadow:0 -4px 18px #112b3a18;padding:16px 0 calc(12px + env(safe-area-inset-bottom));color:#112b3a}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.newsletter-copy{flex:1}.newsletter-copy label{display:block;font-size:19px;font-weight:800;line-height:1.25}.newsletter-copy span{display:block;font-size:12px;color:#596b76;margin-top:5px}.newsletter-form{width:420px;max-width:50%;margin:0}.newsletter-fields{display:flex;gap:8px}.newsletter-fields input{min-width:0;flex:1;border:1px solid #96aab5;border-radius:6px;background:#fff;padding:11px 14px;font-size:15px;height:46px;color:#112b3a}.newsletter-fields .button{height:46px;padding:10px 18px}.newsletter-form p{font-size:11px;line-height:1.3;margin:5px 0 0;color:#596b76}.newsletter-fields input:focus-visible{outline:2px solid #006699;outline-offset:2px}@media(max-width:740px){body{padding-bottom:155px}.newsletter-bar{padding:10px 0 calc(9px + env(safe-area-inset-bottom))}.newsletter-inner{display:block;width:calc(100% - 32px)}.newsletter-copy label{font-size:14px}.newsletter-copy span{font-size:10px;margin-top:3px}.newsletter-form{width:100%;max-width:none;margin-top:8px}.newsletter-fields input{height:42px;padding:9px 10px;font-size:14px}.newsletter-fields .button{height:42px;padding:8px 12px;font-size:13px}.newsletter-form p{font-size:10px;margin-top:4px}#navigation{max-height:calc(100dvh - 230px)}}

/* Atendimento fixo: o conteúdo passa atrás, sem cobrir a faixa de cadastro. */
.floating-whatsapp{position:fixed;left:18px;bottom:calc(var(--newsletter-height,110px) + 12px);z-index:15;width:96px;height:96px;display:block;isolation:isolate;border-radius:12px;transition:transform .18s ease}.floating-whatsapp>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #09344b25)}.floating-whatsapp-symbol{position:absolute;right:-3px;bottom:-3px;width:34px;height:34px;display:grid;place-items:center;background:#25d366;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #09344b25}.floating-whatsapp-symbol svg{width:27px;height:27px}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp:focus-visible{outline:3px solid #006699;outline-offset:5px}@media(max-width:740px){.floating-whatsapp{left:12px;width:74px;height:74px;bottom:calc(var(--newsletter-height,155px) + 10px)}.floating-whatsapp-symbol{width:29px;height:29px}.floating-whatsapp-symbol svg{width:23px;height:23px}}@media(prefers-reduced-motion:reduce){.floating-whatsapp{transition:none}}

.catalog-anchor{display:block;height:0;scroll-margin-top:170px}@media(max-width:740px){.catalog-anchor{scroll-margin-top:105px}}

/* Atalho de WhatsApp à direita, com dois pulinhos a cada seis segundos. */
.floating-whatsapp{left:auto;right:18px;animation:whatsapp-hop 6s ease-in-out infinite}.floating-whatsapp:hover{animation-play-state:paused;transform:none}@keyframes whatsapp-hop{0%,4%,8%,100%{transform:translateY(0)}2%,6%{transform:translateY(-9px)}}@media(max-width:740px){.floating-whatsapp{left:auto;right:12px}}@media(prefers-reduced-motion:reduce){.floating-whatsapp{animation:none}}

/* Atendimento: foto recortada abaixo das informações, dentro do painel azul. */
.form-intro{overflow:hidden;padding-bottom:0}.form-attendant{margin:24px -38px 0;flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:240px}.form-attendant img{display:block;width:100%;max-width:460px;height:auto;object-fit:contain;align-self:flex-end}.form-intro .intro-bottom{margin:0 -38px;padding:14px 24px 16px;text-align:center;background:#005781;border-bottom:3px solid #ff6600}@media(max-width:850px){.form-attendant{margin:20px -30px 0;min-height:0}.form-attendant img{width:min(100%,340px)}.form-intro .intro-bottom{margin:0 -30px}}

.banner-slide:first-child .banner-art img{transform:scaleX(-1)}

/* Destaque de produto e detalhes compartilhados com o catálogo. */
.product-showcase{width:min(1120px,calc(100% - 32px));max-height:90dvh;padding:32px;background:#e0eddf;overscroll-behavior:contain}
.product-showcase .close{background:#006699;color:white;border-radius:50%;z-index:1}
.showcase-family{font-weight:700;color:#006699;margin-bottom:8px}
.product-showcase h2{margin-bottom:22px}
.showcase-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:28px;align-items:start}
.showcase-photo{background:#8b8b8b;border-radius:6px;padding:20px;text-align:center}
.showcase-photo img{display:block;width:100%;height:260px;object-fit:contain}
.showcase-photo span{display:block;font-size:12px;color:#fff;margin-top:12px}
.showcase-grid ul{columns:2;column-gap:28px;font-size:15px;line-height:1.5}
.showcase-grid li{break-inside:avoid}
.product-showcase .showcase-dismiss{display:block;margin:24px 0 0 auto;background:#006699;color:white;min-width:120px}
.product-showcase .showcase-dismiss:hover,.product-showcase .close:hover{background:#004d73}
@media(max-width:740px){.product-showcase{padding:26px 20px;max-height:90dvh}.showcase-grid{grid-template-columns:1fr;gap:18px}.showcase-photo img{height:190px}.showcase-grid ul{columns:1}.product-showcase .actions{margin-top:20px}.product-showcase .showcase-dismiss{width:100%}}

/* O aro chama atenção; o X permanece visível para fechar. */
.product-showcase .close{outline:none;overflow:visible}
.product-showcase .close::after{content:"";position:absolute;inset:-5px;border:2px solid #ff6600;border-radius:50%;pointer-events:none;animation:popup-close-ring 2s linear infinite}
.product-showcase .close:focus-visible{outline:2px solid white;outline-offset:1px}
@keyframes popup-close-ring{0%,5%,10%,15%,100%{opacity:1}2.5%,7.5%,12.5%{opacity:0}}
@media(prefers-reduced-motion:reduce){.product-showcase .close::after{animation:none}}

.support-contact{padding:30px;background:white;border:1px solid var(--border);border-radius:5px}.support-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.support-contact-actions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.support-contact-actions a:hover{color:#004d73}@media(max-width:740px){.support-contact{padding:25px}}

.banner-reversed .banner-art img{object-fit:contain;object-position:center bottom}

/* WhatsApp fixo no topo, logo abaixo do cabeçalho. */
.floating-whatsapp{top:var(--whatsapp-top,180px);bottom:auto}
@media(max-width:740px){.floating-whatsapp{top:var(--whatsapp-top,136px);bottom:auto}}

/* Identidade visual dos departamentos. */
.department-band{border-top:1px solid #cbd9e2;position:relative;padding-top:34px;clear:both}
.department-ribbon{display:flex;align-items:center;gap:16px;border-left:4px solid #ff6600;padding:5px 0 5px 20px;min-height:70px}
.department-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#006699;color:#fff;flex-shrink:0}
.department-icon svg{width:28px;height:28px}
.department-name{margin:0!important;font-size:22px;line-height:1.25;font-weight:800;color:#006699}
.department-description{margin:5px 0 0!important;font-size:14px;color:#4b6373;line-height:1.45}
.department-band .section{padding-top:40px;padding-bottom:64px}
.department-produtos{background:#eaf3f9;border-top:5px solid #006699}
.department-empresa{background:linear-gradient(#fffffff5,#fffffff5),url('assets/mkn-circuito-pci-fundo.jpg') center/1000px auto}
.department-suporte{background:#e8ecef;border-top:5px solid #aebdc8}
.department-suporte .support{background:transparent}
.department-distribuidores{background:#006699;border-top:5px solid #ff6600;padding-bottom:22px}
.department-distribuidores .department-name,.department-distribuidores .department-description{color:#fff}
.department-distribuidores .department-icon{background:#ffffff1f;border:1px solid #ffffff55}
.department-distribuidores .distributor{background:transparent;margin-top:0;border-radius:0;padding:40px 0 32px}
.department-contato{background:#f5f7f9;border-top:5px solid #d1dde5}
.department-formularios{background:#e9f0f5;padding-bottom:60px;border-top:1px solid #c5d5df}
.department-formularios .form-hub{margin-top:32px;margin-bottom:0;border:1px solid #c9d8e3}
@media(max-width:740px){.department-band{padding-top:24px}.department-ribbon{gap:12px;padding-left:14px}.department-icon{width:42px;height:42px}.department-icon svg{width:24px;height:24px}.department-name{font-size:20px}.department-description{font-size:13px}.department-band .section{padding-top:30px;padding-bottom:45px}.department-distribuidores .distributor{padding:30px 0}.department-formularios{padding-bottom:40px}}

/* Retrato da parceria com distribuidores. */
.department-distribuidores .distributor{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(210px,1fr);gap:30px;align-items:center;padding-bottom:0}
.distributor-portrait{margin:0;align-self:end;line-height:0;min-width:0}
.distributor-portrait img{display:block;width:100%;height:390px;object-fit:contain;object-position:center bottom}
.department-distribuidores .distributor-actions{padding-bottom:30px}
@media(max-width:1000px){.department-distribuidores .distributor{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.department-distribuidores .distributor-actions{grid-column:1;grid-row:2}.distributor-portrait{grid-column:2;grid-row:1 / span 2}.distributor-portrait img{height:440px}}
@media(max-width:740px){.department-distribuidores .distributor{grid-template-columns:1fr;gap:24px}.department-distribuidores .distributor-actions{grid-column:auto;grid-row:auto;padding-bottom:0}.distributor-portrait{grid-column:auto;grid-row:auto;justify-self:center;width:min(100%,320px)}.distributor-portrait img{height:340px}}

.department-distribuidores{padding-bottom:0}
.department-distribuidores .distributor{padding-bottom:0}

.manifesto-sign{width:max-content;max-width:100%;border-top:2px solid #ff6600}

/* A empresa: texto editorial, foto real e manifesto. */
.department-empresa .about{grid-template-columns:1.05fr 1fr;gap:48px;align-items:start}
.department-empresa .about h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin-bottom:24px}
.department-empresa .about>div:first-child>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-bottom:18px}
.company-visual{display:grid;gap:20px;min-width:0}
.company-factory{margin:0;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #cbd9e2}
.company-factory img{display:block;width:100%;height:auto;object-fit:contain}
.company-factory figcaption{padding:12px 18px;font-size:13px;font-weight:700;color:#006699;border-left:4px solid #ff6600}
.company-visual .manifesto{padding:26px 30px}
.company-visual .quote-mark{font-size:64px}
.company-visual .manifesto blockquote{font-size:clamp(23px,2.1vw,29px);line-height:1.4;margin-bottom:24px}
.company-visual .manifesto-sign{font-size:11px;letter-spacing:.09em;line-height:1.5;padding-top:14px}
@media(max-width:850px){.department-empresa .about{grid-template-columns:1fr;gap:30px}.department-empresa .about>div:first-child>p:not(.eyebrow){font-size:15px}.company-visual .manifesto{padding:24px}.company-visual .manifesto-sign{font-size:10px;letter-spacing:.06em}}

#navigation .institution-links .distributors-top-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:2px solid #006699;border-radius:999px;padding:8px 16px;color:#006699;font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap}
#navigation .institution-links .distributors-top-button:focus-visible{outline:2px solid #006699;outline-offset:3px}

#navigation .institution-links a.distributors-top-button{border:2px solid #006699;border-radius:999px;padding:8px 16px;background:transparent;color:#006699;font-size:13px;font-weight:700}

/* Mesma faixa e mesma área de imagem nos quatro banners. */
.banner-slides .banner-slide{height:var(--mkn-banner-height,476px);min-height:476px}
.banner-slides .banner-art,.banner-slides .banner-slide:first-child .banner-art,.banner-slides .banner-opener .opener-banner{height:476px;align-self:end}
.banner-slides .banner-art img{object-fit:contain;object-position:center bottom}
@media(max-width:740px){.banner-slides .banner-slide{min-height:640px}.banner-slides .banner-art,.banner-slides .banner-slide:first-child .banner-art,.banner-slides .banner-opener .opener-banner{height:330px;aspect-ratio:auto}}

/* Discreet circuit backdrop: applied consistently to all four banners. */
.banner-tech-preview{position:relative;isolation:isolate}
.banner-tech-preview::before{content:"";position:absolute;inset:0 -24px;background:url("assets/banner-tech-circuits.svg") center/cover no-repeat;opacity:.18;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(90deg,#000,#0008 30%,#0009 58%,#000);mask-image:linear-gradient(90deg,#000,#0008 30%,#0009 58%,#000)}
.banner-tech-preview>.banner-copy,.banner-tech-preview>.banner-art,.banner-tech-preview>.opener-banner,.banner-tech-preview>.banner-seal{position:relative;z-index:1}
@media(max-width:740px){.banner-tech-preview::before{inset:0 -12px;background-size:auto 100%;opacity:.14}}

/* Redução discreta da tipografia apenas no celular. */
@media(max-width:600px){html{font-size:15px}body{font-size:15px}.banner-copy h1,.banner-copy h2,.banner-opener .banner-seal h2{font-size:clamp(1.8rem,7vw,2.8rem)}.intro{font-size:17px}.department-empresa .about h2{font-size:26px}.department-empresa .about>div:first-child>p:not(.eyebrow){font-size:14.5px}input,select,textarea{font-size:16px}}

.banner-product-link{display:table;color:#fff;margin:16px 0 0;padding:4px 0}.banner-seal .banner-product-link{margin-left:auto;margin-right:auto}

/* Mantém a foto e o manifesto dentro da tela no celular. */
@media(max-width:740px){.company-visual{grid-template-columns:minmax(0,1fr)}.company-visual> *{min-width:0;max-width:100%}.company-visual .manifesto{overflow-wrap:anywhere}}