.tp-page{background:#fdfcfd;overflow-x:hidden}.tp-btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:700;gap:10px;justify-content:center;min-height:48px;padding:0 28px;position:relative;text-decoration:none;transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s cubic-bezier(.16,1,.3,1)}.tp-btn:hover,.tp-btn:focus-visible{outline:none;transform:translateY(-2px)}.tp-btn--yellow{background:#ffe300;border:2px solid #ffe300;color:#111}.tp-btn--yellow:hover,.tp-btn--yellow:focus-visible{box-shadow:0 12px 30px #ffe30061}.tp-btn--outline{background:transparent;border:2px solid #1a1a1a;color:#1a1a1a}.tp-btn--outline:hover,.tp-btn--outline:focus-visible{background:#1a1a1a;color:#fff;box-shadow:0 12px 30px #0000002e}.tp-btn--dark{background:#111;border:2px solid #111;color:#ffe300;font-size:15px}.tp-btn--dark:hover,.tp-btn:dark:focus-visible{box-shadow:0 12px 28px #00000052}.tp-hero{align-items:center;background:#111;display:grid;gap:40px 64px;grid-template-columns:1fr 1fr;min-height:72vh;overflow:hidden;padding:130px max(32px,calc((100vw - 1200px)/2)) 80px;position:relative}.tp-hero:before{background:radial-gradient(ellipse at 70% 50%,rgba(255,227,0,.1),transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.tp-hero__text{display:flex;flex-direction:column;position:relative;z-index:1}.tp-hero__kicker{background:#ffe3001a;border:1px solid rgba(255,227,0,.28);border-radius:100px;color:#ffe300;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:4px;margin:0 0 20px;padding:6px 16px;text-transform:uppercase;width:fit-content}.tp-hero__title{color:#fff;font-size:clamp(36px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:.95;margin:0 0 20px}.tp-hero__sub{color:#ffffff85;font-size:clamp(15px,1.4vw,18px);font-weight:400;line-height:1.55;margin:0 0 36px;max-width:480px}.tp-hero__actions{display:flex;flex-wrap:wrap;gap:14px}.tp-hero__media{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.tp-hero__img{display:block;filter:drop-shadow(0 32px 64px rgba(0,0,0,.7));max-height:440px;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%}.tp-hero__img:hover{transform:scale(1.03) translateY(-6px)}.telha-viewer{height:440px;position:relative;width:100%}.telha-viewer__canvas{border-radius:16px;cursor:grab;display:block;height:100%;width:100%}.telha-viewer__canvas:active{cursor:grabbing}.telha-viewer__hint{align-items:center;bottom:14px;color:#0006;display:flex;font-size:11px;font-weight:600;gap:6px;left:50%;letter-spacing:.06em;pointer-events:none;position:absolute;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}.telha-viewer__hint svg{height:14px;width:14px}.tp-hero--white{background:#fdfcfd}.tp-hero--white:before{background:radial-gradient(ellipse at 70% 50%,rgba(255,227,0,.07),transparent 58%)}.tp-hero--white .tp-hero__kicker{background:#ffe30024;border-color:#b4940047;color:#6e5500}.tp-hero--white .tp-hero__title{color:#111}.tp-hero--white .tp-hero__sub{color:#555}.tp-hero--white .tp-btn--outline{border-color:#1a1a1a;color:#1a1a1a}.tp-hero--white .tp-btn--outline:hover,.tp-hero--white .tp-btn--outline:focus-visible{background:#1a1a1a;border-color:#1a1a1a;box-shadow:0 12px 30px #0000002e;color:#fff}.tp-hero--white .tp-hero__img{filter:drop-shadow(0 24px 48px rgba(0,0,0,.16))}.tp-hero--yellow{background:#ffe300}.tp-hero--yellow:before{background:radial-gradient(ellipse at 30% 60%,rgba(0,0,0,.04),transparent 55%)}.tp-hero--yellow .tp-hero__kicker{background:#00000012;border-color:#0000002e;color:#2a2300}.tp-hero--yellow .tp-hero__title{color:#111}.tp-hero--yellow .tp-hero__sub{color:#00000094}.tp-hero--yellow .tp-btn--yellow{background:#111;border-color:#111;color:#ffe300}.tp-hero--yellow .tp-btn--yellow:hover,.tp-hero--yellow .tp-btn--yellow:focus-visible{box-shadow:0 12px 30px #00000047}.tp-hero--yellow .tp-btn--outline{border-color:#00000052;color:#111}.tp-hero--yellow .tp-btn--outline:hover,.tp-hero--yellow .tp-btn--outline:focus-visible{background:#00000012;border-color:#0000009e;box-shadow:none;color:#111}.tp-hero--yellow .tp-hero__img{filter:drop-shadow(0 20px 42px rgba(0,0,0,.22))}.tp-photo{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 20%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.65) 100%),url(/media/telhado.webp) top center / cover no-repeat;display:flex;align-items:flex-end;justify-content:center;min-height:520px;padding:0 24px 64px}.tp-photo__card{backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);background:#0a0a0a8c;border:1px solid rgba(255,255,255,.12);border-radius:20px;max-width:900px;padding:36px 40px 40px;width:100%}.tp-photo__card-title{color:#fff;font-size:clamp(18px,2vw,26px);font-weight:600;line-height:1.2;margin:0 0 30px;text-align:center}.tp-photo__grid{display:grid;gap:18px 24px;grid-template-columns:repeat(6,1fr)}.tp-photo__adv{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.tp-photo__adv-icon{align-items:center;display:flex;height:38px;justify-content:center;width:38px}.tp-photo__adv-icon svg{height:30px;width:30px}.tp-photo__adv span{color:#ffffffe0;font-size:11px;font-weight:600;line-height:1.25;text-align:center}.tp-marquee{background:#ffe300;overflow:hidden;padding:13px 0;-webkit-user-select:none;user-select:none;white-space:nowrap}.tp-marquee__track{animation:tpMarquee 22s linear infinite;display:inline-flex;gap:0}.tp-marquee--reverse .tp-marquee__track{animation-direction:reverse}.tp-marquee__track span{color:#111;font-size:13px;font-weight:800;letter-spacing:3px;padding-right:0;text-transform:uppercase}@keyframes tpMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tp-color{background:radial-gradient(ellipse at 30% 50%,rgba(255,227,0,.04),transparent 60%),#0d0d0d;padding:64px 24px}.tp-color__inner{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}.tp-color__left{display:flex;flex-direction:column}.tp-color__heading{color:#fff;font-size:clamp(32px,3.8vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1;margin:0 0 10px}.tp-color__heading em{color:#ffe300;font-style:italic}.tp-color__sub{color:#ffffff80;font-size:15px;font-weight:400;margin:0 0 28px}.tp-color__card{background:#1a1a1a;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px 24px 28px}.tp-color__card-title{color:#fff9;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 6px}.tp-color__card-desc{color:#fff6;font-size:11px;margin:0 0 16px;line-height:1.5}.tp-color__card+.tp-color__card{margin-top:20px}.tp-color__swatches{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.tp-swatch{align-items:center;background:transparent;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 6px 8px;transition:border-color .26s ease,background .26s ease}.tp-swatch:hover{background:#ffffff0d;border-color:#ffffff38}.tp-swatch.is-active{border-color:#ffe300;background:#ffe3000f}.tp-swatch__dot{background:var(--swatch-color);border-radius:50%;border:1.5px solid rgba(255,255,255,.18);display:block;height:28px;width:28px;flex-shrink:0}.tp-swatch__name{color:#ffffffbf;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;line-height:1.1}.tp-swatch__ral{color:#ffffff59;font-size:8px;text-align:center}.tp-swatch.is-active .tp-swatch__name{color:#ffe300}.tp-color__right{align-items:stretch;display:flex;flex-direction:column;min-height:460px;width:100%}.tp-color__right .telha-viewer{height:100%;min-height:420px;width:100%}.tp-color__layer-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;width:100%}.tp-color__layer-selector button{align-items:center;background:#1a1a1a;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:11px 14px;text-align:left;transition:border-color .2s ease,background .2s ease}.tp-color__layer-selector button.is-active{background:#ffe30014;border-color:#ffe300}.tp-color__layer-icon{border-radius:5px;box-shadow:0 1px 4px #00000059;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:34px}.tp-color__li-top,.tp-color__li-bot{background:var(--lc, #b8b8b8);height:8px;transition:height .3s ease}.tp-color__li-mid{background:#ffffff40;height:5px}.tp-color__layer-selector button.is-active .tp-color__li-top,.tp-color__layer-selector button.is-active .tp-color__li-bot{height:14px}.tp-color__layer-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tp-color__layer-text strong{color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.tp-color__layer-text span{color:#ffffff73;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-roof3d{background:#f4f4f2;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:grab;height:100%;min-height:340px;overflow:hidden;position:relative;width:100%}.tp-roof3d:active{cursor:grabbing}.tp-roof3d.is-free-rot{cursor:move}.tp-roof3d canvas{display:block;height:100%;width:100%}.tp-roof3d__fallback{align-items:center;color:#777;display:flex;font-size:13px;font-weight:500;inset:0;justify-content:center;position:absolute;text-align:center;padding:0 20px;text-transform:uppercase}.tp-roof3d__360{align-items:center;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(0,0,0,.12);border-radius:999px;bottom:12px;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 13px 7px 10px;position:absolute;right:12px;transition:background .18s ease,border-color .18s ease,color .18s ease}.tp-roof3d__360 svg{flex-shrink:0;height:14px;width:21px}.tp-roof3d__360:hover{background:#fff;border-color:#ffe300}.tp-roof3d__360.is-active{background:#ffe300;border-color:#d4a000;color:#111}.tp-color__product{isolation:isolate;max-width:480px;position:relative;width:100%}.tp-color__product img{display:block;filter:grayscale(.75) brightness(.92);position:relative;width:100%;z-index:1}.tp-color__tint{background:var(--tint);inset:0;mix-blend-mode:color;opacity:.82;pointer-events:none;position:absolute;z-index:2;transition:background .3s ease;mask-image:url(/media/produtos/telhapersonalizavel.webp);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url(/media/produtos/telhapersonalizavel.webp);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.tp-measures{background:#fdfcfd;padding:72px 24px 80px}.tp-measures__inner{margin:0 auto;max-width:860px}.tp-measures__logo{display:block;height:auto;margin:0 auto 36px;width:clamp(80px,8vw,110px)}.tp-measures__title{color:#111;font-size:clamp(28px,3.5vw,46px);font-weight:600;letter-spacing:-.02em;margin:0 0 32px}.tp-measures__profile{background:#f2f2f0;border-radius:12px;margin:0 0 40px;padding:28px 20px 16px}.tp-measures__subtitle{color:#555;font-size:15px;font-weight:600;margin:0 0 12px}.tp-measures__table-wrap{border-radius:10px;margin-bottom:32px;overflow:hidden}.tp-measures__table-wrap--chapa{max-height:420px;overflow-y:auto}.tp-table{border-collapse:collapse;width:100%}.tp-table th,.tp-table td{font-size:14px;font-weight:600;padding:0 20px;text-align:center}.tp-table th{background:#111;color:#fff;font-size:12px;height:42px;letter-spacing:1px;text-transform:uppercase}.tp-table td{background:#1a1a1a;color:#ffffffe6;height:44px}.tp-table tr:first-child th:first-child{background:#0d0d0d}.tp-table__group-header{background:#ffe300!important;color:#111!important}.tp-table--chapa th:first-child,.tp-table--chapa td:first-child{background:#111;color:#ffffffe6;text-align:left}.tp-table--chapa td:first-child{background:#1a1a1a}.tp-table--chapa td:last-child{background:#232323}.tp-measures__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}.tp-faq{background:#ffe300;padding:80px 24px 100px}.tp-faq__inner{display:grid;gap:48px;grid-template-columns:1fr minmax(280px,380px);margin:0 auto;max-width:1100px}.tp-faq__kicker{color:#00000073;font-size:10px;font-weight:700;letter-spacing:5px;margin:0 0 12px;text-transform:uppercase}.tp-faq__title{color:#111;font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1;margin:0 0 32px}.tp-faq__list{display:flex;flex-direction:column;gap:12px}.tp-faq__item{background:#00000014;border-radius:10px;overflow:hidden;transition:background .28s ease}.tp-faq__item.is-open{background:#00000021}.tp-faq__item button{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:space-between;padding:18px 20px;text-align:left;width:100%}.tp-faq__q{color:#111;font-size:15px;font-weight:700;line-height:1.2}.tp-faq__icon{align-items:center;background:#111;border-radius:50%;color:#ffe300;display:grid;flex:0 0 32px;height:32px;place-items:center;transition:transform .32s cubic-bezier(.16,1,.3,1);width:32px}.tp-faq__icon svg{height:16px;width:16px}.tp-faq__plus-v{transition:transform .32s cubic-bezier(.16,1,.3,1);transform-origin:center}.tp-faq__item.is-open .tp-faq__plus-v{transform:scaleY(0)}.tp-faq__item.is-open .tp-faq__icon{transform:rotate(45deg)}.tp-faq__a{color:#000000b8;font-size:14px;font-weight:400;line-height:1.55;margin:0;padding:0 20px 20px}.tp-faq__right{align-items:flex-start;display:flex;padding-top:64px}.tp-faq__wa-card{background:url(/media/fundo.webp) center / cover no-repeat;border:2px solid #111;border-radius:22px;overflow:hidden;position:relative;width:100%;min-height:420px}.tp-faq__wa-body{display:flex;flex-direction:column;gap:22px;padding:36px 28px;position:relative;width:70%;z-index:2}.tp-faq__wa-icon-img{display:block;height:84px;width:84px}.tp-faq__wa-text{color:#111;font-size:20px;font-weight:600;line-height:1.1;margin:0}.tp-btn--wa-contact{background:transparent;border:2px solid #111;border-radius:8px;color:#111;font-size:15px;font-weight:700;min-height:48px;padding:0 24px;text-align:center;transition:background .28s ease,color .28s ease;width:100%}.tp-btn--wa-contact:hover,.tp-btn--wa-contact:focus-visible{background:#111;color:#ffe300;outline:none;transform:translateY(-2px)}@media(max-width:860px){.tp-hero{grid-template-columns:1fr;min-height:auto;padding:110px 24px 56px;gap:40px}.tp-hero__media{order:-1}.tp-hero__img{max-height:260px}.tp-photo__grid{grid-template-columns:repeat(3,1fr)}.tp-color__inner{grid-template-columns:1fr;gap:36px}.tp-color__right{order:-1}.tp-faq__inner{grid-template-columns:1fr}.tp-faq__right{padding-top:0}}@media(max-width:560px){.tp-photo{padding-bottom:40px}.tp-photo__card{padding:22px 18px 26px}.tp-photo__grid{grid-template-columns:repeat(2,1fr);gap:14px 16px}.tp-hero__actions{flex-direction:column;width:100%}.tp-btn{width:100%}.tp-color{padding:28px 16px}.tp-color__inner{gap:12px}.tp-color__right .telha-viewer{min-height:260px}.tp-color__swatches{grid-template-columns:repeat(4,1fr);gap:8px}.tp-measures__inner{padding:0}.tp-measures__actions{flex-direction:column}.tp-faq__wa-body{padding:24px 20px;width:100%}.tp-faq__wa-card{min-height:300px}}