:root{--bg:#0b0b0b;--panel:#121212;--panel2:#171717;--card:#1d1d1d;--text:#fff;--muted:#cfcfcf;--soft:#9b9b9b;--line:rgba(255,255,255,.10);--green:#25D366;--green2:#1db954;--gold:#f5b301;--shadow:0 18px 50px rgba(0,0,0,.34)}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}
.top-contact{position:fixed;top:0;left:0;width:100%;z-index:2000;background:rgba(8,8,8,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:8px 18px;display:flex;justify-content:center;gap:22px;font-size:13px;font-weight:800}.top-contact a{text-decoration:none}.top-contact a:hover{color:var(--green)}
.nav{position:fixed;top:35px;left:0;width:100%;z-index:1999;background:rgba(12,12,12,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;margin:auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;font-weight:900;letter-spacing:.7px;font-size:18px}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a{text-decoration:none;font-weight:800;font-size:13px;color:#e7e7e7;padding:9px 10px;border-radius:999px}.nav-links a:hover,.nav-links a.active{background:#242424;color:#fff}.nav-quote{background:var(--green)!important;color:#fff!important}.menu-btn{display:none;background:#242424;border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 13px;font-weight:900}
.hero{min-height:86vh;background:url("gallery/roof16.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:160px 20px 88px}.hero:after,.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.54),rgba(0,0,0,.88))}.hero-content,.page-hero-content{position:relative;z-index:2;max-width:970px}.kicker{display:inline-flex;padding:8px 14px;border:1px solid rgba(37,211,102,.35);background:rgba(37,211,102,.12);border-radius:999px;font-size:13px;font-weight:900;margin-bottom:18px}.hero h1{font-size:74px;line-height:.92;font-weight:900;letter-spacing:2px}.hero h2{font-size:30px;margin-top:14px;line-height:1.2}.hero p{max-width:740px;margin:16px auto 0;color:#e6e6e6;font-size:18px}.rating{margin-top:14px;color:var(--gold);font-weight:900;letter-spacing:1px}.hero-buttons,.actions{margin-top:22px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;padding:14px 26px;border-radius:999px;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.26)}.btn-dark{background:#242424;border-color:var(--line);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green2)}
.quick-panel{position:relative;z-index:3;max-width:1150px;margin:-48px auto 0;padding:0 18px}.quick-inner{background:rgba(20,20,20,.96);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:18px}.quick-services{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.quick-services a{text-decoration:none;background:#232323;border:1px solid var(--line);border-radius:14px;padding:13px 8px;text-align:center;font-weight:900;font-size:13px;color:#eee;transition:.24s}.quick-services a:hover{background:var(--green);color:#fff;transform:translateY(-2px)}.trust-row{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trust-row div{background:#111;border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.trust-row strong{display:block;font-size:18px}.trust-row span{display:block;color:var(--muted);font-size:13px;font-weight:700}
section{padding:62px 20px;background:var(--panel)}section.alt{background:#0f0f0f}.inner{max-width:1150px;margin:auto}.section-title{text-align:center;margin-bottom:30px}.section-title h2{font-size:38px;line-height:1.1;letter-spacing:-.5px}.section-title p{max-width:760px;margin:10px auto 0;color:var(--muted)}.page-hero{min-height:410px;background:url("gallery/roof16.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:145px 20px 60px}.page-hero h1{font-size:54px;line-height:1.02}.page-hero p{max-width:760px;margin:14px auto 0;color:#e6e6e6;font-size:18px}
.services-grid,.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card,.content-card,.review-score,.contact-box{background:linear-gradient(180deg,#202020,#171717);border:1px solid rgba(255,255,255,.085);border-radius:18px;padding:23px;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:.28s}.service-card:hover,.content-card:hover,.review-score:hover,.contact-box:hover{transform:translateY(-4px);border-color:rgba(37,211,102,.24);box-shadow:0 16px 40px rgba(0,0,0,.28)}.service-card h3,.content-card h3{font-size:21px;margin-bottom:8px}.service-card p,.content-card p{color:#d8d8d8;font-size:15px}.service-card ul,.content-card ul{list-style:none;margin-top:14px;display:grid;gap:6px;color:#f0f0f0;font-size:14px;font-weight:700}.service-card li:before,.content-card li:before{content:"✓ ";color:var(--green);font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.text-block p{color:#d8d8d8;margin:0 0 14px}.text-block h2{font-size:38px;margin-bottom:12px}.image-card{border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.image-card img{width:100%;height:440px;object-fit:cover}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid img{width:100%;height:280px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#080808}.big-stars,.stars{color:var(--gold);letter-spacing:2px}.big-stars{font-size:34px}.google-reviews-live{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}.trustindex-widget{background:linear-gradient(180deg,#242424,#181818);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(0,0,0,.22);min-height:220px;overflow:hidden}.review-score h3{font-size:32px;line-height:1.1;margin:8px 0}.review-score p{color:#d8d8d8}.contact{text-align:center}.contact h2{font-size:40px}.contact p{color:#d8d8d8;margin:8px auto 16px;max-width:700px}.contact-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}form{max-width:660px;margin:22px auto 0;display:grid;gap:12px}input,textarea{padding:16px;border-radius:12px;font-size:15px;background:#2b2b2b;color:#fff;border:1px solid var(--line);outline:none;transition:.22s}input:focus,textarea:focus{border-color:rgba(37,211,102,.65);background:#303030}textarea{min-height:120px;resize:vertical}button{padding:16px;background:var(--green);color:#fff;border:none;font-weight:900;border-radius:12px;cursor:pointer;font-size:16px;transition:.22s}button:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(15,15,15,.96);backdrop-filter:blur(14px);padding:10px;gap:10px;z-index:2000;border-top:1px solid var(--line)}.mobile-bar a{flex:1;text-align:center;padding:13px 8px;border-radius:10px;text-decoration:none;font-weight:900;font-size:14px}.mobile-bar .call,.mobile-bar .email{background:#262626}.mobile-bar .whatsapp{background:var(--green)}footer{background:#080808;color:#aaa;text-align:center;padding:30px 20px 88px;font-size:14px}footer strong{color:#fff}.footer-links{margin-top:8px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer-links a{color:#d5d5d5;text-decoration:none}.footer-links a:hover{color:var(--green)}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:3000;max-width:980px;margin:0 auto;background:rgba(16,16,16,.97);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.45);display:none;gap:14px;align-items:center;justify-content:space-between}.cookie-banner.show{display:flex}.cookie-copy{color:#dedede;font-size:13px;line-height:1.45}.cookie-copy strong{color:#fff}.cookie-copy a{color:#fff;text-decoration:underline;text-underline-offset:3px}.cookie-actions{display:flex;gap:9px;flex:0 0 auto}.cookie-actions button{padding:11px 16px;border-radius:999px;font-size:13px}.cookie-reject{background:#262626!important;border:1px solid var(--line);color:#fff}.cookie-accept{background:var(--green)!important}.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1050px){.quick-services{grid-template-columns:repeat(3,1fr)}.services-grid,.cards-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.image-card img{height:360px}}
@media(max-width:820px){body{padding-bottom:64px}.top-contact{position:static;gap:8px;flex-wrap:wrap;font-size:12px;padding:8px 10px}.nav{position:sticky;top:0}.nav-inner{padding:11px 14px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#111;border-bottom:1px solid var(--line);padding:10px 14px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center;padding:13px}.hero{min-height:auto;padding:56px 16px 42px}.kicker{font-size:11px;margin-bottom:10px;padding:7px 11px}.hero h1{font-size:38px;letter-spacing:1px}.hero h2{font-size:19px}.hero p,.page-hero p{font-size:14px;line-height:1.42;max-width:340px}.rating{font-size:13px;margin-top:10px}.hero-buttons .btn,.actions .btn{flex:1;min-width:90px;padding:12px 8px;font-size:14px}.quick-panel{margin:0;padding:0}.quick-inner{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:10px;background:#111}.quick-services{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory}.quick-services::-webkit-scrollbar{display:none}.quick-services a{flex:0 0 auto;min-width:118px;font-size:12px;padding:10px 12px;border-radius:999px;scroll-snap-align:start}.trust-row{display:flex;gap:8px;overflow-x:auto;margin-top:10px}.trust-row::-webkit-scrollbar{display:none}.trust-row div{flex:0 0 150px;padding:10px 8px;border-radius:12px}.trust-row strong{font-size:14px}.trust-row span{font-size:11px}section{padding:38px 14px}.section-title{text-align:left;margin-bottom:18px}.section-title h2,.text-block h2{font-size:27px}.section-title p{font-size:14px;line-height:1.42;margin-left:0}.services-grid,.cards-grid,.gallery-grid{grid-template-columns:1fr;gap:9px}.service-card,.content-card,.review-score,.contact-box{border-radius:14px;padding:16px;box-shadow:none}.service-card h3,.content-card h3{font-size:17px}.service-card p,.content-card p,.text-block p{font-size:13px;line-height:1.42}.service-card ul{display:none}.page-hero{min-height:270px;padding:62px 16px 42px}.page-hero h1{font-size:34px}.image-card img{height:300px}.gallery-grid img{height:310px}.google-reviews-live{grid-template-columns:1fr;gap:12px}.trustindex-widget{border-radius:18px;padding:14px;box-shadow:none}.contact h2{font-size:27px}.contact-actions .btn{flex:1;min-width:90px;padding:12px 8px;font-size:14px}form{margin-top:14px}input,textarea{padding:13px;font-size:14px}textarea{min-height:95px}.mobile-bar{display:flex}.cookie-banner{left:10px;right:10px;bottom:74px;flex-direction:column;align-items:flex-start;padding:14px}.cookie-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}