:root{--yellow:#ffe300;--yellow-dark:#c2a500}html{scroll-padding-top:105px}body{font-weight:400}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #947400;outline-offset:5px}section{scroll-margin-top:100px}.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:#ffe300;padding:14px}.skip-link:focus{top:12px}
.lp-header{position:fixed;inset:14px 20px auto;z-index:100}.lp-nav{display:flex;align-items:center;gap:35px;max-width:1120px;margin:auto;min-height:64px;padding:6px 12px 6px 22px;border:1px solid #0000000e;border-radius:100px;background:#ffffffeb;backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000004}.lp-brand{flex-shrink:0}.lp-brand img{display:block;width:48px;height:48px}.lp-nav nav{display:flex;align-items:center;justify-content:space-between;gap:26px;flex:1}.lp-nav nav>a{font-size:15px;font-weight:600;white-space:nowrap}.lp-nav nav>a:not(.lp-nav-cta):hover{color:#7e6800}.lp-nav-cta{display:inline-flex;align-items:center;gap:12px;background:#ffe300;padding:12px 18px;border:1px solid #d6bd00;border-radius:6px;color:#111}.lp-nav-cta:hover{background:#111;color:#ffe300}.lp-menu-toggle{display:none}.lp-specs{font-weight:700!important;color:#111!important}.tp-hero__img{height:auto}.tp-photo.lp-photo{background:linear-gradient(to bottom,#0008,#000b),url('./bandeja.png') center/cover no-repeat}.tp-photo__adv-icon{color:#fff}.lp-why{background:#ffe300;padding:64px 0 56px;overflow:hidden}.lp-why-copy{text-align:center;max-width:650px;margin:auto;padding:0 24px}.lp-why-copy h2{font-size:34px;line-height:1.03;font-weight:600;margin:0}.lp-why-copy p{font-size:19px;line-height:1.2;max-width:470px;margin:20px auto 25px}.lp-why-copy .button{font-size:15px;min-height:44px;padding:0 23px}.lp-feature-viewport{overflow:hidden;margin-top:44px}.lp-feature-track{display:flex;width:max-content;animation:lp-features var(--loop-duration,38s) linear infinite}.lp-feature-group{display:flex;flex:0 0 auto;gap:24px;padding-right:24px}.lp-feature{display:flex;align-items:center;gap:16px;background:#282828;color:white;border-radius:9px;width:400px;height:176px;flex:0 0 auto;padding:15px 20px 15px 0;overflow:hidden}.lp-feature img{width:150px;height:152px;object-fit:contain;flex-shrink:0}.lp-feature h3{font-size:23px;line-height:1.08;font-weight:600;margin:0}.lp-feature em{font-style:normal;color:#ffe300}.lp-feature-viewport:hover .lp-feature-track{animation-play-state:paused}@keyframes lp-features{to{transform:translateX(calc(-1 * var(--loop-distance)))}}
.tp-marquee__track{animation-name:lp-features;animation-duration:var(--loop-duration,22s)}.tp-marquee__track>span{flex:0 0 auto}
.details{padding:100px 24px 60px}.details-inner{grid-template-columns:1fr 1fr;width:100%;max-width:1100px;gap:100px;align-items:center}.details-copy h2{font-size:46px;line-height:1.04}.details-copy>p:not(.eyebrow){font-size:25px;line-height:1.18;margin:28px 0 32px}.details-visual{max-width:100%;width:100%;overflow:visible}.roof-3d-card,.palette-card,.layer-selector{width:100%;max-width:100%}.roof-3d-card{height:300px}.roof-3d-card canvas{touch-action:pan-y}.lp-color-note{font-size:12px;color:#666;line-height:1.4;margin:12px 4px 0;max-width:470px;font-weight:400}.swatch-list{overflow-x:auto}.swatch-list button.active{color:#675700}.swatches .swatch-next{cursor:pointer}.highlight{padding:40px 24px 100px}.highlight-card{max-width:1200px;min-height:530px;grid-template-columns:52% 48%;padding-top:0;border-width:1px;display:grid}.highlight-visual{width:52%;height:100%;position:absolute;top:0;left:0;bottom:auto}.highlight-roof{width:760px;height:auto;bottom:-80px;left:-100px}.highlight-logo{width:112px;height:112px;top:75px;left:32%}.highlight-copy{grid-column:2;max-width:none;padding:48px 52px 48px 35px}.highlight-copy h2{font-size:42px;line-height:1.04}.highlight-copy p{font-size:22px;line-height:1.2;margin:25px 0 28px}.highlight-copy .lp-small-label{font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 18px}.highlight-copy .button{min-width:0;width:100%;max-width:295px;font-size:16px;min-height:52px}.tp-faq__item summary{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.tp-faq__item summary::-webkit-details-marker{display:none}.tp-faq__item[open]{background:#00000021}.lp-faq-plus{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#111;color:#ffe300;font-size:25px;line-height:1}.tp-faq__item[open] .lp-faq-plus{transform:rotate(45deg)}.tp-faq__wa-body{width:82%}.tp-btn--wa-contact{padding:0 15px;font-size:14px}.lp-footer{background:#101010;color:#bdbdbd;padding:60px 24px 24px}.lp-footer-grid{display:grid;grid-template-columns:1.1fr 1.5fr 1fr 1fr;gap:42px;max-width:1120px;margin:auto}.lp-footer h2{font-size:17px;font-weight:600;color:#ffe300;margin:0 0 22px}.lp-footer p,.lp-footer a{font-size:15px;line-height:1.5}.lp-footer p{margin:15px 0}.lp-footer-grid>div>a{display:block;margin-bottom:12px}.lp-footer a:hover{color:#ffe300}.lp-footer-bottom{max-width:1120px;margin:35px auto 0;padding-top:22px;border-top:1px solid #ffffff24;font-size:12px}.lp-floating-wa{position:fixed;right:24px;bottom:24px;border-radius:50%;display:grid;place-items:center;background:#19cf67;color:#fff;width:60px;height:60px;box-shadow:0 5px 20px #0003;z-index:101}.lp-floating-wa svg{width:36px;height:36px}.lp-floating-wa:hover{background:#109e4d}.lp-noscript{padding:20px;background:#fff;color:#111}.eyebrow{letter-spacing:5px}
@media(max-width:1000px){.lp-nav{gap:20px}.lp-nav nav{gap:16px}.lp-nav nav>a{font-size:13px}.details-inner{gap:45px}.details-copy h2{font-size:38px}.highlight-copy{padding:35px 30px}.highlight-copy h2{font-size:36px}.highlight-roof{width:620px;left:-100px;bottom:-30px}.lp-footer-grid{gap:25px;grid-template-columns:1fr 1.5fr 1fr}}
@media(max-width:760px){html{scroll-padding-top:92px}.lp-header{inset:10px 12px auto}.lp-nav{flex-wrap:wrap;border-radius:18px;padding:8px 14px;gap:0;min-height:62px}.lp-brand img{width:44px;height:44px}.lp-menu-toggle{display:flex;flex-direction:column;gap:5px;background:#ffe300;border:0;border-radius:6px;padding:12px;margin-left:auto;cursor:pointer}.lp-menu-toggle span{display:block;background:#111;width:21px;height:2px}.lp-nav nav{display:none;flex-basis:100%;border-top:1px solid #ddd;margin-top:8px;padding:10px 0 4px;gap:0}.lp-nav nav.is-open{display:flex;flex-direction:column;align-items:stretch}.lp-nav nav>a{font-size:16px;padding:13px 8px}.lp-nav nav>.lp-nav-cta{justify-content:center;margin-top:8px}.tp-hero{padding-top:110px;gap:26px}.tp-hero__title{font-size:44px;line-height:1}.tp-hero__media{order:0}.tp-hero__sub{max-width:100%}.tp-hero__img{max-height:260px}.lp-why{padding:50px 0}.lp-why-copy h2{font-size:29px}.lp-why-copy p{font-size:18px}.lp-feature{width:310px;height:152px}.lp-feature img{width:118px;height:128px}.lp-feature h3{font-size:20px}.details{padding:64px 22px 34px}.details-inner{grid-template-columns:1fr;gap:38px;max-width:100%}.details-copy h2{font-size:36px}.details-copy>p:not(.eyebrow){font-size:22px}.details-visual{max-width:100%}.details-copy .button{min-width:0}.roof-3d-card{height:270px}.palette-card{padding:20px 16px}.swatch-list{gap:16px}.highlight{padding:28px 20px 64px}.highlight-card{display:flex;flex-direction:column;padding:0;min-height:0;max-width:100%;width:100%;border-radius:24px}.highlight-visual{width:100%;height:290px;position:relative;inset:auto}.highlight-roof{width:540px;left:-65px;bottom:-65px}.highlight-logo{width:86px;height:86px;top:32px;left:40%}.highlight-copy{padding:25px 26px 36px}.highlight-copy h2{font-size:34px}.highlight-copy p{font-size:21px}.highlight-copy .button{max-width:none}.tp-faq{padding:62px 20px}.tp-faq__title{font-size:39px}.tp-faq__wa-body{width:80%;max-width:360px}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.lp-floating-wa{width:54px;height:54px;bottom:16px;right:16px}.lp-footer{padding-bottom:80px}.button{min-height:50px}.eyebrow{font-size:10px;letter-spacing:4px}}
@media(max-width:400px){.tp-hero__title{font-size:39px}.lp-footer-grid{grid-template-columns:1fr}.layer-selector button{padding:10px 8px;gap:7px}.layer-icon{width:26px}.layer-text strong{font-size:10px}.highlight-roof{width:470px;left:-68px;bottom:-32px}.highlight-visual{height:250px}.tp-faq__wa-body{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tp-marquee__track,.lp-feature-track{animation:none}.lp-feature-viewport{overflow-x:auto}.lp-feature-group[aria-hidden="true"]{display:none}*,*:before,*:after{transition:none!important}}