@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--dark:#101419;--muted:#61676c;--orange:#f9aa45;--cream:#f6f4ef;--line:#deded7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1250px;margin:auto;padding:0 40px}.top{height:94px;display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:0 40px}.brand{display:flex;align-items:center;gap:13px;font:800 18px/1.15 Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{background:var(--dark);color:var(--orange);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-size:29px}.brand-light{font-weight:500}.brand small{display:block;font:600 9px/1.8 Manrope;letter-spacing:2px;color:#777}.top nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.nav-cta{background:var(--dark);color:#fff;padding:14px 22px;border-radius:3px}.hero{display:grid;grid-template-columns:1fr 48%;min-height:650px;background:var(--cream)}.hero-copy{padding:95px 7% 50px max(40px,calc((100vw - 1170px)/2));display:flex;flex-direction:column;justify-content:center}.eyebrow{font:800 11px Manrope;letter-spacing:2.4px;color:#9c6731}.dot{display:inline-block;background:#e7a04d;width:8px;height:8px;border-radius:50%;margin-right:8px}.hero h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-2.8px;line-height:1.11;font-weight:800}.hero h1{font-size:clamp(49px,5vw,83px);margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:#d38c36}.intro{max-width:470px;font-size:17px;line-height:1.75;color:#5b5e5c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 70px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:800;font-size:13px;padding:18px 22px;border-radius:3px}.primary{background:var(--dark);color:#fff}.secondary{border:1px solid #bfc0bc}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;color:#8a8a85;font:700 10px Manrope;letter-spacing:1px}.hero-art{position:relative;min-height:550px;background:radial-gradient(circle at 50% 37%,#424a4e 0,#22292c 43%,#10171b 85%);overflow:hidden;display:flex;align-items:center;justify-content:center}.building{position:relative;width:75%;height:64%;background:linear-gradient(125deg,#394042,#1d2226 65%);border:10px solid #282e31;box-shadow:25px 25px 0 #11171a,0 35px 60px #0008;transform:perspective(1000px) rotateY(-9deg)}.light-sign{position:absolute;top:19%;left:13%;font:800 clamp(44px,6vw,94px)/.98 Manrope;color:#fff6dc;letter-spacing:-5px;text-shadow:0 0 8px #ffd28b,0 0 30px #ffa93e,0 0 75px #ffad4b}.light-sign span{color:#ffbd68}.window{position:absolute;bottom:0;left:9%;width:39%;height:24%;background:linear-gradient(145deg,#30291f,#dcae68 55%,#342d27);border:8px solid #191e22}.window.second{left:55%;width:32%}.ground{position:absolute;bottom:-22%;left:-25%;width:170%;height:15%;background:#252b2b;transform:skewX(-30deg)}.art-caption{position:absolute;bottom:35px;right:38px;color:#c9c6be;font:700 10px Manrope;letter-spacing:2px}.intro-band{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;padding:26px 20px;background:#f0e9db;font:800 12px Manrope;letter-spacing:2px}.intro-band i{font-style:normal;color:#cc8b3c}.section{padding-top:105px;padding-bottom:105px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.section h2,.guide h2,.contact h2{font-size:clamp(39px,4.5vw,65px);margin:15px 0 45px}.section-head>p{max-width:380px;color:var(--muted);line-height:1.8;margin-bottom:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#f5f3ee}.product-visual{height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}.letters{background:radial-gradient(#555d63,#1b2328);color:#fff8d5;font:800 130px Manrope;text-shadow:0 0 12px #fff5bf,0 0 34px #ffa02b}.letters span{font-size:62px;color:#ffbd73}.lightbox{background:linear-gradient(135deg,#404c52,#14191d)}.lightbox span{border:13px solid #2a3033;padding:23px 39px;background:#ffdb98;color:#2b2521;font:800 62px Manrope;box-shadow:0 0 70px #f5ae60}.facade{background:linear-gradient(#ddd2bd 0 70%,#777267 70%);position:relative}.facade span{background:#272b2b;color:#ffdfac;font:800 35px Manrope;padding:38px 26px;box-shadow:0 0 24px #b78c48}.facade b{color:#d7a154}.product-copy{padding:28px}.product-copy>span{font:800 10px Manrope;letter-spacing:1.5px;color:#b17a3b}.product h3{font:800 27px Manrope;margin:12px 0}.product p{line-height:1.7;color:#676966;font-size:14px}.guide{background:#161c20;color:#fff;padding:100px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.guide h2{margin-bottom:22px}.guide-grid>div>p:not(.eyebrow){line-height:1.8;color:#b7b9b6;max-width:430px}.text-link{display:inline-block;color:#ffbe68;font-weight:800;margin-top:25px}.guide ol{padding:0;margin:0;list-style:none}.guide li{display:flex;gap:27px;padding:27px 0;border-bottom:1px solid #454a4b}.guide li strong{color:#efa64f;font:800 13px Manrope}.guide h3{margin:0 0 9px;font:800 20px Manrope}.guide li p{color:#adb2b1;line-height:1.7;margin:0}.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.zones>div{border-top:2px solid #1e2326;padding:28px 12px 25px 0}.zones span{color:#bd823f;font-weight:800}.zones h3{font:800 30px Manrope;margin:24px 0 10px}.zones p{line-height:1.7;color:var(--muted)}.disclaimer{font-size:12px;color:#777;margin-top:30px}.contact{background:#f0b96e;padding:70px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact .eyebrow{color:#71491f}.contact h2{margin-bottom:20px}.contact p:not(.eyebrow){max-width:530px;line-height:1.7}.contact-btn{background:#171d21;color:#fff;white-space:nowrap}footer{background:#11171b;color:#fff;padding:38px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}.footer-inner>span{font-weight:800}.footer-inner small{display:block;color:#aaa;font-size:9px;letter-spacing:1.4px;margin-top:6px}.footer-inner p{color:#a8acab}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:70px 30px 40px}.hero-art{min-height:460px}.section-head,.contact-inner{align-items:start;flex-direction:column;gap:0}.cards{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr;gap:30px}}@media(max-width:620px){.top{padding:0 20px;height:78px}.top nav{gap:10px}.top nav a:not(.nav-cta){display:none}.brand{font-size:13px}.brand-mark{width:37px;height:37px}.wrap{padding:0 23px}.hero h1{font-size:53px}.hero-meta{gap:10px}.hero-art{min-height:390px}.building{width:82%;height:57%}.light-sign{font-size:56px}.cards,.zones{grid-template-columns:1fr}.section{padding-top:70px;padding-bottom:70px}.product-visual{height:250px}.guide{padding:65px 0}.footer-inner{flex-direction:column;align-items:start}.contact-btn{white-space:normal}.intro-band{font-size:10px}}

/* Páginas interiores v2 */
.inner-nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;padding:1rem;background:#101820;color:white}.inner-nav a{color:#f7f7f7;text-decoration:none;font-weight:600}.inner-hero{max-width:1100px;margin:4rem auto 2rem;padding:0 1.5rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center}.inner-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.1;margin:.7rem 0}.inner-hero p{line-height:1.7}.inner-hero img{width:100%;height:460px;object-fit:cover;border-radius:18px}.inner-wrap{max-width:1100px;margin:auto;padding:1.5rem}.inner-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.inner-card{padding:1.5rem;border:1px solid #d6d9da;border-radius:14px}.inner-card p{line-height:1.7}.inner-cta{background:#101820;color:white;padding:3rem 1.5rem;margin-top:2rem}.inner-cta .inner-wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem}.inner-cta a{display:inline-block;background:#d6f45b;color:#111;padding:1rem 1.3rem;border-radius:8px;text-decoration:none;font-weight:700}.photo-credit{font-size:.8rem;color:#555}@media(max-width:750px){.inner-hero{grid-template-columns:1fr;margin-top:2rem}.inner-hero img{height:300px}.inner-cards{grid-template-columns:1fr}.inner-cta .inner-wrap{display:block}}

/* WhatsApp: acceso visible a cotizaciones; la insignia es visual, no un mensaje real */
.wa-widget{position:fixed;right:20px;bottom:22px;z-index:1000;display:flex;align-items:flex-end;gap:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wa-prompt{max-width:220px;background:#fff;color:#0b2244;box-shadow:0 5px 25px #001b3430;padding:13px 16px;border-radius:16px;font-size:14px;line-height:1.4}.wa-float{position:relative;display:grid;place-items:center;width:66px;height:66px;flex-shrink:0;background:#16c75b;color:white;border-radius:50%;box-shadow:0 6px 22px #003b2d44;text-decoration:none;transition:transform .2s}.wa-float:hover,.wa-float:focus-visible{transform:scale(1.06)}.wa-float svg{width:39px;height:39px}.wa-badge{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;width:26px;height:26px;background:#ef2229;color:white;border:2px solid white;border-radius:50%;font-size:14px;font-weight:700}@media(max-width:520px){.wa-widget{right:15px;bottom:16px;gap:8px}.wa-prompt{max-width:175px;padding:10px 12px;font-size:12px}.wa-float{width:58px;height:58px}.wa-float svg{width:34px;height:34px}}

/* V4: galería de trabajos reales */
.work-section{padding-top:3.5rem;padding-bottom:3.5rem}.work-section>p{max-width:740px;line-height:1.7}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.work-card{margin:0;background:#fff;border:1px solid #e0e4e6;border-radius:14px;overflow:hidden}.work-card img{display:block;width:100%;height:260px;object-fit:cover}.work-card figcaption{padding:14px 16px;display:grid;gap:5px}.work-card figcaption span{color:#52606b;font-size:.9rem;line-height:1.4}@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:530px){.work-grid{grid-template-columns:1fr}.work-card img{height:240px}}

/* Fotografías V6 */
.hero-art.portada-fotos-v6 {
    background: url('/assets/trabajos/portada-arrecife.webp') center/cover no-repeat;
}
.product-visual.foto-letras-v6 {
    background: url('/assets/trabajos/tarjeta-letras.webp') center/cover no-repeat;
}
.product-visual.foto-cajas-v6 {
    background: url('/assets/trabajos/tarjeta-caja.webp') center/cover no-repeat;
}
.product-visual.foto-fachada-v6 {
    background: url('/assets/trabajos/tarjeta-fachada.webp') center/cover no-repeat;
}