@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#06172f;--navy2:#0a2347;--blue:#08a9f0;--electric:#ffc21c;--ink:#07111f;--muted:#647083;--paper:#f5f7fa;--white:#fff;--line:#dfe5ec;--radius:26px;--shadow:0 18px 50px rgba(5,22,45,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:transparent}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--electric),var(--blue))}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px max(20px,env(safe-area-inset-left));color:#fff}.brand{display:flex;align-items:center;gap:10px;min-height:48px}.brand img{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand b{font:800 17px "Manrope"}.brand small{font-size:11px;opacity:.78;margin-top:4px}.menu-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,.28);background:rgba(3,17,35,.32);backdrop-filter:blur(12px);border-radius:50%;display:grid;place-content:center;gap:6px}.menu-btn span{display:block;width:20px;height:2px;background:#fff;border-radius:3px}.tap{transition:transform .18s ease,opacity .18s ease,background .18s ease}.tap:active{transform:scale(.98);opacity:.82}
.hero{position:relative;min-height:760px;height:92svh;max-height:900px;background:var(--navy);color:#fff;overflow:hidden;border-radius:0 0 34px 34px}.hero-media{position:absolute;inset:0;background:url('/assets/trabajo-iluminacion-exterior.webp') 54% center/cover no-repeat;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,11,24,.25) 0%,rgba(2,11,24,.40) 28%,rgba(3,17,35,.93) 82%,#06172f 100%)}.hero-content{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:0 20px 34px}.eyebrow,.kicker{font:700 12px/1.2 "Manrope";letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(6,23,47,.35);backdrop-filter:blur(12px);margin-bottom:16px}.dot{width:7px;height:7px;background:var(--electric);border-radius:50%;box-shadow:0 0 0 5px rgba(255,194,28,.15)}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(42px,12vw,68px);line-height:.98;max-width:650px}h1 em{font-style:normal;color:var(--electric)}.hero-content>p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.8);max-width:600px;margin:18px 0 22px}.hero-actions{display:grid;gap:10px}.btn{min-height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;padding:0 18px}.btn-primary{background:var(--electric);color:#111827;box-shadow:0 12px 30px rgba(255,194,28,.18)}.btn-primary span{font-size:20px}.btn-glass{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(14px)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font:700 13px "Manrope";color:#fff}.trust-row span{font-size:10px;color:rgba(255,255,255,.56);margin-top:2px}
.section{padding:72px 20px}.kicker{color:#1679a8;margin:0 0 12px}.section h2,.work h2{font-size:clamp(34px,10vw,58px);line-height:1.04}.section h2 span,.work h2 span{color:#6b7789}.lead{font-size:17px;color:var(--muted);margin:20px 0 0;max-width:650px}.intro{padding-bottom:38px}
.services{padding-top:0;display:grid;gap:12px}.service-card{position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px;background:#fff;border:1px solid rgba(6,23,47,.06);border-radius:var(--radius);padding:22px;box-shadow:0 8px 28px rgba(7,17,31,.045)}.service-card.feature{background:var(--navy);color:#fff}.service-num{font:700 11px "Manrope";color:#8b96a6;padding-top:7px}.feature .service-num{color:#7c8ca3}.service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eef7fb;color:#057fb7;font-size:22px;margin-bottom:18px}.feature .service-icon{background:rgba(8,169,240,.14);color:#35c3ff}.service-card h3{font-size:22px;line-height:1.15}.service-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}.feature p{color:#9eb0c7}
.work{background:#07172f;color:#fff;padding:68px 0;border-radius:34px}.work-head{padding-top:0;padding-bottom:30px}.work .kicker{color:#55c9fb}.work h2 span{color:#8292a8}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px}.gallery figure{position:relative;margin:0;height:300px;border-radius:22px;overflow:hidden;background:#102744}.gallery figure.wide{grid-column:1/-1;height:330px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figure:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(2,10,21,.8))}.gallery figcaption{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;align-items:center;font:600 13px "Manrope"}.gallery figcaption span{opacity:.6}
.authority{text-align:center}.authority-mark{width:70px;height:70px;margin:0 auto 26px;border-radius:22px;display:grid;place-items:center;background:var(--electric);font-size:32px;font-weight:800;transform:rotate(-4deg);box-shadow:0 14px 35px rgba(255,194,28,.25)}.authority h2 span{color:#1679a8}.authority>p:not(.kicker){color:var(--muted);max-width:560px;margin:20px auto}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-weight:700;border-bottom:1px solid #aeb8c5}.text-link b{color:#0789c4;font-size:20px}
.process{background:#fff;margin:0 10px 72px;border-radius:32px;box-shadow:var(--shadow)}.process h2 span{color:#1679a8}.steps{margin-top:34px}.step{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--line)}.step>b{font:700 12px "Manrope";color:#1686ba}.step h3{font-size:19px;letter-spacing:-.025em}.step p{margin:5px 0 0;color:var(--muted);font-size:15px}
.cta{position:relative;min-height:600px;margin:0 10px 10px;border-radius:32px;overflow:hidden;color:#fff}.cta>img{position:absolute;width:100%;height:100%;object-fit:cover}.cta-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,27,.1),rgba(3,13,27,.9))}.cta-content{position:absolute;z-index:2;left:0;bottom:0;padding:28px;width:100%}.cta .kicker{color:#83d8ff}.cta h2{font-size:58px}.cta p:not(.kicker){color:rgba(255,255,255,.78);margin:10px 0 22px}
footer{background:#031124;color:#fff;padding:48px 22px calc(110px + env(safe-area-inset-bottom));margin-top:0}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand b{font:700 16px "Manrope"}.footer-brand span{font-size:12px;color:#8292a8}.footer-links{display:flex;flex-direction:column;margin:30px 0}.footer-links a{min-height:48px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.1);font-size:14px}.copyright{font-size:12px;color:#718198;margin:0}
.floating-wa{position:fixed;z-index:30;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:20px;background:#22c55e;display:grid;place-items:center;box-shadow:0 12px 35px rgba(16,185,129,.32)}.floating-wa svg{width:30px;height:30px;fill:#fff}
.sheet-backdrop{position:fixed;z-index:49;inset:0;background:rgba(2,9,19,.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.28s}.sheet{position:fixed;z-index:50;left:0;bottom:0;width:100%;background:#fff;border-radius:30px 30px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.sheet.open{transform:translateY(0)}.sheet-backdrop.open{opacity:1;visibility:visible}.sheet-handle{width:44px;height:5px;border-radius:5px;background:#d7dce2;margin:0 auto 14px}.sheet-top{display:flex;align-items:center;justify-content:space-between;font:700 20px "Manrope"}.sheet-top button{width:48px;height:48px;border:0;background:#eef1f5;border-radius:50%;font-size:28px}.sheet nav{margin-top:12px}.sheet nav a{display:flex;align-items:center;justify-content:space-between;min-height:62px;border-top:1px solid var(--line);font-weight:600}.sheet nav span{font-size:22px;color:#1686ba}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (min-width:760px){.site-header{padding:24px 5vw}.hero{height:900px}.hero-content{padding:0 6vw 60px}.hero-actions{grid-template-columns:max-content max-content}.btn{padding:0 26px}.trust-row{max-width:650px}.section{padding-left:7vw;padding-right:7vw}.services{grid-template-columns:1fr 1fr}.service-card{min-height:260px}.gallery{padding:0 5vw;grid-template-columns:repeat(4,1fr)}.gallery figure,.gallery figure.wide{grid-column:auto;height:460px}.work-head{padding-left:7vw}.process{margin-left:5vw;margin-right:5vw;padding:64px}.cta{margin:0 5vw 5vw;min-height:650px}.cta-content{padding:60px;max-width:680px}footer{padding-left:6vw;padding-right:6vw}.sheet{left:auto;right:20px;bottom:20px;width:420px;border-radius:30px;padding-bottom:24px}}
@media (min-width:1100px){.hero-content{padding-left:9vw}.section{padding-left:10vw;padding-right:10vw}.services{grid-template-columns:repeat(4,1fr)}.work-head{padding-left:10vw}.gallery{padding:0 8vw}.gallery figure,.gallery figure.wide{height:520px}.process{margin-left:8vw;margin-right:8vw}.cta{margin-left:8vw;margin-right:8vw}.floating-wa{right:28px;bottom:28px}}