{"id":13,"date":"2026-07-02T13:56:31","date_gmt":"2026-07-02T16:56:31","guid":{"rendered":"https:\/\/portal.sotelasdf.com.br\/?page_id=13"},"modified":"2026-07-02T15:33:54","modified_gmt":"2026-07-02T18:33:54","slug":"home","status":"publish","type":"page","link":"https:\/\/portal.sotelasdf.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nS\u00f3 Telas \u2013 Redes e Telas de Prote\u00e7\u00e3o desde 1993<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;900&family=Open+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --azul: #0b3d91;\r\n --azul-medio: #1565c0;\r\n --azul-claro: #1e88e5;\r\n --verde: #00a651;\r\n --verde-claro: #00c967;\r\n --branco: #ffffff;\r\n --cinza-claro: #f4f7fb;\r\n --cinza: #6b7280;\r\n --sombra: 0 4px 24px rgba(11,61,145,0.10);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'Open Sans', sans-serif;\r\n color: #1a2340;\r\n background: var(--branco);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 1000;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 40px;\r\n height: 72px;\r\n background: rgba(11,61,145,0.96);\r\n backdrop-filter: blur(8px);\r\n transition: box-shadow .3s;\r\n }\r\n nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.25); }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n .nav-logo .logo-icon {\r\n width: 42px; height: 42px;\r\n background: var(--verde);\r\n border-radius: 8px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: 18px;\r\n color: white;\r\n letter-spacing: -1px;\r\n }\r\n .nav-logo span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 800;\r\n font-size: 20px;\r\n color: var(--branco);\r\n letter-spacing: 0.5px;\r\n }\r\n .nav-logo span em {\r\n color: var(--verde-claro);\r\n font-style: normal;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 32px;\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n text-decoration: none;\r\n color: rgba(255,255,255,0.85);\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 600;\r\n font-size: 13px;\r\n letter-spacing: 0.8px;\r\n text-transform: uppercase;\r\n transition: color .2s;\r\n padding-bottom: 2px;\r\n border-bottom: 2px solid transparent;\r\n }\r\n .nav-links a:hover { color: var(--verde-claro); border-bottom-color: var(--verde-claro); }\r\n\r\n .nav-cta {\r\n background: var(--verde);\r\n color: white !important;\r\n padding: 10px 22px !important;\r\n border-radius: 6px !important;\r\n border-bottom: none !important;\r\n transition: background .2s !important;\r\n }\r\n .nav-cta:hover { background: var(--verde-claro) !important; color: white !important; }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 4px;\r\n }\r\n .hamburger span {\r\n width: 26px; height: 2px;\r\n background: white;\r\n border-radius: 2px;\r\n transition: .3s;\r\n }\r\n\r\n \/* \u2500\u2500 HERO + CAROUSEL \u2500\u2500 *\/\r\n #hero {\r\n margin-top: 72px;\r\n position: relative;\r\n height: 90vh;\r\n min-height: 560px;\r\n overflow: hidden;\r\n background: var(--azul);\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n height: 100%;\r\n transition: transform .7s cubic-bezier(.77,0,.18,1);\r\n }\r\n\r\n .slide {\r\n min-width: 100%;\r\n height: 100%;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .slide-bg {\r\n position: absolute; inset: 0;\r\n background-size: cover;\r\n background-position: center;\r\n transform: scale(1.08);\r\n transition: transform 6s ease;\r\n }\r\n .slide.active .slide-bg { transform: scale(1); }\r\n\r\n .slide-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(90deg, rgba(11,61,145,0.88) 0%, rgba(11,61,145,0.45) 60%, transparent 100%);\r\n }\r\n\r\n .slide-content {\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 80px;\r\n max-width: 640px;\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity .7s .2s, transform .7s .2s;\r\n }\r\n .slide.active .slide-content { opacity: 1; transform: translateY(0); }\r\n\r\n .slide-tag {\r\n display: inline-block;\r\n background: var(--verde);\r\n color: white;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 11px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n padding: 5px 14px;\r\n border-radius: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .slide-content h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: clamp(32px, 4vw, 52px);\r\n color: white;\r\n line-height: 1.15;\r\n margin-bottom: 18px;\r\n }\r\n .slide-content h1 span { color: var(--verde-claro); }\r\n\r\n .slide-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.88);\r\n line-height: 1.65;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .slide-btns { display: flex; gap: 14px; flex-wrap: wrap; }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--verde);\r\n color: white;\r\n padding: 14px 28px;\r\n border-radius: 8px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: background .2s, transform .15s;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n .btn-primary:hover { background: var(--verde-claro); transform: translateY(-2px); }\r\n\r\n .btn-outline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: transparent;\r\n color: white;\r\n padding: 13px 26px;\r\n border: 2px solid rgba(255,255,255,0.5);\r\n border-radius: 8px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: border-color .2s, background .2s;\r\n cursor: pointer;\r\n }\r\n .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.1); }\r\n\r\n \/* Carousel controls *\/\r\n .carousel-dots {\r\n position: absolute;\r\n bottom: 32px;\r\n left: 80px;\r\n display: flex;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n .dot {\r\n width: 10px; height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.4);\r\n cursor: pointer;\r\n transition: background .3s, transform .3s;\r\n }\r\n .dot.active { background: var(--verde); transform: scale(1.3); }\r\n\r\n .carousel-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 10;\r\n width: 50px; height: 50px;\r\n background: rgba(255,255,255,0.15);\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-radius: 50%;\r\n color: white;\r\n font-size: 20px;\r\n cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background .2s;\r\n backdrop-filter: blur(4px);\r\n }\r\n .carousel-arrow:hover { background: var(--verde); border-color: var(--verde); }\r\n .arrow-prev { left: 24px; }\r\n .arrow-next { right: 24px; }\r\n\r\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\r\n .stats-bar {\r\n background: linear-gradient(135deg, var(--azul) 0%, var(--azul-medio) 100%);\r\n padding: 28px 40px;\r\n display: flex;\r\n justify-content: center;\r\n gap: 0;\r\n }\r\n .stat-item {\r\n text-align: center;\r\n padding: 0 48px;\r\n border-right: 1px solid rgba(255,255,255,0.2);\r\n flex: 1;\r\n max-width: 220px;\r\n }\r\n .stat-item:last-child { border-right: none; }\r\n .stat-num {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: 36px;\r\n color: var(--verde-claro);\r\n line-height: 1;\r\n }\r\n .stat-label {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.75);\r\n margin-top: 4px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\n section { padding: 88px 40px; }\r\n\r\n .section-eyebrow {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--verde);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: clamp(26px, 3vw, 40px);\r\n color: var(--azul);\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n .section-title span { color: var(--verde); }\r\n\r\n .section-sub {\r\n color: var(--cinza);\r\n font-size: 16px;\r\n line-height: 1.7;\r\n max-width: 560px;\r\n margin-bottom: 52px;\r\n }\r\n\r\n \/* \u2500\u2500 SERVI\u00c7OS \u2500\u2500 *\/\r\n #servicos { background: var(--cinza-claro); }\r\n\r\n .servicos-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\r\n gap: 24px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .servico-card {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 36px 28px;\r\n box-shadow: var(--sombra);\r\n transition: transform .3s, box-shadow .3s;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n border-top: 4px solid transparent;\r\n }\r\n .servico-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--azul), var(--verde));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: transform .3s;\r\n }\r\n .servico-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(11,61,145,0.15); }\r\n .servico-card:hover::before { transform: scaleX(1); }\r\n\r\n .servico-icon {\r\n width: 64px; height: 64px;\r\n background: linear-gradient(135deg, var(--azul), var(--azul-claro));\r\n border-radius: 14px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 28px;\r\n margin-bottom: 20px;\r\n transition: background .3s;\r\n }\r\n .servico-card:hover .servico-icon {\r\n background: linear-gradient(135deg, var(--verde), var(--verde-claro));\r\n }\r\n\r\n .servico-card h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 18px;\r\n color: var(--azul);\r\n margin-bottom: 12px;\r\n }\r\n .servico-card p {\r\n color: var(--cinza);\r\n font-size: 14px;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n }\r\n .servico-link {\r\n color: var(--verde);\r\n font-weight: 700;\r\n font-size: 13px;\r\n text-decoration: none;\r\n font-family: 'Montserrat', sans-serif;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: gap .2s;\r\n }\r\n .servico-card:hover .servico-link { gap: 10px; }\r\n\r\n \/* \u2500\u2500 POR QUE N\u00d3S \u2500\u2500 *\/\r\n #porquenos {\r\n background: white;\r\n padding: 88px 40px;\r\n }\r\n\r\n .porquenos-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n }\r\n\r\n .porquenos-visual {\r\n position: relative;\r\n }\r\n\r\n .porquenos-card-main {\r\n background: linear-gradient(135deg, var(--azul) 0%, var(--azul-medio) 100%);\r\n border-radius: 20px;\r\n padding: 48px 36px;\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .porquenos-card-main::after {\r\n content: '\ud83d\udee1\ufe0f';\r\n position: absolute;\r\n right: -10px;\r\n bottom: -20px;\r\n font-size: 140px;\r\n opacity: 0.07;\r\n transform: rotate(-10deg);\r\n }\r\n .porquenos-card-main h3 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: 48px;\r\n color: var(--verde-claro);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n .porquenos-card-main p {\r\n font-size: 15px;\r\n opacity: .85;\r\n margin-bottom: 24px;\r\n }\r\n .badge-norma {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.15);\r\n border: 1px solid rgba(255,255,255,0.3);\r\n padding: 8px 16px;\r\n border-radius: 6px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .porquenos-float {\r\n position: absolute;\r\n right: -24px;\r\n top: -24px;\r\n background: white;\r\n border-radius: 14px;\r\n padding: 20px 24px;\r\n box-shadow: 0 8px 32px rgba(11,61,145,0.18);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .float-icon { font-size: 28px; }\r\n .float-text .val {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: 22px;\r\n color: var(--azul);\r\n line-height: 1;\r\n }\r\n .float-text .lbl { font-size: 11px; color: var(--cinza); font-weight: 600; }\r\n\r\n .diferenciais {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .diferencial-item {\r\n display: flex;\r\n gap: 20px;\r\n padding: 24px 0;\r\n border-bottom: 1px solid #eef0f5;\r\n cursor: default;\r\n transition: background .2s;\r\n border-radius: 8px;\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n .diferencial-item:hover { background: var(--cinza-claro); }\r\n .diferencial-item:last-child { border-bottom: none; }\r\n\r\n .dif-num {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: 13px;\r\n color: var(--verde);\r\n min-width: 28px;\r\n padding-top: 2px;\r\n }\r\n\r\n .dif-body h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 16px;\r\n color: var(--azul);\r\n margin-bottom: 6px;\r\n }\r\n .dif-body p { font-size: 14px; color: var(--cinza); line-height: 1.6; }\r\n\r\n \/* \u2500\u2500 PROCESSO \u2500\u2500 *\/\r\n #processo {\r\n background: linear-gradient(135deg, var(--azul) 0%, #0d47a1 100%);\r\n padding: 88px 40px;\r\n text-align: center;\r\n }\r\n #processo .section-eyebrow { color: var(--verde-claro); }\r\n #processo .section-title { color: white; }\r\n #processo .section-sub { color: rgba(255,255,255,0.75); margin: 0 auto 56px; }\r\n\r\n .processo-steps {\r\n display: flex;\r\n justify-content: center;\r\n gap: 0;\r\n max-width: 960px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n .processo-steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 36px;\r\n left: 10%;\r\n right: 10%;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--verde), var(--verde-claro));\r\n z-index: 0;\r\n }\r\n\r\n .step {\r\n flex: 1;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n padding: 0 16px;\r\n }\r\n\r\n .step-circle {\r\n width: 72px; height: 72px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--verde), var(--verde-claro));\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 26px;\r\n margin: 0 auto 20px;\r\n box-shadow: 0 4px 20px rgba(0,166,81,0.4);\r\n transition: transform .3s;\r\n }\r\n .step:hover .step-circle { transform: scale(1.1); }\r\n\r\n .step h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 15px;\r\n color: white;\r\n margin-bottom: 8px;\r\n }\r\n .step p { font-size: 13px; color: rgba(255,255,255,0.7); line-height: 1.5; }\r\n\r\n \/* \u2500\u2500 DEPOIMENTOS \u2500\u2500 *\/\r\n #depoimentos { background: var(--cinza-claro); }\r\n\r\n .depoimentos-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 24px;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n }\r\n\r\n .depoimento-card {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 28px;\r\n box-shadow: var(--sombra);\r\n transition: transform .3s;\r\n }\r\n .depoimento-card:hover { transform: translateY(-4px); }\r\n\r\n .stars { color: #f59e0b; font-size: 16px; margin-bottom: 14px; }\r\n .depoimento-text {\r\n font-size: 14px;\r\n color: #374151;\r\n line-height: 1.7;\r\n font-style: italic;\r\n margin-bottom: 20px;\r\n }\r\n .dep-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .dep-avatar {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--azul), var(--verde));\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n color: white;\r\n font-size: 16px;\r\n }\r\n .dep-name { font-weight: 700; font-size: 14px; color: var(--azul); }\r\n .dep-since { font-size: 12px; color: var(--cinza); }\r\n\r\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n #cta {\r\n background: white;\r\n padding: 88px 40px;\r\n text-align: center;\r\n }\r\n .cta-box {\r\n max-width: 720px;\r\n margin: 0 auto;\r\n background: linear-gradient(135deg, var(--azul) 0%, var(--azul-medio) 100%);\r\n border-radius: 24px;\r\n padding: 60px 48px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .cta-box::before {\r\n content: '';\r\n position: absolute;\r\n top: -60px; right: -60px;\r\n width: 200px; height: 200px;\r\n border-radius: 50%;\r\n background: var(--verde);\r\n opacity: 0.12;\r\n }\r\n .cta-box::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -80px; left: -40px;\r\n width: 160px; height: 160px;\r\n border-radius: 50%;\r\n background: var(--verde-claro);\r\n opacity: 0.08;\r\n }\r\n .cta-box h2 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 900;\r\n font-size: clamp(24px, 3vw, 36px);\r\n color: white;\r\n margin-bottom: 14px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .cta-box p {\r\n color: rgba(255,255,255,0.82);\r\n font-size: 16px;\r\n margin-bottom: 36px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .cta-actions {\r\n display: flex;\r\n gap: 14px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Whatsapp floating *\/\r\n .whatsapp-float {\r\n position: fixed;\r\n bottom: 28px;\r\n right: 28px;\r\n z-index: 999;\r\n width: 58px; height: 58px;\r\n background: #25d366;\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 28px;\r\n box-shadow: 0 4px 20px rgba(37,211,102,0.5);\r\n text-decoration: none;\r\n animation: pulse-wa 2s infinite;\r\n transition: transform .2s;\r\n }\r\n .whatsapp-float:hover { transform: scale(1.1); }\r\n @keyframes pulse-wa {\r\n 0%,100% { box-shadow: 0 4px 20px rgba(37,211,102,0.5); }\r\n 50% { box-shadow: 0 4px 32px rgba(37,211,102,0.85); }\r\n }\r\n\r\n \/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n #faq { background: white; }\r\n .faq-inner {\r\n max-width: 760px;\r\n margin: 0 auto;\r\n }\r\n .faq-item {\r\n border-bottom: 1px solid #e5e7eb;\r\n overflow: hidden;\r\n }\r\n .faq-q {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px 4px;\r\n cursor: pointer;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 600;\r\n font-size: 15px;\r\n color: var(--azul);\r\n gap: 16px;\r\n transition: color .2s;\r\n }\r\n .faq-q:hover { color: var(--verde); }\r\n .faq-icon {\r\n min-width: 28px; height: 28px;\r\n background: var(--cinza-claro);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 16px;\r\n transition: background .2s, transform .3s;\r\n font-weight: 700;\r\n color: var(--azul);\r\n }\r\n .faq-item.open .faq-icon { background: var(--verde); color: white; transform: rotate(45deg); }\r\n .faq-a {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height .4s ease, padding .3s;\r\n font-size: 14px;\r\n color: var(--cinza);\r\n line-height: 1.7;\r\n padding: 0 4px;\r\n }\r\n .faq-item.open .faq-a { max-height: 200px; padding-bottom: 20px; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: #0a1f4e;\r\n color: rgba(255,255,255,0.75);\r\n padding: 60px 40px 32px;\r\n }\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.4fr 1fr 1fr 1fr;\r\n gap: 40px;\r\n max-width: 1200px;\r\n margin: 0 auto 48px;\r\n }\r\n .footer-brand p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n margin: 16px 0 24px;\r\n }\r\n .footer-social { display: flex; gap: 12px; }\r\n .social-btn {\r\n width: 38px; height: 38px;\r\n background: rgba(255,255,255,0.1);\r\n border-radius: 8px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 16px;\r\n text-decoration: none;\r\n color: white;\r\n transition: background .2s;\r\n }\r\n .social-btn:hover { background: var(--verde); }\r\n\r\n .footer-col h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: white;\r\n margin-bottom: 16px;\r\n letter-spacing: 0.5px;\r\n }\r\n .footer-col ul { list-style: none; }\r\n .footer-col ul li { margin-bottom: 10px; }\r\n .footer-col ul a {\r\n text-decoration: none;\r\n color: rgba(255,255,255,0.65);\r\n font-size: 14px;\r\n transition: color .2s;\r\n }\r\n .footer-col ul a:hover { color: var(--verde-claro); }\r\n\r\n .footer-contact-item {\r\n display: flex;\r\n gap: 10px;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n font-size: 14px;\r\n }\r\n .footer-contact-item span { opacity: .65; line-height: 1.5; }\r\n\r\n .footer-bottom {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding-top: 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 12px;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n .footer-bottom a { color: var(--verde-claro); text-decoration: none; }\r\n\r\n \/* \u2500\u2500 COUNTER ANIMATION \u2500\u2500 *\/\r\n @keyframes countUp { from { opacity: 0; } to { opacity: 1; } }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .porquenos-inner { grid-template-columns: 1fr; }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n .processo-steps::before { display: none; }\r\n .processo-steps { flex-wrap: wrap; gap: 32px; }\r\n .step { min-width: 200px; }\r\n nav { padding: 0 24px; }\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n nav { padding: 0 20px; }\r\n .slide-content { padding: 0 24px; }\r\n section { padding: 60px 20px; }\r\n .stats-bar { padding: 20px; gap: 0; flex-wrap: wrap; }\r\n .stat-item { padding: 12px 16px; min-width: 50%; }\r\n .carousel-dots { left: 24px; }\r\n .footer-grid { grid-template-columns: 1fr; }\r\n .footer-bottom { flex-direction: column; text-align: center; }\r\n .cta-box { padding: 40px 24px; }\r\n .porquenos-float { display: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAVBAR -->\r\n<nav id=\"navbar\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/sotelasdf.com.br\/wp-content\/uploads\/2026\/07\/LOGO-SO-TELAS.png\" alt=\"S\u00f3 Telas\" style=\"height:48px;width:48px;object-fit:cover;border-radius:50%;display:block;border:2px solid rgba(255,255,255,0.25);box-shadow:0 2px 8px rgba(0,0,0,0.2);\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n <li><a href=\"#porquenos\">Por Que N\u00f3s<\/a><\/li>\r\n <li><a href=\"#processo\">Como Funciona<\/a><\/li>\r\n <li><a href=\"#depoimentos\">Depoimentos<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"nav-cta\">\ud83d\udcf1 Or\u00e7amento Gr\u00e1tis<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- HERO CAROUSEL -->\r\n<section id=\"hero\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n\r\n <!-- Slide 1 -->\r\n <div class=\"slide active\" id=\"slide0\">\r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/sotelasdf.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-30-de-jun.-de-2026-12_37_55.png');\"><\/div>\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-tag\">\ud83d\udee1\ufe0f Mais de 31 Anos de Experi\u00eancia<\/div>\r\n <h1>Redes de Prote\u00e7\u00e3o <span>Premium<\/span> para sua Fam\u00edlia<\/h1>\r\n <p>Prote\u00e7\u00e3o de alto padr\u00e3o para janelas, sacadas e varandas. Fabrica\u00e7\u00e3o pr\u00f3pria com certifica\u00e7\u00e3o de seguran\u00e7a Falc\u00e3o Bauer.<\/p>\r\n <div class=\"slide-btns\">\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" target=\"_blank\" rel=\"noopener\"ChatGPT-Image-30-de-jun.-de-2026-12_37_55-1.png\" class=\"btn-primary\">\ud83d\udcf1 Solicitar Or\u00e7amento<\/a>\r\n <a href=\"#servicos\" class=\"btn-outline\">Ver Servi\u00e7os<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 2 -->\r\n <div class=\"slide\" id=\"slide1\">\r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/sotelasdf.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-30-de-jun.-de-2026-12_55_01.png');\"><\/div>\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-tag\">\ud83e\udd9f Telas Mosquiteiras<\/div>\r\n <h1>Diga Adeus aos <span>Insetos<\/span> Indesejados<\/h1>\r\n <p>Telas mosquiteiras de qualidade em v\u00e1rios modelos: de correr, fixa, remov\u00edvel e recolh\u00edvel. Sob medida para sua janela.<\/p>\r\n <div class=\"slide-btns\">\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" target=\"_blank\" rel=\"noopener\"ChatGPT-Image-30-de-jun.-de-2026-12_55_01-1.png\" class=\"btn-primary\">\ud83d\udcf1 Consultar Modelos<\/a>\r\n <a href=\"#servicos\" class=\"btn-outline\">Saiba Mais<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 3 -->\r\n <div class=\"slide\" id=\"slide2\">\r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/sotelasdf.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-30-de-jun.-de-2026-13_44_11.png');\"><\/div>\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-tag\">\ud83d\udc76 Seguran\u00e7a Infantil<\/div>\r\n <h1>Proteja Quem Voc\u00ea <span>Mais Ama<\/span><\/h1>\r\n <p>Redes de prote\u00e7\u00e3o para parquinhos e \u00e1reas externas, garantindo a seguran\u00e7a das crian\u00e7as com m\u00e1xima resist\u00eancia e durabilidade.<\/p>\r\n <div class=\"slide-btns\">\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" target=\"_blank\" rel=\"noopener\"ChatGPT-Image-30-de-jun.-de-2026-13_44_11-2.png\" class=\"btn-primary\">\ud83d\udcf1 Visita T\u00e9cnica Gr\u00e1tis<\/a>\r\n <a href=\"#servicos\" class=\"btn-outline\">Ver Produtos<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 4 -->\r\n <div class=\"slide\" id=\"slide3\">\r\n <div class=\"slide-bg\" style=\"background-image: url('https:\/\/sotelasdf.com.br\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-30-de-jun.-de-2026-13_07_03.png');\"><\/div>\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-tag\">\ud83c\udfa8 Telas Art\u00edsticas<\/div>\r\n <h1>Arte e Prote\u00e7\u00e3o em <span>Perfeita Harmonia<\/span><\/h1>\r\n <p>Telas art\u00edsticas feitas artesanalmente e sob medida. Qualidade em forma de metal \u2014 beleza e seguran\u00e7a na mesma solu\u00e7\u00e3o.<\/p>\r\n <div class=\"slide-btns\">\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" target=\"_blank\" rel=\"noopener\"ChatGPT-Image-30-de-jun.-de-2026-13_07_03-1.png\" class=\"btn-primary\">\ud83d\udcf1 Ver Designs<\/a>\r\n <a href=\"#servicos\" class=\"btn-outline\">Explorar<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <button class=\"carousel-arrow arrow-prev\" id=\"prevBtn\" aria-label=\"Anterior\">←<\/button>\r\n <button class=\"carousel-arrow arrow-next\" id=\"nextBtn\" aria-label=\"Pr\u00f3ximo\">→<\/button>\r\n\r\n <div class=\"carousel-dots\">\r\n <div class=\"dot active\" data-i=\"0\"><\/div>\r\n <div class=\"dot\" data-i=\"1\"><\/div>\r\n <div class=\"dot\" data-i=\"2\"><\/div>\r\n <div class=\"dot\" data-i=\"3\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- STATS BAR -->\r\n<div class=\"stats-bar\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"31\">0<\/div>\r\n <div class=\"stat-label\">Anos no Mercado<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"5000\">0<\/div>\r\n <div class=\"stat-label\">Clientes Atendidos<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"100\">0<\/div>\r\n <div class=\"stat-label\">% de Garantia<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-target=\"48\">0<\/div>\r\n <div class=\"stat-label\">Horas p\/ Instala\u00e7\u00e3o<\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- SERVI\u00c7OS -->\r\n<section id=\"servicos\">\r\n <div style=\"max-width:1200px;margin:0 auto;text-align:center\">\r\n <div class=\"section-eyebrow\">O que oferecemos<\/div>\r\n <h2 class=\"section-title\">Solu\u00e7\u00f5es Completas em <span>Prote\u00e7\u00e3o<\/span><\/h2>\r\n <p class=\"section-sub\" style=\"margin:0 auto 52px\">Do projeto \u00e0 instala\u00e7\u00e3o, cuidamos de tudo com profissionalismo e qualidade garantida.<\/p>\r\n <\/div>\r\n <div class=\"servicos-grid\">\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83c\udfe0<\/div>\r\n <h3>Redes de Prote\u00e7\u00e3o Premium<\/h3>\r\n <p>Redes em polietileno fabricadas por n\u00f3s, imperme\u00e1veis e com prote\u00e7\u00e3o UV. Para janelas, sacadas e varandas. Marca Mult Telas.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83e\udd9f<\/div>\r\n <h3>Telas Mosquiteiras<\/h3>\r\n <p>Modelos de correr, fixo, remov\u00edvel e recolh\u00edvel. Eficientes contra insetos, com instala\u00e7\u00e3o r\u00e1pida e sob medida para qualquer janela.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83c\udfa8<\/div>\r\n <h3>Telas Art\u00edsticas<\/h3>\r\n <p>Feitas artesanalmente em metal, sob medida para seu espa\u00e7o. Design exclusivo que alia est\u00e9tica e seguran\u00e7a com acabamento superior.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83c\udf33<\/div>\r\n <h3>Redes para Parquinhos<\/h3>\r\n <p>Prote\u00e7\u00e3o especial para \u00e1reas de lazer infantil. Resist\u00eancia testada para garantir a seguran\u00e7a das crian\u00e7as durante as brincadeiras.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83c\udfe2<\/div>\r\n <h3>Prote\u00e7\u00e3o Comercial<\/h3>\r\n <p>Solu\u00e7\u00f5es para com\u00e9rcios, condom\u00ednios e empresas. Atendimento especializado para grandes projetos com garantia total.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83d\udd27<\/div>\r\n <h3>Manuten\u00e7\u00e3o e Revis\u00e3o<\/h3>\r\n <p>Limpeza, revis\u00e3o e substitui\u00e7\u00e3o de redes danificadas. Profissionais certificados garantem que sua prote\u00e7\u00e3o continue eficiente.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Agendar servi\u00e7o \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83c\udfc0<\/div>\r\n <h3>Redes para Quadras<\/h3>\r\n <p>Redes de prote\u00e7\u00e3o especiais para quadras esportivas, cobrindo laterais e fundos com resist\u00eancia refor\u00e7ada. Ideal para escolas, clubes e condom\u00ednios.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <div class=\"servico-card\">\r\n <div class=\"servico-icon\">\ud83d\udd37<\/div>\r\n <h3>Telas Losangulares<\/h3>\r\n <p>Telas com malha em formato de losango, ideais para cercamentos, divis\u00f3rias e prote\u00e7\u00e3o perimetral. Combinam praticidade, durabilidade e visual clean.<\/p>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"servico-link\">Pedir or\u00e7amento \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- POR QUE N\u00d3S -->\r\n<section id=\"porquenos\">\r\n <div class=\"porquenos-inner\">\r\n <div class=\"porquenos-visual\">\r\n <div class=\"porquenos-card-main\">\r\n <h3>31+<\/h3>\r\n <p>Anos protegendo fam\u00edlias em Bras\u00edlia e regi\u00e3o com qualidade certificada e atendimento de excel\u00eancia.<\/p>\r\n <div class=\"badge-norma\">\u2714 ABNT NBR 16046-1:2012 \u00b7 Laudo Falc\u00e3o Bauer<\/div>\r\n <\/div>\r\n <div class=\"porquenos-float\">\r\n <div class=\"float-icon\">\u2b50<\/div>\r\n <div class=\"float-text\">\r\n <div class=\"val\">5,0<\/div>\r\n <div class=\"lbl\">Avalia\u00e7\u00e3o Google<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"section-eyebrow\">Por que escolher a S\u00f3 Telas<\/div>\r\n <h2 class=\"section-title\">Qualidade que voc\u00ea <span>pode confiar<\/span><\/h2>\r\n <div class=\"diferenciais\">\r\n <div class=\"diferencial-item\">\r\n <div class=\"dif-num\">01<\/div>\r\n <div class=\"dif-body\">\r\n <h4>Fabrica\u00e7\u00e3o Pr\u00f3pria<\/h4>\r\n <p>Nossas redes s\u00e3o fabricadas por n\u00f3s, com controle total da qualidade do material ao produto final.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diferencial-item\">\r\n <div class=\"dif-num\">02<\/div>\r\n <div class=\"dif-body\">\r\n <h4>Equipe Certificada<\/h4>\r\n <p>Todos os profissionais passam por treinamentos e possuem certifica\u00e7\u00f5es para oferecer a melhor experi\u00eancia.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diferencial-item\">\r\n <div class=\"dif-num\">03<\/div>\r\n <div class=\"dif-body\">\r\n <h4>Visita T\u00e9cnica Gratuita<\/h4>\r\n <p>Realizamos visita t\u00e9cnica sem custo e sem compromisso para avaliar sua necessidade com precis\u00e3o.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diferencial-item\">\r\n <div class=\"dif-num\">04<\/div>\r\n <div class=\"dif-body\">\r\n <h4>Garantia em Todos os Produtos<\/h4>\r\n <p>Voc\u00ea tem respaldo total com garantia nos servi\u00e7os e produtos, al\u00e9m de atendentes sempre dispon\u00edveis.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"diferencial-item\">\r\n <div class=\"dif-num\">05<\/div>\r\n <div class=\"dif-body\">\r\n <h4>Prote\u00e7\u00e3o UV & Imperme\u00e1vel<\/h4>\r\n <p>Material com aditivos anti-UV e imperme\u00e1vel a l\u00edquidos, garantindo durabilidade e resist\u00eancia ao tempo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PROCESSO -->\r\n<section id=\"processo\">\r\n <div class=\"section-eyebrow\">Como trabalhamos<\/div>\r\n <h2 class=\"section-title\">Do contato \u00e0 <span style=\"color:var(--verde-claro)\">instala\u00e7\u00e3o<\/span><\/h2>\r\n <p class=\"section-sub\">Processo simples, r\u00e1pido e totalmente transparente para voc\u00ea.<\/p>\r\n <div class=\"processo-steps\">\r\n <div class=\"step\">\r\n <div class=\"step-circle\">\ud83d\udcde<\/div>\r\n <h4>1. Contato<\/h4>\r\n <p>Fale conosco pelo WhatsApp ou telefone. Atendimento \u00e1gil e personalizado.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">\ud83d\udcd0<\/div>\r\n <h4>2. Visita T\u00e9cnica<\/h4>\r\n <p>Nosso especialista vai at\u00e9 voc\u00ea para medir e avaliar, sem custo.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">\ud83d\udccb<\/div>\r\n <h4>3. Or\u00e7amento<\/h4>\r\n <p>Receba um or\u00e7amento detalhado e transparente, sem surpresas.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">\ud83d\udd27<\/div>\r\n <h4>4. Instala\u00e7\u00e3o<\/h4>\r\n <p>Equipe qualificada realiza a instala\u00e7\u00e3o em at\u00e9 48 horas.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">\u2705<\/div>\r\n <h4>5. Garantia<\/h4>\r\n <p>Produto entregue com garantia total e suporte cont\u00ednuo.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DEPOIMENTOS -->\r\n<section id=\"depoimentos\">\r\n <div style=\"max-width:1100px;margin:0 auto;text-align:center\">\r\n <div class=\"section-eyebrow\">O que dizem nossos clientes<\/div>\r\n <h2 class=\"section-title\">Avalia\u00e7\u00f5es <span>5 estrelas<\/span> no Google<\/h2>\r\n <p class=\"section-sub\" style=\"margin:0 auto 52px\">Mais de 5.000 clientes satisfeitos em todo o DF.<\/p>\r\n <\/div>\r\n <div class=\"depoimentos-grid\">\r\n <div class=\"depoimento-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"depoimento-text\">\"Excelente atendimento, pre\u00e7o justo, material de qualidade e instala\u00e7\u00e3o super r\u00e1pida! Fiz na varanda e nas janelas dos 3 quartos. Recomendo muito!\"<\/p>\r\n <div class=\"dep-author\">\r\n <div class=\"dep-avatar\">F<\/div>\r\n <div>\r\n <div class=\"dep-name\">Felipe Brand\u00e3o<\/div>\r\n <div class=\"dep-since\">Cliente desde 2022 \u00b7 via Google<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"depoimento-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"depoimento-text\">\"Desde o primeiro contato senti confian\u00e7a que minhas expectativas seriam atendidas. Servi\u00e7o realizado por profissionais competentes e experientes. Estou muito satisfeita!\"<\/p>\r\n <div class=\"dep-author\">\r\n <div class=\"dep-avatar\">A<\/div>\r\n <div>\r\n <div class=\"dep-name\">Ana Paula M.<\/div>\r\n <div class=\"dep-since\">Cliente \u00b7 via Google<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"depoimento-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"depoimento-text\">\"\u00d3timo servi\u00e7o, r\u00e1pido e profissional! Atendimento \u00f3timo, material de \u00f3tima qualidade. Superou minhas expectativas em todos os sentidos.\"<\/p>\r\n <div class=\"dep-author\">\r\n <div class=\"dep-avatar\">G<\/div>\r\n <div>\r\n <div class=\"dep-name\">Guilherme Emanuel<\/div>\r\n <div class=\"dep-since\">Cliente \u00b7 via Google<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"depoimento-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"depoimento-text\">\"Excelente servi\u00e7o! Muito r\u00e1pido. Parab\u00e9ns!! A equipe foi super pontual e o resultado ficou perfeito. J\u00e1 indiquei para v\u00e1rios amigos.\"<\/p>\r\n <div class=\"dep-author\">\r\n <div class=\"dep-avatar\">M<\/div>\r\n <div>\r\n <div class=\"dep-name\">Marcela R.<\/div>\r\n <div class=\"dep-since\">Cliente \u00b7 via Google<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section id=\"faq\">\r\n <div style=\"max-width:760px;margin:0 auto\">\r\n <div class=\"section-eyebrow\">Perguntas Frequentes<\/div>\r\n <h2 class=\"section-title\">Tire suas <span>d\u00favidas<\/span><\/h2>\r\n <p class=\"section-sub\">Respondemos as perguntas mais comuns dos nossos clientes.<\/p>\r\n <div class=\"faq-inner\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">A visita t\u00e9cnica tem algum custo? <div class=\"faq-icon\">+<\/div><\/div>\r\n <div class=\"faq-a\">N\u00e3o! A visita t\u00e9cnica \u00e9 totalmente gratuita e sem compromisso. Basta entrar em contato e verificaremos a disponibilidade para seu bairro.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Como limpar a rede de prote\u00e7\u00e3o? <div class=\"faq-icon\">+<\/div><\/div>\r\n <div class=\"faq-a\">Basta usar um pano com sab\u00e3o neutro. Nunca utilize produtos qu\u00edmicos, pois podem diminuir a vida \u00fatil da sua rede de prote\u00e7\u00e3o.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Qual o prazo para instala\u00e7\u00e3o? <div class=\"faq-icon\">+<\/div><\/div>\r\n <div class=\"faq-a\">Ap\u00f3s a aprova\u00e7\u00e3o do or\u00e7amento, realizamos a instala\u00e7\u00e3o em at\u00e9 48 horas. Trabalhamos com agilidade para minimizar qualquer transtorno.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">As telas mosquiteiras t\u00eam garantia? <div class=\"faq-icon\">+<\/div><\/div>\r\n <div class=\"faq-a\">Sim! Todos os nossos produtos possuem garantia. Trabalhamos sempre com as melhores marcas do mercado e contamos com uma equipe de suporte sempre dispon\u00edvel.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">As redes de prote\u00e7\u00e3o s\u00e3o resistentes ao sol e chuva? <div class=\"faq-icon\">+<\/div><\/div>\r\n <div class=\"faq-a\">Sim! Nossas redes s\u00e3o fabricadas com polietileno imperme\u00e1vel e com aditivos que protegem contra raios UV, garantindo durabilidade mesmo em condi\u00e7\u00f5es clim\u00e1ticas adversas.<\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-q\">Voc\u00eas atendem em toda Bras\u00edlia e DF? <div class=\"faq-icon\">+<\/div><\/div>\r\n <div class=\"faq-a\">Atendemos toda Bras\u00edlia e regi\u00e3o do Distrito Federal. Entre em contato para confirmar a cobertura no seu bairro.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section id=\"cta\">\r\n <div class=\"cta-box\">\r\n <h2>Proteja sua fam\u00edlia hoje mesmo!<\/h2>\r\n <p>Solicite uma visita t\u00e9cnica gratuita. Em menos de 48 horas seu espa\u00e7o estar\u00e1 mais seguro e protegido.<\/p>\r\n <div class=\"cta-actions\">\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"btn-primary\" style=\"font-size:16px;padding:16px 32px;\">\r\n \ud83d\udcf1 Chamar no WhatsApp\r\n <\/a>\r\n <a href=\"mailto:sotelasdf@yahoo.com.br\" class=\"btn-outline\" style=\"font-size:16px;padding:15px 30px;\">\r\n \u2709\ufe0f Enviar E-mail\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"nav-logo\" style=\"margin-bottom:0\">\r\n <img decoding=\"async\" src=\"https:\/\/sotelasdf.com.br\/wp-content\/uploads\/2026\/07\/LOGO-SO-TELAS.png\" alt=\"S\u00f3 Telas\" style=\"height:48px;width:48px;object-fit:cover;border-radius:50%;display:block;border:2px solid rgba(255,255,255,0.25);box-shadow:0 2px 8px rgba(0,0,0,0.2);\">\r\n <\/a>\r\n <p>Desde 1993 protegendo voc\u00ea e sua fam\u00edlia com redes e telas de alta qualidade, instaladas por profissionais certificados em todo o Distrito Federal.<\/p>\r\n <div class=\"footer-social\">\r\n <a href=\"#\" class=\"social-btn\">\ud83d\udcf7<\/a>\r\n <a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"social-btn\">\ud83d\udcac<\/a>\r\n <a href=\"mailto:sotelasdf@yahoo.com.br\" class=\"social-btn\">\u2709\ufe0f<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Servi\u00e7os<\/h4>\r\n <ul>\r\n <li><a href=\"#servicos\">Redes de Prote\u00e7\u00e3o<\/a><\/li>\r\n <li><a href=\"#servicos\">Telas Mosquiteiras<\/a><\/li>\r\n <li><a href=\"#servicos\">Telas Art\u00edsticas<\/a><\/li>\r\n <li><a href=\"#servicos\">Redes para Parquinhos<\/a><\/li>\r\n <li><a href=\"#servicos\">Prote\u00e7\u00e3o Comercial<\/a><\/li>\r\n <li><a href=\"#servicos\">Manuten\u00e7\u00e3o<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Empresa<\/h4>\r\n <ul>\r\n <li><a href=\"#porquenos\">Sobre N\u00f3s<\/a><\/li>\r\n <li><a href=\"#processo\">Como Funciona<\/a><\/li>\r\n <li><a href=\"#depoimentos\">Depoimentos<\/a><\/li>\r\n <li><a href=\"#faq\">Perguntas Frequentes<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Contato<\/h4>\r\n <div class=\"footer-contact-item\">\ud83d\udccd <span>Bras\u00edlia \u2013 Distrito Federal<\/span><\/div>\r\n <div class=\"footer-contact-item\">\ud83d\udcf1 <span><a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" style=\"color:var(--verde-claro);text-decoration:none\">(61) 9 9666-7462<\/a><\/span><\/div>\r\n <div class=\"footer-contact-item\">\u2709\ufe0f <span><a href=\"mailto:sotelasdf@yahoo.com.br\" style=\"color:var(--verde-claro);text-decoration:none\">sotelasdf@yahoo.com.br<\/a><\/span><\/div>\r\n <div class=\"footer-contact-item\">\u23f0 <span>Seg\u2013Sex: 8h\u201318h \u00b7 S\u00e1b: 8h\u201313h<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2024 S\u00f3 Telas \u00b7 Todos os direitos reservados<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- WhatsApp Float -->\r\n<a href=\"https:\/\/wa.me\/5561996667462?text=Ol%C3%A1%2C+estou+entrando+em+contato+atrav%C3%A9s+do+site+e+gostaria+de+solicitar+um+or%C3%A7amento.\" class=\"whatsapp-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\">\ud83d\udcac<\/a>\r\n\r\n<script>\r\n\/\/ \u2500\u2500 NAVBAR SCROLL \u2500\u2500\r\nconst navbar = document.getElementById('navbar');\r\nwindow.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 40);\r\n});\r\n\r\n\/\/ \u2500\u2500 CAROUSEL \u2500\u2500\r\nconst track = document.getElementById('carouselTrack');\r\nconst slides = document.querySelectorAll('.slide');\r\nconst dots = document.querySelectorAll('.dot');\r\nlet current = 0;\r\nlet autoTimer;\r\n\r\nfunction goTo(n) {\r\n slides[current].classList.remove('active');\r\n dots[current].classList.remove('active');\r\n current = (n + slides.length) % slides.length;\r\n slides[current].classList.add('active');\r\n dots[current].classList.add('active');\r\n track.style.transform = `translateX(-${current * 100}%)`;\r\n}\r\n\r\nfunction startAuto() {\r\n clearInterval(autoTimer);\r\n autoTimer = setInterval(() => goTo(current + 1), 5200);\r\n}\r\n\r\ndocument.getElementById('nextBtn').addEventListener('click', () => { goTo(current + 1); startAuto(); });\r\ndocument.getElementById('prevBtn').addEventListener('click', () => { goTo(current - 1); startAuto(); });\r\ndots.forEach(d => d.addEventListener('click', () => { goTo(+d.dataset.i); startAuto(); }));\r\n\r\n\/\/ Touch support\r\nlet startX = 0;\r\ntrack.addEventListener('touchstart', e => startX = e.touches[0].clientX);\r\ntrack.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - startX;\r\n if (Math.abs(dx) > 50) { goTo(dx < 0 ? current + 1 : current - 1); startAuto(); }\r\n});\r\n\r\nstartAuto();\r\n\r\n\/\/ \u2500\u2500 COUNTER ANIMATION \u2500\u2500\r\nfunction animateCount(el, target, suffix = '') {\r\n let start = 0;\r\n const duration = 1800;\r\n const step = timestamp => {\r\n if (!start) start = timestamp;\r\n const progress = Math.min((timestamp - start) \/ duration, 1);\r\n const ease = 1 - Math.pow(1 - progress, 3);\r\n el.textContent = Math.floor(ease * target) + suffix;\r\n if (progress < 1) requestAnimationFrame(step);\r\n };\r\n requestAnimationFrame(step);\r\n}\r\n\r\nconst statsBar = document.querySelector('.stats-bar');\r\nlet counted = false;\r\nconst observer = new IntersectionObserver(entries => {\r\n if (entries[0].isIntersecting && !counted) {\r\n counted = true;\r\n document.querySelectorAll('.stat-num').forEach(el => {\r\n const t = +el.dataset.target;\r\n const suffix = t === 100 ? '%' : t === 48 ? 'h' : t >= 1000 ? '+' : '+';\r\n animateCount(el, t, suffix);\r\n });\r\n }\r\n}, { threshold: 0.5 });\r\nobserver.observe(statsBar);\r\n\r\n\/\/ \u2500\u2500 FAQ \u2500\u2500\r\ndocument.querySelectorAll('.faq-q').forEach(q => {\r\n q.addEventListener('click', () => {\r\n const item = q.parentElement;\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n});\r\n\r\n\/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\r\nconst revealObs = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.style.opacity = '1';\r\n e.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n}, { threshold: 0.12 });\r\n\r\ndocument.querySelectorAll('.servico-card, .depoimento-card, .step, .diferencial-item').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(24px)';\r\n el.style.transition = 'opacity .5s ease, transform .5s ease';\r\n revealObs.observe(el);\r\n});\r\n\r\n\/\/ \u2500\u2500 MOBILE MENU \u2500\u2500\r\ndocument.getElementById('hamburger').addEventListener('click', () => {\r\n const links = document.querySelector('.nav-links');\r\n if (links.style.display === 'flex') {\r\n links.style.display = 'none';\r\n } else {\r\n links.style.cssText = 'display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;background:var(--azul);padding:20px 24px;gap:4px;z-index:999;';\r\n }\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>S\u00f3 Telas \u2013 Redes e Telas de Prote\u00e7\u00e3o desde 1993 Servi\u00e7os Por Que N\u00f3s Como Funciona Depoimentos FAQ \ud83d\udcf1 Or\u00e7amento Gr\u00e1tis \ud83d\udee1\ufe0f Mais de 31 Anos de Experi\u00eancia Redes de Prote\u00e7\u00e3o Premium para sua Fam\u00edlia Prote\u00e7\u00e3o de alto padr\u00e3o para janelas, sacadas e varandas. Fabrica\u00e7\u00e3o pr\u00f3pria com certifica\u00e7\u00e3o de seguran\u00e7a Falc\u00e3o Bauer.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":52,"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/portal.sotelasdf.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}