/* Cuiabá Telas — styles.css
   Cores da marca em variáveis; classes agrupadas por seção. */

:root {
  --laranja: #E85111;
  --laranja-escuro: #C64208;
  --laranja-claro: #F28B3F;
  --grafite: #24262A;
  --azul: #235E8E;
  --fundo: #F3F3F0;
  --borda: #D9DBD9;
  --texto-suave: #5B5F64;
}

html { scroll-behavior: smooth; }
body { margin: 0; min-width: 1080px; background: var(--fundo); color: var(--grafite); font-family: 'Archivo', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--azul); text-decoration: none; }
a:hover { color: var(--laranja); }
[hidden] { display: none !important; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] .fx { transform: rotate(45deg); }

/* Abas do catálogo */
.cat-tab { font-family: 'Archivo', sans-serif; font-size: 14px; font-weight: 700; padding: 11px 20px; display: inline-flex; align-items: center; gap: 8px; border-radius: 6px; border: 1.5px solid #C9CCCB; background: #FFFFFF; color: var(--texto-suave); cursor: pointer; white-space: nowrap; }
.cat-tab.active { background: var(--grafite); border-color: var(--grafite); color: #FFFFFF; }

/* Placeholder de imagem (troque pelo <img> real) */
.img-ph { width: 100%; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px; border: 1.5px dashed #C9CCCB; color: #9A9EA3; font-size: 13px; background: rgba(127,127,127,.06); }

/* Vídeo vertical (Reels) */
.reel { width: 100%; height: 100%; object-fit: cover; border-radius: 18px; background: #1A1C1F; display: block; }
.reel-som { position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(20,22,25,.86);box-shadow:0 5px 18px rgba(0,0,0,.28);color:#FFFFFF;font-family:'Archivo',sans-serif;font-size:12px;font-weight:700;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.reel-som:hover { background:var(--laranja-escuro);border-color:var(--laranja-claro);transform:translateY(-1px); }
.reel-som:focus-visible { outline:3px solid rgba(242,139,63,.45);outline-offset:3px; }
.reel-som-icon { flex:none; }
.reel-som-icon--on { display:none; }
.reel-som[aria-pressed="true"] .reel-som-icon--off { display:none; }
.reel-som[aria-pressed="true"] .reel-som-icon--on { display:block; }

/* ── base ── */
.base-1 { min-width:1080px }

/* ── top ── */
.top-1 { background:var(--grafite);color:#C9CCCB;font-family:'IBM Plex Mono',monospace;font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px }
.top-2 { display:flex;gap:20px }

/* ── topo ── */
.topo-1 { position:sticky;top:0;z-index:50;background:#FFFFFF;border-bottom:1px solid #D9DBD9;box-shadow:0 2px 10px rgba(36,38,42,.05);display:flex;align-items:center;justify-content:space-between;padding:14px 40px;gap:24px }
.topo-2 { display:flex;align-items:center;gap:12px;color:var(--grafite) }
.topo-3 { object-fit: contain; flex-shrink: 0; width: 42px; height: 40px }
.topo-4 { line-height:1.1 }
.topo-5 { font-weight:800;font-size:17px;letter-spacing:.02em }
.topo-6 { font-family: 'IBM Plex Mono',monospace; font-size: 10px; color: var(--texto-suave); letter-spacing: .08em; font-weight: 700 }
.topo-7 { display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600 }
.topo-8 { color:var(--grafite);white-space:nowrap }
.topo-8:hover { color:var(--laranja) }
.btn-laranja { display:inline-flex;align-items:center;gap:8px;background:var(--laranja);color:#FFFFFF;padding:11px 18px;border-radius:9px;font-weight:700 }
.btn-laranja:hover { background:var(--laranja-escuro);color:#FFFFFF }
.topo-9 { flex-shrink:0 }

/* ── hero ── */
.hero-1 { scroll-margin-top:80px;background-color:#EDEBE6;background-image:radial-gradient(ellipse 900px 420px at 72% 12%, rgba(255,255,255,.85), transparent 70%),radial-gradient(ellipse 700px 380px at 12% 85%, rgba(110,104,92,.22), transparent 62%),radial-gradient(ellipse 520px 300px at 45% 40%, rgba(110,104,92,.16), transparent 60%),radial-gradient(ellipse 400px 260px at 90% 80%, rgba(110,104,92,.2), transparent 65%),radial-gradient(ellipse 500px 300px at 3% 8%, rgba(110,104,92,.2), transparent 65%),radial-gradient(ellipse 700px 260px at 55% 100%, rgba(110,104,92,.18), transparent 70%),url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22700%22%20height=%22700%22%3E%3Cfilter%20id=%22m%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.006%200.009%22%20numOctaves=%224%22%20seed=%227%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22saturate%22%20values=%220%22/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%22gamma%22%20amplitude=%220.22%22%20exponent=%222.2%22%20offset=%220%22/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width=%22700%22%20height=%22700%22%20filter=%22url(%23m)%22/%3E%3C/svg%3E'),url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22240%22%20height=%22240%22%3E%3Cfilter%20id=%22n%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.8%22%20numOctaves=%223%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22saturate%22%20values=%220%22/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%22linear%22%20slope=%220.16%22/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width=%22240%22%20height=%22240%22%20filter=%22url(%23n)%22/%3E%3C/svg%3E') }
.hero-2 { max-width:1320px;margin:0 auto;padding:72px 40px 64px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center }
.eyebrow { display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--azul);margin-bottom:18px }
.hero-3 { width: 34px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, rgb(232, 81, 17) 0%, rgb(242, 139, 63) 55%, rgba(242, 139, 63, 0) 100%); flex-shrink: 0; }
.hero-4 { margin:0 0 18px;font-size:54px;line-height:1.05;font-weight:800;letter-spacing:-.02em;text-wrap:pretty }
.hero-5 { margin:0 0 30px;font-size:17px;line-height:1.6;color:var(--texto-suave);max-width:520px;text-wrap:pretty }
.hero-6 { display:flex;gap:14px;margin-bottom:38px }
.btn-laranja-2 { display:inline-flex;align-items:center;gap:10px;background:var(--laranja);color:#FFFFFF;padding:15px 26px;border-radius:10px;font-weight:700;font-size:15px }
.btn-laranja-2:hover { background:var(--laranja-escuro);color:#FFFFFF }
.hero-7 { display:inline-flex;align-items:center;gap:10px;background:#FFFFFF;color:var(--grafite);padding:15px 26px;border-radius:10px;font-weight:700;font-size:15px;border:1.5px solid #C9CCCB }
.hero-7:hover { border-color:var(--grafite);color:var(--grafite) }
.hero-8 { display:flex;gap:28px }
.hero-9 { border-left:3px solid var(--laranja);padding-left:14px }
.hero-10 { font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:22px }
.hero-11 { font-size:13px;color:var(--texto-suave) }
.hero-12 { position:relative;min-width:0 }
.hero-14 { position:relative;aspect-ratio:1 / 1 }
.hero-15 { width:100%;height:100%;object-fit:cover;display:block;border-radius:8px }
.hero-14 .hero-15 { object-fit:contain }

/* ── faixa ── */
.faixa-1 { background:var(--grafite);background-image:linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:26px 26px }
.faixa-2 { max-width:1320px;margin:0 auto;padding:20px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px }
.faixa-3 { display:flex;align-items:center;gap:14px;justify-content:center;color:#FFFFFF }
.faixa-3:hover { color:#FFFFFF }
.faixa-4 { width:48px;height:48px;border:2px solid var(--laranja);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
.faixa-5 { line-height:1.35 }
.faixa-6 { font-family:'Archivo',sans-serif;font-size:14px;font-weight:700 }
.faixa-7 { font-size:12.5px;color:#B8BCBF }

/* ── perfil ── */
.perfil-1 { background:#E8EAE9;background-image:linear-gradient(0deg,rgba(36,38,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,38,42,.045) 1px,transparent 1px);background-size:26px 26px;border-top:1px solid #D9DBD9;border-bottom:1px solid #D9DBD9 }
.perfil-2 { max-width:1320px;margin:0 auto;padding:44px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.perfil-3 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:8px;color:var(--grafite) }
.perfil-3:hover { border-color:var(--laranja);color:var(--grafite) }
.perfil-4 { font-weight:700;font-size:17px }
.perfil-5 { margin:0;font-size:14px;line-height:1.55;color:var(--texto-suave) }
.perfil-6 { font-weight:700;font-size:14px;color:var(--laranja);margin-top:6px }

/* ── prod ── */
.prod-1 { scroll-margin-top:80px;max-width:1320px;margin:0 auto;padding:72px 40px 40px }
.prod-2 { display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:24px }
.eyebrow-2 { display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--azul);margin-bottom:12px }
.traco { width:34px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--laranja) 0%,var(--laranja-claro) 55%,rgba(242,139,63,0) 100%);flex-shrink:0 }
.prod-3 { margin:0;font-size:34px;font-weight:800;letter-spacing:-.015em }
.prod-4 { font-weight:700;font-size:14px;white-space:nowrap }
.prod-5 { display:grid;grid-template-columns:repeat(2,1fr);gap:20px }
.prod-6 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;overflow:hidden }
.prod-7 { height:170px }
.prod-8 { width:100%;height:100%;object-fit:cover;display:block }
.prod-9 { padding:24px 26px }
.prod-10 { display:flex;justify-content:space-between;margin-bottom:12px }
.prod-11 { font-weight:800;font-size:20px }
.prod-12 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9A9EA3 }
.prod-13 { display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--texto-suave) }
.prod-14 { display:flex;gap:8px }
.prod-15 { color:var(--laranja);font-weight:700 }
.prod-16 { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px }
.chip { font-family:'IBM Plex Mono',monospace;font-size:12px;background:#E8EAE9;border:1px solid #D9DBD9;border-radius:4px;padding:4px 8px }
.prod-17 { display:flex;justify-content:space-between;align-items:center }
.prod-18 { font-weight:700;font-size:14px;color:var(--laranja) }
.prod-18:hover { color:var(--laranja-escuro) }
.prod-19 { font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:var(--azul) }

/* ── sobmedida ── */
.sobmedida-1 { scroll-margin-top:80px;background:var(--grafite);background-image:linear-gradient(90deg,var(--laranja) 0%,var(--laranja-claro) 40%,rgba(242,139,63,0) 78%),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 3px,26px 26px,26px 26px;background-repeat:no-repeat,repeat,repeat;background-position:top left,0 0,0 0;margin-top:48px }
.sobmedida-2 { max-width:1320px;margin:0 auto;padding:72px 40px;display:grid;grid-template-columns:1fr .9fr;gap:56px;align-items:center }
.eyebrow-3 { display:flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;letter-spacing:.14em;color:#8FB4D4;margin-bottom:14px }
.sobmedida-3 { margin:0 0 16px;font-size:32px;font-weight:800;color:#FFFFFF;letter-spacing:-.01em;text-wrap:pretty }
.sobmedida-4 { margin:0 0 24px;font-size:15px;line-height:1.65;color:#B8BCBF;max-width:520px;text-wrap:pretty }
.sobmedida-5 { display:flex;gap:24px;margin-bottom:30px }
.sobmedida-6 { font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:16px;color:#FFFFFF }
.sobmedida-7 { font-size:13px;color:#9A9EA3 }
.sobmedida-8 { color:#B8BCBF;font-weight:600;font-size:14px;margin-left:18px }
.sobmedida-8:hover { color:#FFFFFF }
.sobmedida-9 { font-size:12px;color:#7C8085;margin-top:14px }
.sobmedida-10 { display:flex;justify-content:center }
.sobmedida-11 { position:relative;width:300px;height:534px;color:#B8BCBF }
.sobmedida-12 { position:absolute;inset:-10px;border:1px solid rgba(255,255,255,.14);border-radius:26px }

/* ── cat ── */
.cat-1 { scroll-margin-top:80px;max-width:1320px;margin:0 auto;padding:72px 40px }
.cat-2 { margin:0 0 24px;font-size:34px;font-weight:800;letter-spacing:-.015em }
.cat-3 { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px }
.cat-4 { display:flex;align-items:center;gap:12px }
.cat-5 { width:280px;padding:10px 14px;border:1.5px solid #C9CCCB;border-radius:6px;font-family:'Archivo',sans-serif;font-size:13.5px;background:#FFFFFF;color:var(--grafite);box-sizing:border-box }
.cat-5:focus { border-color:var(--laranja) }
.cat-6 { display:flex;flex-direction:column;gap:0 }
.cat-7 { display:grid;grid-template-columns:110px 1.1fr .8fr 1.1fr .9fr 1fr 150px;background:var(--grafite);padding:12px 24px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:#C9CCCB }
.cat-8 { display:grid;grid-template-columns:110px 1.1fr .8fr 1.1fr .9fr 1fr 150px;align-items:center;padding:13px 24px;border-bottom:1px solid #EDEEEC;font-size:14px }
.cat-8:hover { background:#FBF3ED }
.cat-9 { font-weight:700 }
.cat-10 { font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--azul) }
.cat-11 { font-family:'IBM Plex Mono',monospace;font-size:13px }
.cat-12 { text-align:right }
.btn-cotar { display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--laranja);color:var(--laranja);padding:7px 14px;border-radius:6px;font-weight:700;font-size:13px;white-space:nowrap }
.btn-cotar:hover { background:var(--laranja);color:#FFFFFF }
.cat-13 { background:#F7F7F4;padding:12px 24px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--texto-suave) }
.cat-14 { display:grid;grid-template-columns:110px 1fr 1fr 1.3fr 1fr 150px;background:var(--grafite);padding:12px 24px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:#C9CCCB }
.cat-15 { display:grid;grid-template-columns:110px 1fr 1fr 1.3fr 1fr 150px;align-items:center;padding:13px 24px;border-bottom:1px solid #EDEEEC;font-size:14px }
.cat-15:hover { background:#FBF3ED }
.cat-16 { display:grid;grid-template-columns:1.3fr 1.4fr 1fr 1.8fr 150px;background:var(--grafite);padding:12px 24px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:#C9CCCB }
.cat-17 { display:grid;grid-template-columns:1.3fr 1.4fr 1fr 1.8fr 150px;align-items:center;padding:13px 24px;border-bottom:1px solid #EDEEEC;font-size:14px }
.cat-17:hover { background:#FBF3ED }
.cat-18 { color:var(--texto-suave);font-size:13px }
.cat-19 { background:#FFFFFF;border:1px dashed #C9CCCB;border-radius:8px;padding:28px;text-align:center;margin-top:12px }
.cat-20 { font-weight:700;font-size:15px;margin-bottom:4px }
.cat-21 { font-size:13.5px;color:var(--texto-suave) }
.cat-22 { color:var(--laranja);font-weight:700 }
.cat-22:hover { color:var(--laranja-escuro) }
.cat-preview { position:fixed;right:44px;top:120px;z-index:90;width:380px;background:#FFFFFF;border:1px solid #D9DBD9;border-radius:10px;box-shadow:0 18px 44px rgba(36,38,42,.22);overflow:hidden }
.cat-preview-img { width:100%;height:250px;object-fit:cover;display:block;background:#EDEEEC }
.cat-preview-info { padding:13px 16px;border-top:1px solid #EDEEEC }
.cat-preview-nome { font-weight:800;font-size:15px }
.cat-preview-spec { font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#5B5F64;margin-top:3px }

@media (hover:none), (max-width:1023px) {
  .cat-preview { display:none }
}

/* ── app ── */
.app-1 { scroll-margin-top:80px;background:#E8EAE9;background-image:linear-gradient(0deg,rgba(36,38,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,38,42,.045) 1px,transparent 1px);background-size:26px 26px;border-top:1px solid #D9DBD9;border-bottom:1px solid #D9DBD9 }
.app-2 { max-width:1320px;margin:0 auto;padding:72px 40px }
.app-3 { margin:0 0 32px;font-size:34px;font-weight:800;letter-spacing:-.015em }
.app-4 { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.app-5 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;overflow:hidden;display:flex;flex-direction:column }
.app-6 { height:190px }
.app-7 { padding:22px;display:flex;flex-direction:column;gap:8px;flex:1 }
.app-8 { margin:0;font-size:14px;line-height:1.55;color:var(--texto-suave);flex:1 }
.app-9 { font-family:'IBM Plex Mono',monospace;font-size:12px }
.app-10 { color:var(--azul) }

/* ── empresa ── */
.empresa-1 { display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:end;margin-bottom:32px }
.empresa-2 { margin:0;font-size:34px;font-weight:800;letter-spacing:-.015em;text-wrap:pretty }
.empresa-3 { margin:0;font-size:15px;line-height:1.65;color:var(--texto-suave);text-wrap:pretty }
.empresa-4 { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px }
.empresa-5 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;padding:22px }
.empresa-5:hover { border-color:var(--laranja) }
.empresa-6 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9A9EA3;margin-bottom:14px }
.empresa-7 { font-weight:700;font-size:16px;margin-bottom:6px }
.empresa-8 { font-size:13.5px;line-height:1.55;color:var(--texto-suave) }
.empresa-9 { background:var(--grafite);background-image:linear-gradient(90deg,var(--laranja) 0%,var(--laranja-claro) 40%,rgba(242,139,63,0) 78%),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 3px,26px 26px,26px 26px;background-repeat:no-repeat,repeat,repeat;background-position:top left,0 0,0 0;border-radius:8px;padding:26px 30px;display:flex;align-items:center;gap:28px }
.empresa-10 { flex-shrink:0;display:flex;align-items:center;gap:10px }
.empresa-11 { width:8px;height:8px;background:var(--laranja);border-radius:50% }
.empresa-12 { font-weight:800;font-size:17px;color:#FFFFFF;white-space:nowrap }
.empresa-13 { margin:0;font-size:13px;line-height:1.55;color:#B8BCBF;flex:1 }
.empresa-14 { color:#C9CCCB;font-weight:700;font-size:13.5px;white-space:nowrap }
.empresa-14:hover { color:#FFFFFF }

/* ── revenda ── */
.revenda-1 { scroll-margin-top:80px;background:#FFFFFF;border-top:1px solid #D9DBD9;border-bottom:1px solid #D9DBD9 }
.revenda-2 { max-width:1320px;margin:0 auto;padding:64px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center }
.revenda-3 { margin:0 0 14px;font-size:28px;font-weight:800;letter-spacing:-.01em;text-wrap:pretty }
.revenda-4 { margin:0;font-size:15px;line-height:1.65;color:var(--texto-suave);max-width:560px;text-wrap:pretty }
.revenda-5 { display:flex;flex-direction:column;gap:12px;margin:24px 0 28px }
.revenda-6 { display:flex;gap:12px;align-items:baseline }
.revenda-7 { font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--laranja) }
.revenda-8 { font-size:14.5px;line-height:1.5 }
.revenda-9 { color:var(--texto-suave) }
.revenda-10 { display:flex;align-items:center;gap:18px }
.btn-laranja-3 { display:inline-flex;align-items:center;gap:10px;background:var(--laranja);color:#FFFFFF;padding:15px 26px;border-radius:10px;font-weight:700;font-size:15px;white-space:nowrap }
.btn-laranja-3:hover { background:var(--laranja-escuro);color:#FFFFFF }
.revenda-11 { height:340px }

/* ── orcamento ── */
.orcamento-1 { scroll-margin-top:80px;max-width:1320px;margin:0 auto;padding:72px 40px 0 }
.orcamento-2 { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px }
.orcamento-3 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;padding:24px }
.orcamento-4 { font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;color:var(--laranja);margin-bottom:10px }
.orcamento-5 { font-size:14px;line-height:1.55;color:var(--texto-suave) }
.orcamento-6 { background:var(--grafite);background-image:linear-gradient(90deg,var(--laranja) 0%,var(--laranja-claro) 40%,rgba(242,139,63,0) 78%),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 3px,26px 26px,26px 26px;background-repeat:no-repeat,repeat,repeat;background-position:top left,0 0,0 0;border-radius:8px;padding:32px 36px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center }
.orcamento-7 { width:120px;height:120px }
.orcamento-8 { border-radius:50% }
.orcamento-9 { font-weight:800;font-size:22px;color:#FFFFFF;margin-bottom:6px;text-wrap:pretty }
.orcamento-10 { font-size:14px;line-height:1.6;color:#B8BCBF;max-width:560px }

/* ── faq ── */
.faq-1 { scroll-margin-top:80px;max-width:1320px;margin:0 auto;padding:72px 40px 8px }
.faq-2 { display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start }
.faq-3 { margin:0 0 14px;font-size:34px;font-weight:800;letter-spacing:-.015em }
.faq-4 { margin:0 0 24px;font-size:15px;line-height:1.65;color:var(--texto-suave);text-wrap:pretty }
.btn-laranja-4 { display:inline-flex;align-items:center;gap:10px;background:var(--laranja);color:#FFFFFF;padding:14px 24px;border-radius:10px;font-weight:700;font-size:14.5px }
.btn-laranja-4:hover { background:var(--laranja-escuro);color:#FFFFFF }
.faq-5 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9A9EA3;margin-top:14px }
.faq-6 { display:flex;flex-direction:column;gap:10px }
.faq-7 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;padding:0 22px }
.faq-7:hover { border-color:var(--laranja) }
.faq-8 { cursor:pointer;display:flex;align-items:center;gap:14px;padding:17px 0 }
.faq-9 { font-weight:700;font-size:15px;flex:1 }
.faq-10 { font-size:22px;font-weight:500;color:#9A9EA3;line-height:1;transition:transform .2s ease }
.faq-11 { margin:0;padding:0 24px 18px 33px;font-size:14px;line-height:1.6;color:var(--texto-suave) }

/* ── contato ── */
.contato-1 { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px }
.contato-2 { font-family:'IBM Plex Mono',monospace;font-size:12px;color:#9A9EA3;white-space:nowrap }
.contato-3 { background:#FFFFFF;border:1px solid #D9DBD9;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr }
.contato-4 { background:#F3F3F0;padding:32px 34px;display:flex;flex-direction:column;gap:22px }
.contato-5 { display:flex;align-items:center;gap:14px }
.contato-6 { width:40px;height:40px;border:1.5px solid #D9DBD9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
.contato-7 { line-height:1.45 }
.contato-8 { font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:#9A9EA3 }
.contato-9 { font-size:14.5px }
.contato-10 { color:var(--grafite);font-weight:600 }
.contato-11 { border-top:1px solid #EDEEEC;padding-top:22px;display:flex;gap:12px;margin-top:auto }
.btn-laranja-5 { display:inline-flex;align-items:center;gap:9px;background:var(--laranja);color:#FFFFFF;padding:13px 22px;border-radius:10px;font-weight:700;font-size:14px;white-space:nowrap }
.btn-laranja-5:hover { background:var(--laranja-escuro);color:#FFFFFF }
.contato-12 { display:inline-flex;align-items:center;gap:9px;background:#FFFFFF;color:var(--grafite);padding:13px 22px;border-radius:10px;font-weight:700;font-size:14px;border:1.5px solid #C9CCCB;white-space:nowrap }
.contato-12:hover { border-color:var(--grafite);color:var(--grafite) }
.contato-13 { width:100%;height:100%;min-height:440px;border:0;border-left:1px solid #EDEEEC;display:block }

/* ── rodape ── */
.rodape-1 { background:var(--grafite);background-image:linear-gradient(90deg,var(--laranja) 0%,var(--laranja-claro) 40%,rgba(242,139,63,0) 78%),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 3px,26px 26px,26px 26px;background-repeat:no-repeat,repeat,repeat;background-position:top left,0 0,0 0;color:#9A9EA3;margin-top:24px }
.rodape-2 { max-width:1320px;margin:0 auto;padding:48px 40px 0 }
.rodape-3 { display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1) }
.rodape-4 { font-weight:800;font-size:24px;color:#FFFFFF;letter-spacing:-.01em }
.rodape-5 { font-size:14px;color:#9A9EA3;margin-top:4px }
.rodape-6 { display:flex;gap:12px }
.btn-laranja-6 { display:inline-flex;align-items:center;gap:10px;background:var(--laranja);color:#FFFFFF;padding:14px 24px;border-radius:10px;font-weight:700;font-size:14.5px;white-space:nowrap }
.btn-laranja-6:hover { background:var(--laranja-escuro);color:#FFFFFF }
.rodape-7 { display:inline-flex;align-items:center;gap:10px;border:1.5px solid rgba(255,255,255,.25);color:#FFFFFF;padding:14px 24px;border-radius:10px;font-weight:700;font-size:14.5px;white-space:nowrap }
.rodape-7:hover { border-color:#FFFFFF;color:#FFFFFF }
.rodape-8 { display:grid;grid-template-columns:1.3fr .9fr .9fr 1.2fr;gap:44px;padding:40px 0 44px }
.rodape-9 { display:flex;align-items:center;gap:11px;margin-bottom:14px }
.rodape-10 { width: 41px; height: 39px; object-fit: contain; flex-shrink: 0 }
.rodape-11 { color:#FFFFFF;font-weight:800;font-size:16px;letter-spacing:.02em }
.rodape-12 { font-family: 'IBM Plex Mono',monospace; font-size: 9.5px; color: #7C8085; letter-spacing: .08em; font-weight: 700 }
.rodape-13 { margin:0 0 18px;font-size:13.5px;line-height:1.6;max-width:280px }
.pill-social { display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:600;color:#C9CCCB }
.pill-social:hover { border-color:var(--laranja);color:#FFFFFF }
.rodape-14 { display:flex;flex-direction:column;gap:10px;font-size:13.5px }
.rodape-15 { display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:#7C8085;margin-bottom:6px }
.traco-sm { width:18px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--laranja),rgba(242,139,63,0));flex-shrink:0 }
.rodape-16 { color:#C9CCCB }
.rodape-16:hover { color:var(--laranja) }
.rodape-17 { display:flex;flex-direction:column;gap:12px;font-size:13.5px;line-height:1.55 }
.rodape-18 { display:flex;gap:8px;flex-wrap:wrap }
.rodape-19 { color:#C9CCCB;font-weight:600 }
.rodape-19:hover { color:var(--laranja) }
.rodape-20 { color:var(--laranja);font-weight:700;font-size:13px }
.rodape-20:hover { color:var(--laranja-claro) }
.rodape-21 { border-top:1px solid rgba(255,255,255,.1) }
.rodape-22 { max-width:1320px;margin:0 auto;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px }

/* ── responsivo ── */
@media (max-width: 900px) {
  body,
  .base-1 { min-width: 0 }

  .top-1 { padding:8px 24px }
  .topo-1 { padding:12px 24px }
  .topo-7 .topo-8 { display:none }

  .hero-2,
  .sobmedida-2,
  .revenda-2 { grid-template-columns:1fr;gap:40px;padding-left:24px;padding-right:24px }
  .hero-4 { font-size:46px }
  .hero-12 { width:100%;max-width:620px;margin:0 auto }

  .faixa-2 { grid-template-columns:repeat(2,1fr);padding-left:24px;padding-right:24px }
  .perfil-2 { grid-template-columns:1fr;padding-left:24px;padding-right:24px }

  .prod-1,
  .cat-1,
  .app-2,
  .orcamento-1,
  .faq-1,
  .rodape-2,
  .rodape-22 { padding-left:24px;padding-right:24px }
  .prod-5 { grid-template-columns:1fr }
  .sobmedida-10 { justify-content:flex-start }

  .cat-3 { align-items:flex-start;flex-direction:column }
  .cat-3 > .prod-14 { width:100%;flex-wrap:wrap }
  .cat-4 { width:100%;flex-wrap:wrap }
  .cat-5 { flex:1;min-width:220px }
  .cat-6 { width:100% }
  .cat-6 > .prod-6 { overflow-x:auto;overscroll-behavior-inline:contain }
  .cat-7,
  .cat-8 { min-width:900px }
  .cat-14,
  .cat-15 { min-width:820px }
  .cat-16,
  .cat-17 { min-width:760px }

  .app-4 { grid-template-columns:repeat(2,1fr) }
  .empresa-1 { grid-template-columns:1fr;gap:18px }
  .empresa-4 { grid-template-columns:repeat(2,1fr) }
  .empresa-9 { align-items:flex-start;flex-wrap:wrap }

  .orcamento-2 { grid-template-columns:repeat(2,1fr) }
  .orcamento-6 { grid-template-columns:auto 1fr }
  .orcamento-6 .btn-laranja-3 { grid-column:2 }
  .faq-2 { grid-template-columns:1fr;gap:36px }
  .contato-3 { grid-template-columns:1fr }
  .contato-13 { min-height:360px;border-left:0;border-top:1px solid #EDEEEC }

  .rodape-3 { align-items:flex-start;flex-direction:column }
  .rodape-8 { grid-template-columns:repeat(2,1fr) }
}

@media (max-width: 600px) {
  .top-1 { padding:7px 18px;font-size:10.5px }
  .top-1 .top-2 { display:none }
  .topo-1 { padding:11px 18px }
  .topo-7 { display:none }
  .topo-5 { font-size:16px }

  .hero-2 { padding:48px 20px 44px;gap:34px }
  .hero-4 { font-size:40px;line-height:1.06 }
  .hero-5 { font-size:16px }
  .hero-6 { align-items:stretch;flex-direction:column }
  .hero-6 > a { justify-content:center }
  .hero-8 { display:grid;grid-template-columns:repeat(2,1fr);gap:22px 16px }
  .hero-10 { font-size:19px }
  .hero-14 { height:auto }

  .faixa-2 { grid-template-columns:1fr;padding:22px 20px;gap:20px }
  .faixa-3 { justify-content:flex-start }
  .perfil-2 { padding:36px 20px }

  .prod-1,
  .cat-1,
  .app-2,
  .orcamento-1,
  .faq-1 { padding-left:20px;padding-right:20px }
  .prod-1,
  .cat-1,
  .app-2,
  .orcamento-1,
  .faq-1 { padding-top:56px }
  .prod-2 { align-items:flex-start;flex-direction:column }
  .prod-3,
  .cat-2,
  .app-3,
  .empresa-2,
  .faq-3 { font-size:30px }
  .prod-9 { padding:22px 20px }

  .sobmedida-2,
  .revenda-2 { padding:56px 20px }
  .sobmedida-3 { font-size:29px }
  .sobmedida-5 { flex-wrap:wrap;gap:18px }
  .sobmedida-8 { display:block;margin:16px 0 0 }
  .sobmedida-10 { justify-content:center }
  .sobmedida-11 { width:min(300px, 86vw);height:min(534px, 153vw) }
  .reel-som { right:12px;bottom:12px;padding:10px 12px; }

  .cat-4 { align-items:stretch;flex-direction:column }
  .cat-5 { width:100%;min-width:0 }
  .cat-tab { flex:1 1 140px;justify-content:center }

  .app-4,
  .empresa-4,
  .orcamento-2 { grid-template-columns:1fr }
  .empresa-9 { padding:24px 22px;gap:16px }
  .empresa-12 { white-space:normal }
  .empresa-14 { width:100% }

  .revenda-10 { align-items:flex-start;flex-direction:column }
  .revenda-11 { height:260px }
  .orcamento-6 { grid-template-columns:1fr;padding:26px 22px;gap:20px }
  .orcamento-7 { width:96px;height:96px }
  .orcamento-6 .btn-laranja-3 { grid-column:auto;justify-content:center }

  .contato-1 { align-items:flex-start;flex-direction:column }
  .contato-2 { white-space:normal }
  .contato-4 { padding:28px 22px }
  .contato-11 { align-items:stretch;flex-direction:column }
  .contato-11 > a { justify-content:center }
  .contato-13 { min-height:300px }

  .rodape-2,
  .rodape-22 { padding-left:20px;padding-right:20px }
  .rodape-3 { padding-bottom:30px }
  .rodape-6 { width:100%;align-items:stretch;flex-direction:column }
  .rodape-6 > a { justify-content:center }
  .rodape-8 { grid-template-columns:1fr;gap:32px;padding:34px 0 38px }
  .rodape-22 { align-items:flex-start;flex-direction:column }
}