:root{--ink:#16191a;--muted:#6d7372;--lime:#c8ef38;--paper:#f3f2ed;--white:#fff;--line:#d9dad4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif}img{display:block;width:100%}a{color:inherit;text-decoration:none}.header{height:82px;display:flex;align-items:center;gap:42px;padding:0 clamp(22px,5vw,76px);background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ecece8}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand>span{background:var(--ink);color:var(--lime);font:700 20px Oswald;padding:9px 7px;transform:skew(-7deg)}.brand strong{font:700 14px/1 Oswald;letter-spacing:.07em}.nav{display:flex;gap:32px;font-size:13px;font-weight:600}.nav a:hover{color:#718b12}.header-cta{padding:13px 19px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.menu-button{display:none;border:0;background:none}.menu-button i{display:block;width:25px;height:2px;background:var(--ink);margin:5px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:49% 51%;background:#fff}.hero-copy{padding:clamp(70px,9vw,130px) clamp(28px,6vw,90px)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:#7b7f79}.eyebrow:before{content:"";display:inline-block;width:27px;height:2px;background:var(--lime);vertical-align:middle;margin-right:10px}h1,h2{font:700 clamp(52px,6.4vw,98px)/.94 Oswald;margin:22px 0;text-transform:uppercase;letter-spacing:-.025em}h2{font-size:clamp(42px,4.4vw,68px)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px var(--ink)}.hero-text{max-width:520px;font-size:17px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:35px 0 65px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.button.primary{background:var(--lime)}.button.ghost{border:1px solid var(--line)}.button.light{background:var(--lime);color:var(--ink)}.hero-data{display:flex;gap:clamp(25px,4vw,60px);border-top:1px solid var(--line);padding-top:24px}.hero-data div{display:flex;gap:10px;align-items:center}.hero-data strong{font:600 23px Oswald}.hero-data span{font-size:10px;line-height:1.35;color:var(--muted);text-transform:uppercase}.hero-image{background:linear-gradient(90deg,rgba(0,0,0,.06),transparent),url('assets/trabajo-canaletas.png') center/cover;position:relative;min-height:560px}.image-badge{position:absolute;bottom:0;left:0;background:var(--lime);display:flex;gap:18px;align-items:center;padding:20px 27px}.image-badge span{font:700 42px Oswald}.image-badge p{font-size:10px;line-height:1.4;text-transform:uppercase;font-weight:700}.section{padding:110px clamp(24px,6vw,90px)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}.section-heading .eyebrow{grid-column:1}.section-heading h2{grid-column:1;margin-bottom:0}.section-heading>p:last-child{grid-column:2;max-width:380px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-card{min-height:340px;padding:30px;border-right:1px solid var(--line);position:relative;background:#fafaf7;transition:.25s}.service-card:last-child{border:0}.service-card.dark{background:var(--ink);color:white}.service-card:hover{transform:translateY(-7px);box-shadow:0 14px 35px #1d1f1914}.number{font:500 12px Oswald;color:#979b94}.service-icon{font-size:45px;margin:55px 0 30px;color:#8fab1c}.service-card h3{font:600 22px Oswald;text-transform:uppercase}.service-card p{color:#777c78;font-size:13px;line-height:1.65}.dark p{color:#b2b5b2}.about{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:center}.about-photo{position:relative}.about-photo img{height:620px;object-fit:cover}.about-photo span{position:absolute;right:-30px;bottom:45px;background:var(--lime);font:700 19px/1.1 Oswald;padding:22px;transform:rotate(-4deg)}.about-copy .lead{font-size:19px;color:var(--ink)}.about-copy>p{line-height:1.75;color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:35px;font-size:12px;font-weight:700}.work{background:var(--ink);color:#fff}.work h2 em{color:transparent;-webkit-text-stroke-color:#fff}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.work-head>a{font-size:12px;border-bottom:1px solid var(--lime);padding-bottom:7px}.gallery{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:290px 290px;gap:14px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;cursor:zoom-in;background:#222;text-align:left;color:#fff}.gallery-item.wide{grid-row:1/3}.gallery-item img{height:100%;object-fit:cover;transition:.55s}.gallery-item:hover img{transform:scale(1.045)}.gallery-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.gallery-item span{position:absolute;z-index:2;left:25px;bottom:22px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gallery-item b{display:block;font:600 20px Oswald;letter-spacing:0;margin-bottom:4px}.image-note{font-size:10px;color:#929694;margin-top:14px}.contact{background:var(--ink);color:#fff;border-top:1px solid #363938;display:grid;grid-template-columns:1.25fr 1fr;gap:100px}.contact h2 em{-webkit-text-stroke-color:#fff}.contact-copy>p:not(.eyebrow){color:#aaa}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding-top:45px}.contact-details div{border-top:1px solid #3c3f3e;padding-top:16px}.contact-details small{text-transform:uppercase;letter-spacing:.1em;color:#888;font-size:9px}.contact-details a,.contact-details p{display:block;font:500 18px/1.5 Oswald;margin:10px 0}footer{background:#0e1010;color:#aaa;padding:30px clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em}footer .brand{margin:0;color:#fff}.whatsapp{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:24px;z-index:15;box-shadow:0 8px 25px #0004}.lightbox{border:0;padding:0;background:transparent;max-width:min(90vw,1100px);width:100%}.lightbox::backdrop{background:#000d}.lightbox img{max-height:85vh;object-fit:contain}.lightbox button{position:fixed;right:24px;top:18px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.nav,.header-cta{display:none}.menu-button{display:block}.nav.open{display:flex;position:absolute;top:81px;left:0;right:0;padding:25px;background:#fff;flex-direction:column}.hero{grid-template-columns:1fr}.hero-image{min-height:520px}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.about{grid-template-columns:1fr}.about-photo{max-width:650px}.contact{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.header{height:70px}.nav.open{top:69px}.hero{min-height:auto}.hero-copy{padding:65px 24px}.hero-image{min-height:420px}.hero-actions{flex-direction:column;margin-bottom:45px}.hero-data{justify-content:space-between;gap:8px}.hero-data div{display:block}.hero-data span{display:block;margin-top:4px}.section{padding:80px 22px}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);min-height:280px}.service-icon{margin:35px 0 20px}.about-photo img{height:440px}.about-photo span{right:0}.values{grid-template-columns:1fr}.work-head{display:block}.work-head>a{display:inline-block;margin-top:15px}.gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory}.gallery-item,.gallery-item.wide{min-width:86vw;height:440px;scroll-snap-align:center}.contact-details{grid-template-columns:1fr}.contact{gap:15px}footer{gap:22px;align-items:flex-start;flex-direction:column}h1{font-size:56px}.whatsapp{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Identidad azul y roja de Nueva Estandar */
:root{--ink:#071d49;--muted:#55647a;--lime:#e31e2f;--paper:#e9eff7;--line:#c8d3e2}
body{background:#e9eff7}
.header{background:#f7f9fc;border-bottom-color:#c8d3e2}
.brand>span{background:#071d49;color:#fff;border-bottom:4px solid #e31e2f}
.nav a:hover{color:#e31e2f}
.hero,.about{background:#f7f9fc}
.button.primary,.image-badge,.about-photo span,.whatsapp{color:#fff}
.service-card{background:#f4f7fb}
.service-icon{color:#e31e2f}
.work,.contact{background:#071d49}
footer{background:#04112c}

/* Logo oficial */
.brand img{width:auto;height:66px;object-fit:contain;mix-blend-mode:multiply}
footer .brand img{height:72px;mix-blend-mode:normal;border-radius:2px}
@media(max-width:620px){.brand img{height:55px}footer .brand img{height:68px}}

/* Fondos principales azul y rojo */
body{background:#071d49}
.hero{background:#071d49;color:#fff}
.hero-copy{background:linear-gradient(145deg,#071d49 0%,#0d3274 100%)}
.hero h1 em{color:transparent;-webkit-text-stroke-color:#fff}
.hero .eyebrow,.hero .hero-text,.hero .hero-data span{color:#d9e3f2}
.hero .hero-data{border-top-color:#48658e}
.services{background:linear-gradient(145deg,#c81527 0%,#ed2939 100%);color:#fff}
.services h2 em{color:transparent;-webkit-text-stroke-color:#fff}
.services .eyebrow,.services .section-heading>p:last-child{color:#ffe4e7}
.services .eyebrow:before{background:#071d49}
.service-grid{border-color:#860d19}
.service-card{background:#f7f9fc;color:#071d49;border-color:#c8d3e2}
.service-card.dark{background:#071d49;color:#fff}
.about{background:linear-gradient(145deg,#081f4d 0%,#0e397f 100%);color:#fff}
.about h2 em{color:transparent;-webkit-text-stroke-color:#fff}
.about .eyebrow,.about .about-copy>p,.about .lead{color:#d9e3f2}
.about .values{color:#fff}
.work{background:linear-gradient(145deg,#be1223 0%,#e31e2f 100%)}
.work .eyebrow,.work .image-note{color:#ffe4e7}
.work .eyebrow:before{background:#071d49}
.work-head>a{border-bottom-color:#071d49}
.contact{background:linear-gradient(145deg,#071d49 0%,#0d3274 100%)}
.contact .button.light{background:#e31e2f;color:#fff}

/* Logo más visible, conservando sus proporciones */
.header .brand{width:245px;height:80px;overflow:hidden;justify-content:center;flex-shrink:0}
.header .brand img{width:235px;height:235px;max-width:none;object-fit:contain;mix-blend-mode:multiply}
footer .brand{width:220px;height:92px;overflow:hidden;justify-content:center;flex-shrink:0}
footer .brand img{width:215px;height:215px;max-width:none;object-fit:contain}
@media(max-width:620px){.header .brand{width:185px;height:68px}.header .brand img{width:180px;height:180px}.header{padding-left:12px;padding-right:12px}footer .brand{width:200px;height:86px}footer .brand img{width:195px;height:195px}}

/* Encuadre completo del logo: grande y con todas las letras visibles */
.header{height:112px}
.header .brand{width:270px;height:108px;overflow:visible}
.header .brand img{width:265px;height:104px;object-fit:contain;object-view-box:inset(17% 2% 13% 2%);mix-blend-mode:multiply}
footer .brand{width:245px;height:105px;overflow:visible}
footer .brand img{width:240px;height:102px;object-fit:contain;object-view-box:inset(17% 2% 13% 2%)}
@media(max-width:950px){.nav.open{top:111px}}
@media(max-width:620px){.header{height:88px;padding-left:10px;padding-right:10px}.header .brand{width:210px;height:84px}.header .brand img{width:205px;height:82px;object-view-box:inset(17% 2% 13% 2%)}.nav.open{top:87px}footer .brand{width:220px;height:96px}footer .brand img{width:215px;height:92px;object-view-box:inset(17% 2% 13% 2%)}}

/* Fotografías reales del trabajo seleccionado */
.hero-image{background-image:linear-gradient(90deg,rgba(7,29,73,.12),transparent),url('assets/deposito-lateral.webp');background-position:center;background-size:cover}

/* Galería ampliada con trabajos reales */
.hero-image{background-image:linear-gradient(90deg,rgba(7,29,73,.14),transparent),url('assets/obra-lincoln.jpg')}
.gallery{grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:285px 285px;grid-auto-rows:285px}
.gallery-item.wide{grid-row:1/3}
@media(max-width:950px){.gallery{grid-template-columns:1fr 1fr;grid-template-rows:360px;grid-auto-rows:360px}.gallery-item.wide{grid-row:auto;grid-column:1/3}}
@media(max-width:620px){.gallery{display:flex}.gallery-item.wide{grid-column:auto}}

/* Catálogo de productos */
.products{background:#f7f9fc;color:#071d49}
.products-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:60px;margin-bottom:50px}
.products-head h2{margin-bottom:0}
.products-head>p{color:var(--muted);line-height:1.7;max-width:440px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.product-card{background:#fff;border:1px solid #c8d3e2;overflow:hidden;transition:.25s}
.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(7,29,73,.13)}
.product-card img{height:270px;object-fit:cover;background:#fff}
.product-card>div{padding:24px}
.product-card small{color:#e31e2f;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em}
.product-card h3{font:600 24px Oswald;text-transform:uppercase;margin:9px 0}
.product-card p{color:#647087;font-size:12px;line-height:1.65;min-height:58px}
.product-card a{display:inline-block;margin-top:10px;color:#071d49;font-size:11px;font-weight:800;text-transform:uppercase;border-bottom:2px solid #e31e2f;padding-bottom:4px}
.product-note{font-size:10px;color:#6c7789;margin-top:18px}
@media(max-width:950px){.product-grid{grid-template-columns:1fr 1fr}.products-head{grid-template-columns:1fr}}
@media(max-width:620px){.product-grid{grid-template-columns:1fr}.product-card img{height:260px}.products-head{gap:10px}}

/* Foto real del local como fondo de Servicios */
.services{position:relative;background-image:linear-gradient(120deg,rgba(7,29,73,.92) 0%,rgba(7,29,73,.82) 48%,rgba(227,30,47,.82) 100%),url('assets/local-paso-del-rey.jpg');background-size:cover;background-position:center;background-attachment:fixed}
.services .section-heading,.services .service-grid{position:relative;z-index:1}
@media(max-width:950px){.services{background-attachment:scroll}}

/* Mayor visibilidad del cartel del local */
.services{background-image:linear-gradient(120deg,rgba(7,29,73,.68) 0%,rgba(7,29,73,.52) 48%,rgba(227,30,47,.58) 100%),url('assets/local-paso-del-rey.jpg');background-position:center 24%}
.services .section-heading{background:rgba(7,29,73,.42);padding:24px;border-left:5px solid #e31e2f;backdrop-filter:blur(2px)}

/* Fondo rojo para la sección Productos */
.products{background:linear-gradient(145deg,#b90f20 0%,#e31e2f 58%,#f04453 100%);color:#fff}
.products h2 em{color:transparent;-webkit-text-stroke-color:#fff}
.products .eyebrow,.products-head>p,.products .product-note{color:#ffe5e8}
.products .eyebrow:before{background:#071d49}

/* Botón flotante de WhatsApp */
.whatsapp{background:#25d366!important;color:#fff!important;border:2px solid #fff;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.whatsapp:hover{background:#1fbd59!important;transform:scale(1.06)}

/* Botón destacado de Instagram */
.work-head .instagram-button{display:flex;align-items:center;gap:14px;min-width:245px;padding:15px 18px;border:2px solid rgba(255,255,255,.9);border-radius:8px;background:linear-gradient(135deg,#833ab4,#e1306c 55%,#f77737);color:#fff;box-shadow:0 12px 30px rgba(7,29,73,.28);transition:.25s}
.work-head .instagram-button:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(7,29,73,.4)}
.instagram-logo{width:42px;height:42px;border:3px solid #fff;border-radius:12px;position:relative;display:block;flex:none}
.instagram-logo:before{content:"";position:absolute;width:15px;height:15px;border:3px solid #fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.instagram-logo:after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;right:6px;top:6px}
.instagram-button>span:nth-child(2){font:700 19px/1 Oswald;text-transform:uppercase;letter-spacing:.04em}
.instagram-button small{display:block;font:600 9px/1 Archivo;text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px;opacity:.9}
.instagram-button b{margin-left:auto;font-size:20px}
@media(max-width:620px){.work-head .instagram-button{margin-top:24px;width:100%;min-width:0}}