<!DOCTYPE html><html lang="es" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>WAM Arquitectos — Portafolio de Proyectos</title><!-- Canonical --><link rel="canonical" href="https://wam-arquitectos.pages.dev/"><!-- Meta descripción --><meta name="description" content="Portafolio de WAM Arquitectos: más de 40 proyectos de arquitectura industrial, comercial, habitacional e infraestructura en Monterrey y Nuevo León."><!-- Robots --><meta name="robots" content="index, follow, max-snippet:155, max-image-preview:large"><!-- Hreflang --><link rel="alternate" hreflang="es-MX" href="https://wam-arquitectos.pages.dev/"><link rel="alternate" hreflang="x-default" href="https://wam-arquitectos.pages.dev/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:url" content="https://wam-arquitectos.pages.dev/"><meta property="og:title" content="WAM Arquitectos — Portafolio de Proyectos"><meta property="og:description" content="Portafolio de WAM Arquitectos: más de 40 proyectos de arquitectura industrial, comercial, habitacional e infraestructura en Monterrey y Nuevo León."><meta property="og:image" content="https://wam-arquitectos.pages.dev/og-default.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="WAM Arquitectos — Portafolio de Proyectos"><meta property="og:site_name" content="WAM Arquitectos"><meta property="og:locale" content="es_MX"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="WAM Arquitectos — Portafolio de Proyectos"><meta name="twitter:description" content="Portafolio de WAM Arquitectos: más de 40 proyectos de arquitectura industrial, comercial, habitacional e infraestructura en Monterrey y Nuevo León."><meta name="twitter:image" content="https://wam-arquitectos.pages.dev/og-default.jpg"><meta name="twitter:image:alt" content="WAM Arquitectos — Portafolio de Proyectos"><!-- Theme + PWA --><meta name="theme-color" content="#000000"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Raleway:wght@400;700&display=swap" rel="stylesheet"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" type="image/png" href="/wam-logo.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"WAM Arquitectos","url":"https://wam-arquitectos.pages.dev","logo":"https://wam-arquitectos.pages.dev/wam-logo.png","sameAs":[],"contactPoint":{"@type":"ContactPoint","contactType":"customer service","areaServed":"MX","availableLanguage":"Spanish"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","name":"WAM Arquitectos","description":"Despacho de arquitectura en Monterrey, Nuevo León. Diseño arquitectónico industrial, comercial, habitacional e infraestructura.","url":"https://wam-arquitectos.pages.dev","logo":"https://wam-arquitectos.pages.dev/wam-logo.png","image":"https://wam-arquitectos.pages.dev/og-default.jpg","telephone":"","address":{"@type":"PostalAddress","addressLocality":"Monterrey","addressRegion":"Nuevo León","addressCountry":"MX"},"geo":{"@type":"GeoCoordinates","latitude":25.6866,"longitude":-100.3161},"areaServed":{"@type":"State","name":"Nuevo León"},"priceRange":"$$$$"}</script><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.j56hQv-j.js"></script><link rel="stylesheet" href="/_astro/Layout.DqB0wlrI.css">
<style>a[data-astro-cid-mspuyifq]{display:block;aspect-ratio:1 / 1;overflow:hidden;position:relative;cursor:pointer}a[data-astro-cid-mspuyifq]:hover img[data-astro-cid-mspuyifq].hover-zoom{transform:scale(1.06)}.overlay[data-astro-cid-mspuyifq]{opacity:0;transition:opacity .35s ease}a[data-astro-cid-mspuyifq]:hover .overlay[data-astro-cid-mspuyifq]{opacity:1}.overlay-content[data-astro-cid-mspuyifq]{padding:1.25rem;transform:translateY(8px);transition:transform .35s ease;width:100%}a[data-astro-cid-mspuyifq]:hover .overlay-content[data-astro-cid-mspuyifq]{transform:translateY(0)}.overlay-title[data-astro-cid-mspuyifq]{font-family:Raleway,sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;color:#fff;text-transform:uppercase;display:block;margin-bottom:.25rem}.overlay-cta[data-astro-cid-mspuyifq]{font-family:Inter,sans-serif;font-size:10px;font-weight:700;color:#008b95;letter-spacing:2px;display:block;text-transform:uppercase}@media(hover:none){.overlay[data-astro-cid-mspuyifq]{opacity:1}.overlay-content[data-astro-cid-mspuyifq]{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){a[data-astro-cid-mspuyifq]:hover img[data-astro-cid-mspuyifq].hover-zoom{transform:none}.overlay[data-astro-cid-mspuyifq]{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%)}.overlay-content[data-astro-cid-mspuyifq]{transform:none}}.project-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%}@keyframes fadeRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.project-grid[data-astro-cid-j7pv25f6]>*{animation:fadeRise .55s ease both}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(1){animation-delay:0ms}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(2){animation-delay:60ms}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(3){animation-delay:.12s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(4){animation-delay:.18s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(5){animation-delay:.24s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(6){animation-delay:.3s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(7){animation-delay:.36s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(8){animation-delay:.42s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(9){animation-delay:.48s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(10){animation-delay:.54s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(11){animation-delay:.6s}.project-grid[data-astro-cid-j7pv25f6]>*:nth-child(12){animation-delay:.66s}@media(max-width:1024px){.project-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.project-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.project-grid[data-astro-cid-j7pv25f6]>*{animation:none;opacity:1;transform:none}}
</style></head> <body class="bg-black text-white" data-astro-cid-sckkx6r4> <!-- Cursor personalizado --> <div id="cursor-dot" data-astro-cid-sckkx6r4></div> <div id="cursor-ring" data-astro-cid-sckkx6r4></div> <!-- HEADER --> <header class="fixed top-0 left-0 w-full bg-white z-50" style="height: 129px; border-bottom: 1px solid rgba(0,0,0,0.1);" data-astro-cid-sckkx6r4> <div class="flex items-center justify-between h-full px-8" data-astro-cid-sckkx6r4> <!-- Navegación izquierda --> <nav class="flex items-center gap-0" data-astro-cid-sckkx6r4> <a href="/why-wam" class="text-[#222222] font-bold text-[13px] tracking-wide no-underline px-6 first:pl-0 hover:text-black transition-colors " style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> POR QUÉ WAM </a><a href="/" class="text-[#222222] font-bold text-[13px] tracking-wide no-underline px-6 first:pl-0 hover:text-black transition-colors nav-link-active" style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> TRABAJO </a><a href="/why-wam#servicios" class="text-[#222222] font-bold text-[13px] tracking-wide no-underline px-6 first:pl-0 hover:text-black transition-colors " style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> SERVICIOS </a><a href="/social" class="text-[#222222] font-bold text-[13px] tracking-wide no-underline px-6 first:pl-0 hover:text-black transition-colors " style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> SOCIAL </a> </nav> <!-- CTA Contáctanos + Logo --> <div class="flex items-center gap-8 flex-shrink-0" data-astro-cid-sckkx6r4> <a href="/contact" class="cta-contact" data-astro-cid-sckkx6r4>CONTÁCTANOS</a> <a href="/" data-astro-cid-sckkx6r4> <img src="/wam-logo.png" alt="WAM Arquitectos" class="h-[54px] w-auto" data-astro-cid-sckkx6r4> </a> </div> </div> <!-- Hamburger (mobile) --> <button id="hamburger" class="absolute right-6 top-1/2 -translate-y-1/2 flex-col gap-1.5 hidden" aria-label="Menú" aria-expanded="false" aria-controls="mobile-nav" data-astro-cid-sckkx6r4> <span class="block w-6 h-0.5 bg-[#222222]" data-astro-cid-sckkx6r4></span> <span class="block w-6 h-0.5 bg-[#222222]" data-astro-cid-sckkx6r4></span> <span class="block w-6 h-0.5 bg-[#222222]" data-astro-cid-sckkx6r4></span> </button> </header> <!-- Mobile nav --> <div id="mobile-nav" class="fixed top-[129px] left-0 w-full bg-white z-40 hidden flex-col py-4" data-astro-cid-sckkx6r4> <a href="/why-wam" class="font-bold text-[13px] px-8 py-3 border-b border-gray-100 text-[#222222] hover:text-black" style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> POR QUÉ WAM </a><a href="/" class="font-bold text-[13px] px-8 py-3 border-b border-gray-100 text-[#008b95]" style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> TRABAJO </a><a href="/why-wam#servicios" class="font-bold text-[13px] px-8 py-3 border-b border-gray-100 text-[#222222] hover:text-black" style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> SERVICIOS </a><a href="/social" class="font-bold text-[13px] px-8 py-3 border-b border-gray-100 text-[#222222] hover:text-black" style="font-family: 'Inter', sans-serif;" data-astro-cid-sckkx6r4> SOCIAL </a> <a href="/contact" class="font-bold text-[13px] px-8 py-4 mt-1" style="font-family: 'Inter', sans-serif; color: #008b95;" data-astro-cid-sckkx6r4>
CONTÁCTANOS
</a> </div> <!-- Contenido principal (con padding-top para compensar header fixed) --> <main style="padding-top: 129px;" data-astro-cid-sckkx6r4>  <h1 class="sr-only" data-astro-cid-j7pv25f6>Portafolio de proyectos — WAM Arquitectos</h1> <div class="project-grid" data-astro-cid-j7pv25f6> <a href="/work/frisamaquinadosnave" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/frisamaquinadosnave/1.jpg" alt="Nave de Maquinados" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Nave de Maquinados</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/frisamaquinadosoficina" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/frisamaquinadosoficina/1.jpg" alt="Oficina de Maquinados" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Oficina de Maquinados</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/oficinasdemaquinadosestandarfrisa" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/oficinasdemaquinadosestandarfrisa/1.jpg" alt="Oficina de Maquinados Estándar" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Oficina de Maquinados Estándar</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/cedisq1" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/cedisq1/1.jpg" alt="Centro de Distribución de Alimentos Q1" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Centro de Distribución de Alimentos Q1</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/cedisq2" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/cedisq2/1.jpg" alt="Centro de Distribución de Alimentos Q2" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Centro de Distribución de Alimentos Q2</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/crossdock" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/crossdock/1.jpg" alt="Centro de Distribución de Alimentos Cross Dock" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Centro de Distribución de Alimentos Cross Dock</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/goimsacddelcarmen" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/goimsacddelcarmen/1.jpg" alt="Goimsa Ciudad del Carmen" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Goimsa Ciudad del Carmen</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/parqueindustrialgarcia" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/parqueindustrialgarcia/1.jpg" alt="Parque Industrial García" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Parque Industrial García</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/linea5" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/linea5/1.jpg" alt="Línea 5" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Línea 5</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/frisabridasgarcia" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/frisabridasgarcia/1.jpg" alt="Nave de Bridas" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Nave de Bridas</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/modulomixto" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/modulomixto/1.jpg" alt="Módulo Mixto" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Módulo Mixto</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/frisaacceso" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/frisaacceso/1.jpg" alt="FRISA Aerospace" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>FRISA Aerospace</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/comedorcongreso" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/comedorcongreso/1.jpg" alt="Comedor del Congreso del Estado de N.L." loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Comedor del Congreso del Estado de N.L.</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/oficinascv5013" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/oficinascv5013/1.jpg" alt="Oficinas CV 50-13" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Oficinas CV 50-13</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/plazamayoreopm" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/plazamayoreopm/1.jpg" alt="Plaza Mayoreo Padre Mier" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Plaza Mayoreo Padre Mier</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/plazamayoreomm" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/plazamayoreomm/1.jpg" alt="Plaza Mayoreo Calle Matamoros" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Plaza Mayoreo Calle Matamoros</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/zapateriaimpuls" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/zapateriaimpuls/1.jpg" alt="Zapatería Impuls" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Zapatería Impuls</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/muebleriahaus" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/muebleriahaus/1.jpg" alt="Mueblería Haus" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Mueblería Haus</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/transmetro" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/transmetro/1.jpg" alt="Sistema Transmetro Guadalupe" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Sistema Transmetro Guadalupe</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/estacionamiento" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/estacionamiento/1.jpg" alt="Estacionamiento" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Estacionamiento</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/clinicaambulatoria" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/clinicaambulatoria/1.jpg" alt="Clínica Ambulatoria" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Clínica Ambulatoria</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/gimnasiopolideportivo" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/gimnasiopolideportivo/1.jpg" alt="Gimnasio Polideportivo de Combate" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Gimnasio Polideportivo de Combate</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/centroderaquetas" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/centroderaquetas/1.jpg" alt="Centro de Raquetas" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Centro de Raquetas</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/villasolimpicas" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/villasolimpicas/1.jpg" alt="Villas Olímpicas" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Villas Olímpicas</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/marcomovil" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/marcomovil/1.jpg" alt="Marcomóvil" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Marcomóvil</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/instalacionmty" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/instalacionmty/1.jpg" alt="Instalación MARCO en Aeropuerto Internacional de Monterrey" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Instalación MARCO en Aeropuerto Internacional de Monterrey</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/pabellonshanghai" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/pabellonshanghai/1.jpg" alt="Pabellón de México en la Expo Shanghai 2010" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Pabellón de México en la Expo Shanghai 2010</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/mundo_modelo" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/mundo_modelo/1.jpg" alt="Pabellón Modelo en Mundo Deadeveras" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Pabellón Modelo en Mundo Deadeveras</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/mundo_berol" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/mundo_berol/1.jpg" alt="Pabellón Berol en Mundo Deadeveras" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Pabellón Berol en Mundo Deadeveras</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/mundo_marco" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/mundo_marco/1.jpg" alt="Pabellón MARCO en Mundo Deadeveras" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Pabellón MARCO en Mundo Deadeveras</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casastabarbara" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casastabarbara/1.jpg" alt="Casa Santa Bárbara" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Santa Bárbara</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casalaherradura" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casalaherradura/1.jpg" alt="Casa La Herradura" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa La Herradura</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casaencino177" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casaencino177/1.jpg" alt="Casa Encino 177" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Encino 177</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casaprivadaelnogal" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casaprivadaelnogal/1.jpg" alt="Casa Privada El Nogal" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Privada El Nogal</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casaelvergel" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casaelvergel/1.jpg" alt="Casa El Vergel" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa El Vergel</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casaprivadadenotredame" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casaprivadadenotredame/1.jpg" alt="Casa Privada Notre-Dame" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Privada Notre-Dame</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casarenacimiento" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casarenacimiento/1.jpg" alt="Casa Renacimiento" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Renacimiento</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casatehuantepec" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casatehuantepec/1.jpg" alt="Casa Tehuantepec" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Tehuantepec</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/casamariberico" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/casamariberico/1.jpg" alt="Casa Mar Ibérico" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>Casa Mar Ibérico</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/rum" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/rum/1.jpg" alt="RUM Residencias Universitarias Monterrey" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>RUM Residencias Universitarias Monterrey</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a><a href="/work/v10" class="project-card block" data-astro-cid-mspuyifq> <div class="w-full h-full relative overflow-hidden" style="aspect-ratio: 1/1;" data-astro-cid-mspuyifq> <img src="/img/proyectos/v10/1.jpg" alt="V10" loading="lazy" decoding="async" class="w-full h-full object-cover transition-transform duration-500 ease-out hover-zoom" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';" data-astro-cid-mspuyifq> <!-- Fallback placeholder --> <div class="absolute inset-0 bg-zinc-900 items-center justify-center" style="display: none;" data-astro-cid-mspuyifq> <span class="text-zinc-600 text-xs font-mono uppercase tracking-widest" data-astro-cid-mspuyifq>WAM</span> </div> <!-- Overlay hover --> <div class="overlay absolute inset-0 flex flex-col items-end justify-end" style="background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);" data-astro-cid-mspuyifq> <div class="overlay-content" data-astro-cid-mspuyifq> <span class="overlay-title" data-astro-cid-mspuyifq>V10</span> <span class="overlay-cta" data-astro-cid-mspuyifq>VER PROYECTO →</span> </div> </div> </div> </a> </div>  </main> <footer class="footer-nap" data-astro-cid-sz7xmlte> <address class="footer-address" data-astro-cid-sz7xmlte> <span class="footer-brand" data-astro-cid-sz7xmlte>WAM Arquitectos</span> <span class="footer-sep" data-astro-cid-sz7xmlte>·</span> <span data-astro-cid-sz7xmlte>Monterrey, Nuevo León, México</span> <span class="footer-sep" data-astro-cid-sz7xmlte>·</span> <a href="mailto:contacto@wam-arquitectos.com" class="footer-link" data-astro-cid-sz7xmlte>contacto@wam-arquitectos.com</a> </address> <p class="footer-copy" data-astro-cid-sz7xmlte>© 2026 WAM Arquitectos. Todos los derechos reservados.</p> </footer>  <script type="module">function o(){const t=document.getElementById("hamburger"),e=document.getElementById("mobile-nav");!t||!e||(e.classList.add("hidden"),e.classList.remove("flex"),t.setAttribute("aria-expanded","false"),t.addEventListener("click",()=>{e.classList.contains("flex")?(e.classList.add("hidden"),e.classList.remove("flex"),t.setAttribute("aria-expanded","false")):(e.classList.remove("hidden"),e.classList.add("flex"),t.setAttribute("aria-expanded","true"))}),e.querySelectorAll("a").forEach(s=>{s.addEventListener("click",()=>{e.classList.add("hidden"),e.classList.remove("flex"),t.setAttribute("aria-expanded","false")})}))}o();document.addEventListener("astro:page-load",o);function c(){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const t=document.getElementById("cursor-dot"),e=document.getElementById("cursor-ring");if(!t||!e)return;let s=0,a=0,d=0,i=0;document.addEventListener("mousemove",n=>{s=n.clientX,a=n.clientY,t.style.opacity="1",e.style.opacity="1",t.style.left=s+"px",t.style.top=a+"px"}),document.addEventListener("mouseleave",()=>{t.style.opacity="0",e.style.opacity="0"});function r(){d+=(s-d)*.12,i+=(a-i)*.12,e.style.left=d+"px",e.style.top=i+"px",requestAnimationFrame(r)}r(),document.querySelectorAll("a, button").forEach(n=>{n.addEventListener("mouseenter",()=>document.body.classList.add("cursor-hover")),n.addEventListener("mouseleave",()=>document.body.classList.remove("cursor-hover"))})}c();document.addEventListener("astro:page-load",c);</script></body></html>