*{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html,body,#root{width:100%;min-height:100%}body{color:#111;background:#fff;font-family:Fustat,sans-serif;overflow-x:hidden}#root{width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}html{scroll-behavior:smooth}.encabezado{box-sizing:border-box;z-index:1000;background:#f7f4ef;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 45px;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 8px #0000000d}.logo-contenedor{align-items:center;display:flex}.logo{cursor:pointer;width:210px}.nombre-empresa{flex-direction:column;justify-content:center;margin-left:14px;line-height:1;display:flex}.menu{justify-content:center;align-items:center;gap:55px;display:flex}.menu a{color:#555;letter-spacing:2px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s}.menu a:hover{color:#111}.acciones{justify-content:flex-end;display:flex}.acciones button{color:#fff;cursor:pointer;letter-spacing:2px;background:#111;border:none;padding:15px 30px;font-size:12px;font-weight:700;transition:all .3s}.acciones button:hover{background:#c4a678}.hero{box-sizing:border-box;background-image:linear-gradient(#0000008c,#0000008c),url(/imagenes/hero.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;align-items:center;width:100%;height:100vh;padding-left:60px;display:flex;position:relative}.overlay{display:none}.heroContenido{z-index:2;color:#fff;max-width:760px;position:relative;transform:translateY(40px)}.ubicacion{color:#c8b692;letter-spacing:4px;margin-bottom:30px;margin-left:15px;font-family:Fustat,sans-serif;font-size:13px;font-weight:600}.hero h1{color:#fff;letter-spacing:-2px;margin:0 0 35px;font-family:Fustat,sans-serif;font-size:98px;font-weight:500;line-height:.92}.dorado{color:#c8b692;font-weight:500}.heroDescripcion{color:#ededed;max-width:510px;margin-bottom:45px;font-family:Fustat,sans-serif;font-size:22px;line-height:1.8}.botones{gap:14px;display:flex}.btnBlanco{color:#000;letter-spacing:1px;cursor:pointer;background:#fff;border:none;padding:18px 38px;font-family:Fustat,sans-serif;font-size:14px;font-weight:700;transition:all .25s}.btnBlanco:hover{background:#ececec}.btnNegro{color:#fff;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #ffffff59;padding:18px 38px;font-family:Fustat,sans-serif;font-size:14px;font-weight:700;transition:all .25s}.btnNegro:hover{color:#000;background:#fff}.btnBlanco,.btnNegro{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nosotros{background:#f7f4ef;grid-template-columns:1fr 1fr;align-items:center;width:100%;min-height:100vh;padding:0;display:grid;overflow:hidden}.nosotrosImagen{height:100%;position:relative;overflow:hidden}.nosotrosImagen img{object-fit:cover;object-position:12% center;width:100%;height:100%;transition:all .8s;display:block}.nosotrosImagen:hover img{transform:scale(1.05)}.infoProyecto{color:#fff;text-align:left;position:absolute;bottom:18px;right:28px}.lineaProyecto{background:#fff;width:55px;height:2px;margin-bottom:12px}.infoProyecto h3{color:#fff;margin:0;font-family:Fustat,sans-serif;font-size:22px;font-weight:600;line-height:1}.infoProyecto p{letter-spacing:2.5px;color:#fffc;margin-top:5px;font-family:Fustat,sans-serif;font-size:10px}.nosotrosTexto{max-width:650px;margin:auto;padding:90px}.subtitulo{color:#2f5b45;letter-spacing:3px;align-items:center;gap:16px;margin-bottom:30px;font-family:Fustat,sans-serif;font-size:13px;font-weight:700;display:flex}.subtitulo:before{content:"";background:#2f5b45;width:45px;height:2px}.nosotrosTexto h2{color:#111;margin-bottom:35px;font-family:Fustat,sans-serif;font-size:72px;font-weight:600;line-height:.95}.nosotrosTexto h2 span{color:#d4c09a}.nosotrosTexto p{color:#555;margin-bottom:26px;font-family:Fustat,sans-serif;font-size:22px;line-height:1.8}.btnNosotros{color:#fff;letter-spacing:2px;cursor:pointer;background:#111;border:none;margin-top:18px;padding:18px 42px;font-family:Fustat,sans-serif;font-size:14px;font-weight:700;transition:all .35s}.btnNosotros:hover{background:#c4a678;transform:translateY(-3px)}.proceso{color:#fff;background:#111;padding:140px 70px;overflow:hidden}.procesoHeader{text-align:center;max-width:900px;margin:auto}.subtituloProceso{text-align:center;color:#d4c09a;letter-spacing:3px;margin-bottom:30px;font-size:13px;font-weight:600}.procesoHeader h2{margin-bottom:35px;font-family:Fustat,sans-serif;font-size:82px;line-height:.95}.procesoHeader p{color:#bfbfbf;max-width:760px;margin:auto;font-size:22px;line-height:1.8}.contenedorProceso{margin-top:90px;margin-bottom:90px;position:relative}.lineaBase{z-index:1;background:#ffffff1f;height:2px;position:absolute;top:47px;left:8%;right:8%}.lineaActiva{z-index:2;background:#d4c09a;height:2px;transition:all .6s;position:absolute;top:47px;left:8%}.iconosProceso{z-index:3;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.paso{text-align:center;cursor:pointer;width:170px;transition:all .55s cubic-bezier(.22,1,.36,1)}.circulo{background:#181818;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:95px;height:95px;margin:auto;font-size:38px;transition:all .55s;display:flex}.paso h3{color:#fff;margin-top:24px;font-size:22px;font-weight:500;line-height:1.35}.paso.activo{z-index:20;transform:scale(1.22)}.paso.activo .circulo{border:1px solid #d4c09a;box-shadow:0 0 40px #d4c09a73}.paso.izquierda{opacity:.28;transform:translate(-70px)scale(.8)}.paso.derecha{opacity:.28;transform:translate(70px)scale(.8)}.paso:hover:not(.activo){transform:translateY(-8px)}.detalleProceso{grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;margin-top:30px;animation:.45s aparecer;display:grid}.detalleImagen{width:100%}.detalleImagen img{object-fit:cover;border:1px solid #ffffff14;border-radius:20px;width:100%;height:520px;display:block}.detalleTexto{max-width:620px}.numeroProceso{color:#d4c09a;letter-spacing:3px;margin-bottom:22px;font-size:14px;display:inline-block}.detalleTexto h3{color:#fff;margin-bottom:28px;font-family:Fustat,sans-serif;font-size:62px;line-height:.95}.detalleTexto p{color:#cfcfcf;margin-bottom:35px;font-size:22px;line-height:1.9}.detalleTexto ul{padding:0;list-style:none}.detalleTexto li{margin-bottom:18px;font-size:20px;transition:all .35s}.detalleTexto li:hover{color:#d4c09a;transform:translate(8px)}@keyframes aparecer{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.iconosProceso{flex-wrap:wrap;justify-content:center;gap:40px}.lineaBase,.lineaActiva{display:none}}@media (width<=992px){.proceso{padding:100px 35px}.procesoHeader h2{font-size:60px}.procesoHeader p{font-size:19px}.detalleProceso{grid-template-columns:1fr;gap:45px}.detalleImagen img{height:360px}.detalleTexto{max-width:100%}.detalleTexto h3{font-size:48px}}@media (width<=768px){.procesoHeader h2{font-size:46px}.paso{width:140px}.circulo{width:78px;height:78px;font-size:30px}.paso h3{font-size:18px}.detalleTexto h3{font-size:42px}.detalleTexto p{font-size:18px}}.proyectos{color:#fff;background-image:linear-gradient(#0000004d,#0000004d),url(/proyectos/proyecto.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:170px 70px;position:relative;overflow:hidden}.fondoOscuro{background:0 0;position:absolute;inset:0}.proyectosHeader,.categorias{z-index:2;position:relative}.proyectosHeader{text-align:center;max-width:900px;margin:auto}.subtituloProyectos{text-align:center;color:#d4c09a;letter-spacing:4px;margin-bottom:28px;font-size:13px;font-weight:600}.proyectosHeader h2{color:#fff;text-shadow:0 4px 18px #0000004d;margin-bottom:28px;font-family:Fustat,sans-serif;font-size:74px;font-weight:700;line-height:1.05}.proyectosHeader p{color:#fffffff2;text-shadow:0 2px 10px #00000040;max-width:760px;margin:auto;font-size:22px;line-height:1.8}.categorias{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:90px;display:flex}.categorias a{text-decoration:none}.categorias button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:20px 48px;font-family:Fustat,sans-serif;font-size:14px;font-weight:700;transition:all .35s}.categorias button:hover{color:#111;background:#d4c09a;border-color:#d4c09a}.clientes{background:#f7f4ef;padding:140px 0;overflow:hidden}.clientesHeader{text-align:center;width:min(1200px,88%);margin:0 auto 90px}.subtituloClientes{text-align:center;color:#9c8155;letter-spacing:4px;margin-bottom:28px;font-family:Fustat,sans-serif;font-size:13px;font-weight:700}.clientesHeader h2{color:#111;margin:28px 0 25px;font-family:Fustat,sans-serif;font-size:68px;font-weight:700;line-height:1.05}.clientesHeader p{color:#555;max-width:650px;margin:auto;font-family:Fustat,sans-serif;font-size:20px;line-height:1.7}.carruselClientes{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.logosTrack{align-items:center;gap:85px;width:max-content;animation:28s linear infinite moverLogos;display:flex}.carruselClientes:hover .logosTrack{animation-play-state:paused}.clienteLogo{flex-shrink:0;justify-content:center;align-items:center;width:190px;height:110px;display:flex}.clienteLogo img{object-fit:contain;filter:grayscale();opacity:.62;max-width:100%;max-height:75px;transition:all .35s}.clienteLogo:hover img{filter:grayscale(0%);opacity:1;transform:scale(1.08)}@keyframes moverLogos{0%{transform:translate(0)}to{transform:translate(-50%)}}.cobertura{background:#171816;padding:150px 0;overflow:hidden}.coberturaContenido{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;width:min(1400px,90%);margin:0 auto;display:grid}.coberturaInfo{max-width:620px}.coberturaSubtitulo{color:#c4a678;letter-spacing:4px;align-items:center;gap:16px;font-family:Fustat,sans-serif;font-size:12px;font-weight:700;display:flex}.coberturaInfo h2{color:#f5f3ee;letter-spacing:-2px;margin:35px 0 28px;font-family:Fustat,sans-serif;font-size:clamp(48px,5vw,78px);font-weight:600;line-height:1.03}.coberturaInfo h2 em{color:#c4a678;font-family:Fustat,sans-serif;font-style:normal;font-weight:400}.coberturaTexto{color:#aaa9a4;max-width:590px;font-family:Fustat,sans-serif;font-size:17px;font-weight:400;line-height:1.8}.coberturaNumeros{grid-template-columns:repeat(3,1fr);margin-top:65px;display:grid}.coberturaDato{border-right:1px solid #ffffff2e;padding:0 30px}.coberturaDato:first-child{padding-left:0}.coberturaDato:last-child{border-right:none}.coberturaDato strong{color:#c4a678;font-family:Fustat,sans-serif;font-size:45px;font-weight:600;line-height:1;display:block}.coberturaDato span{color:#f5f3ee;letter-spacing:2px;margin-top:15px;font-family:Fustat,sans-serif;font-size:10px;font-weight:700;line-height:1.6;display:block}.coberturaMapa{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.mapaContenedor{background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:520px;display:flex}.mapaMexico{width:95%;max-width:1000px;height:auto;display:block}.estadosCobertura{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;width:100%;margin-top:22px;display:flex}.estadosCobertura span{color:#f5f3ee;letter-spacing:1px;white-space:nowrap;font-size:13px;font-weight:400;position:relative}.estadosCobertura span:not(:last-child):after{content:"•";color:#c4a678;position:absolute;right:-15px}@media (width<=1000px){.cobertura{padding:100px 0}.coberturaContenido{grid-template-columns:1fr;gap:70px}.coberturaInfo{max-width:100%}.mapaContenedor{min-height:400px}}@media (width<=650px){.coberturaInfo h2{font-size:45px}.coberturaNumeros{grid-template-columns:1fr;gap:35px}.coberturaDato{border-bottom:1px solid #ffffff2e;border-right:none;padding:0 0 30px}.coberturaDato:last-child{border-bottom:none}.mapaContenedor{min-height:300px}}.ecosistema{background:#f7f4ef;padding:90px 0 70px}.ecosistemaTitulo{text-align:center;width:min(850px,90%);margin:0 auto 70px}.ecosistemaTitulo span{color:#b99863;letter-spacing:8px;font-family:Fustat,sans-serif;font-size:18px}.ecosistemaTitulo h2{color:#171816;margin-top:12px;font-family:Fustat,sans-serif;font-size:90px;line-height:1}.ecosistemaTitulo p{color:#666;max-width:720px;margin:30px auto 0;font-size:20px;line-height:1.8}.paneles{gap:18px;width:min(1700px,95%);height:650px;margin:auto;display:flex}.panel{cursor:pointer;border-radius:28px;flex:1;transition:all .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.panel:hover{flex:1.45}.panel img{object-fit:cover;width:100%;height:100%;transition:all 1.2s}.panel:hover img{transform:scale(1.05)}.overlay{background:linear-gradient(#0000,#0003,#000000b3);transition:all .5s;position:absolute;inset:0}.panel:hover .overlay{background:linear-gradient(#0000,#0000004d,#000000d1)}.contenido{color:#fff;flex-direction:column;justify-content:flex-end;transition:all .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:25px;left:38px;right:38px}.panel:hover .contenido{bottom:1cm}.contenido h3{letter-spacing:2px;margin:0;font-family:Fustat,sans-serif;font-size:34px;font-weight:600}.contenido p{color:#ffffffe0;opacity:0;max-width:320px;max-height:0;margin-top:14px;font-family:Fustat,sans-serif;font-size:16px;line-height:1.7;transition:opacity .35s,transform .45s,max-height .45s;overflow:hidden;transform:translateY(15px)}.panel:hover .contenido p{opacity:1;max-height:120px;transform:translateY(0)}.ecosistemaFooter{align-items:center;gap:25px;width:min(1600px,95%);margin:65px auto 0;display:flex}.ecosistemaFooter .linea{background:#c4a678;flex:1;height:1px}.ecosistemaFooter p{letter-spacing:3px;color:#171816}.ecosistemaFooter strong{color:#c4a678}.contacto{background:#f7f4ef;padding:120px 0}.contactoContainer{grid-template-columns:1fr 1.2fr;align-items:center;gap:120px;width:min(1700px,92%);margin:auto;display:grid}.contactoInfo span{color:#c4a678;letter-spacing:8px;font-family:Fustat,sans-serif;font-size:18px}.contactoInfo h2{color:#171816;margin-top:18px;font-family:Fustat,sans-serif;font-size:92px;font-weight:500;line-height:.95}.contactoInfo .linea{background:#c4a678;width:70px;height:2px;margin:40px 0}.contactoInfo p{color:#666;max-width:500px;font-size:20px;line-height:1.9}.contactoFormulario form{flex-direction:column;gap:45px;display:flex}.fila{grid-template-columns:1fr 1fr;gap:40px;display:grid}.campo{flex-direction:column;display:flex}.campo label{letter-spacing:1px;color:#444;margin-bottom:15px;font-size:15px}.campo input,.campo textarea{background:0 0;border:none;border-bottom:1px solid #bbb;outline:none;padding:12px 0;font-size:18px;transition:all .35s}.campo textarea{resize:none}.campo input:focus,.campo textarea:focus{border-color:#c4a678}.contactoFormulario button{color:#fff;cursor:pointer;letter-spacing:4px;z-index:1;background:#171816;border:none;height:74px;padding:0 55px;font-family:Fustat,sans-serif;font-size:15px;transition:color .35s;position:relative;overflow:hidden}.contactoFormulario button:before{content:"";z-index:-1;background:#c4a678;transition:transform 1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(100%)}.contactoFormulario button:hover:before{transform:translate(0)}.contactoFormulario button:hover{color:#101010}.contactoFormulario button{justify-content:center;align-items:center;gap:10px;display:flex}.contactoFormulario button:hover{gap:18px}.contactoFormulario button:active{color:#171816;background:#c4a678;transition:none}.contactoFormulario button:active:before{transition:none;transform:translate(0)}.flecha{transition:transform 1s}.contactoFormulario button:hover .flecha{transform:translate(10px)}.piePagina{background:#171816;padding:40px 5% 30px}.piePaginaContenido{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.piePaginaNav{justify-self:center}.piePaginaRedes{justify-self:end}.piePaginaLogo{width:150px;height:auto;transition:transform .35s;display:block}.piePaginaLogo:hover{transform:scale(1.03)}.piePaginaNav{align-items:center;gap:36px;display:flex}.piePaginaNav a{color:#ece8e2;letter-spacing:.4px;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.piePaginaNav a:after{content:"";background:#c4a678;width:0;height:1px;transition:width .3s;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.piePaginaNav a:hover{color:#c4a678}.piePaginaNav a:hover:after{width:100%}.piePaginaRedes{align-items:center;gap:18px;display:flex}.piePaginaRedes a{color:#ece8e2;font-size:22px;transition:all .3s}.piePaginaRedes a:hover{color:#c4a678;transform:translateY(-2px)}.piePaginaLinea{background:#ffffff14;width:100%;height:1px;margin:45px 0 24px}.piePaginaCopyright{text-align:center;color:#ffffff8c;letter-spacing:.5px;font-size:14px}@media (width<=1100px){.piePaginaContenido{flex-direction:column;gap:35px}.piePaginaNav{flex-wrap:wrap;justify-content:center;gap:28px}}@media (width<=768px){.piePagina{padding:60px 24px 28px}.piePaginaLogo{width:130px}.piePaginaNav{flex-direction:column;gap:20px}}.proyectoCard{background:#fff;border-radius:22px;transition:all .35s;overflow:hidden;box-shadow:0 10px 35px #0000001f}.proyectoCard:hover{transform:translateY(-8px)}.imagenContainer{aspect-ratio:4/3;position:relative;overflow:hidden}.imagenProyecto{object-fit:cover;width:100%;height:100%;transition:all .5s;display:block}.proyectoCard:hover .imagenProyecto{transform:scale(1.05)}.overlay{opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:all .35s;display:flex;position:absolute;inset:0}.proyectoCard:hover .overlay{opacity:1}.info{color:#fff;text-align:left;width:100%;padding:60px;font-family:Fustat,sans-serif;font-size:18px;font-weight:600;line-height:1.6}.info p{margin:6px 0}.logoContainer{background:#fff;justify-content:center;align-items:center;padding:35px;display:flex}.logoProyecto{object-fit:contain;filter:grayscale();width:auto;height:50px;transition:all .35s}.proyectoCard:hover .logoProyecto{filter:grayscale(0%)}.logoProyecto[alt=Supermercados\ Leyva]{height:58px}.industrial{color:#fff;background:#111;min-height:100vh;padding:70px;position:relative}.industrialHeader{text-align:center;max-width:900px;margin:0 auto 90px}.volver{color:#d4c09a;z-index:10;font-family:Fustat,sans-serif;font-size:15px;text-decoration:none;transition:opacity .3s;position:absolute;top:45px;left:45px}.volver:hover{opacity:.6}.subtitulo{color:#d4c09a;letter-spacing:4px;margin-bottom:22px;font-size:13px;display:block}.industrial h1{margin-bottom:28px;font-size:76px;line-height:1.05}.industrial p{color:#d3d3d3;font-size:22px;line-height:1.8}.gridIndustrial{grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:40px;width:min(1450px,90%);margin:90px auto;display:grid}