:root{--color-azul: #1e3a8a;--color-azul-oscuro: #0b3260;--color-acento: #2563eb;--color-negro: #0f172a;--color-gris: #475569;--color-gris-claro: #e2e8f0;--color-blanco: #ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial;color:var(--color-negro);background:#fff;opacity:0;animation:pageFadeIn .42s ease-out forwards}a{color:var(--color-azul);text-decoration:none}a:focus{outline:2px solid transparent}button:focus,input:focus,textarea:focus{outline:2px solid transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img{max-width:100%;display:block}h1,h2,h3{margin:0 0 .75rem;letter-spacing:-.01em}h1,h2{font-weight:800}h3{font-weight:700}.encabezado{position:sticky;top:0;background:var(--color-blanco);border-bottom:1px solid var(--color-gris-claro);z-index:20}.encabezado-contenido{display:flex;align-items:center;justify-content:flex-start;max-width:1200px;margin:0 auto;padding:1.5rem 1rem;gap:.75rem}.logo{font-weight:800;font-size:1.1rem;color:var(--color-azul-oscuro)}.navegacion-principal ul,.navegacion-pie ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}.navegacion-principal a{color:var(--color-negro);position:relative;transition:color .18s ease}.navegacion-principal a:after{content:"";position:absolute;left:0;bottom:-.15rem;width:0;height:2px;background:var(--color-azul);transition:width .18s ease}.navegacion-principal a:hover{color:var(--color-azul)}.navegacion-principal a:hover:after{width:100%}.tiene-submenu{position:relative}.navegacion-principal .submenu-servicios{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-blanco);border:none;border-bottom:1px solid var(--color-gris-claro);padding:.35rem .25rem;margin:0;list-style:none;display:none;z-index:30}.navegacion-principal .submenu-servicios li a{display:block;padding:.45rem .8rem;color:var(--color-negro);font-size:.95rem}.navegacion-principal .submenu-servicios li a:hover{color:var(--color-azul)}.submenu-servicios .tiene-submenu-nivel2{position:relative}.submenu-servicios .submenu-servicios-nivel2{position:absolute;top:0;left:100%;min-width:220px;background:var(--color-blanco);padding:.35rem .25rem;margin:0;list-style:none;display:none;z-index:30}.submenu-servicios .submenu-servicios-nivel2 li a{display:block;padding:.45rem .8rem;color:var(--color-negro);font-size:.95rem}.submenu-servicios .submenu-servicios-nivel2 li a:hover{color:var(--color-azul)}.logo-img{height:72px;width:auto;display:block}.boton-menu{display:none;background:#fff;color:var(--color-azul-oscuro);border:1px solid var(--color-gris-claro);padding:.4rem .5rem;box-shadow:0 4px 12px #00000014;font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.boton-menu:hover{background:#f3f4f6;box-shadow:0 6px 18px #0000001f;transform:translateY(-1px)}.hero{position:relative;color:#fff;padding:13rem 1rem;background:linear-gradient(180deg,#0e2040d9,#0e2040b3),url(/img/fondo_inicio.webp);background-size:cover;background-position:center}.hero-contenido{max-width:1000px;margin:0 auto;text-align:center}.hero h1{font-size:3rem;line-height:1.15;margin:0 0 .75rem}.hero p{font-size:1.1rem;max-width:720px;margin:0 auto}.boton-cta{display:inline-block;margin-top:1.25rem;background:var(--color-acento);color:#fff;padding:.9rem 1.2rem;border-radius:10px;font-weight:800;box-shadow:0 8px 24px #00000040;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.boton-cta:hover{background:var(--color-gris-claro);transform:translateY(-1px);box-shadow:0 10px 30px #0000004d}.seccion-catalogo{padding:2.5rem 1rem;max-width:1400px;margin:0 auto}.seccion-catalogo h2{font-size:1.6rem;margin-bottom:1rem;text-align:center}.buscador-maquinaria{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.buscador-maquinaria{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;justify-items:center;align-items:center}.buscador-maquinaria input{padding:.5rem;border:1px solid var(--color-gris-claro);border-radius:6px;width:100%;max-width:720px}.filtros-tipo{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.filtros-tipo button{background:var(--color-negro);color:#fff;border:none;padding:.5rem .9rem;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px #0003}.filtros-tipo button:hover{background:var(--color-azul-oscuro)}.lista-productos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1200px){.lista-productos{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.lista-productos{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.lista-productos{grid-template-columns:1fr}}.producto-tarjeta{border:1px solid transparent;border-radius:12px;overflow:hidden;background:#fff;box-shadow:none;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.producto-tarjeta:hover{transform:translateY(-4px);box-shadow:0 10px 26px #0000001f}.producto-contenido{padding:1rem;width:100%}.producto-titulo{font-size:1.15rem;margin:0 0 .5rem}.producto-descripcion{color:var(--color-gris)}.boton-solicitar{background:var(--color-azul);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;margin:.75rem auto 0}.boton-solicitar:hover{background:var(--color-azul-oscuro)}.seccion-sobre-nosotros{padding:2.5rem 1rem;max-width:1000px;margin:0 auto;text-align:center}.seccion-sobre-nosotros h2{font-size:1.6rem;margin-bottom:.75rem}.seccion-sobre-nosotros p{color:var(--color-gris);font-size:1.05rem;max-width:800px;margin:0 auto}.seccion-clientes{padding:2.5rem 1rem;max-width:1000px;margin:0 auto}.seccion-clientes h2{font-size:1.6rem;margin-bottom:1rem;text-align:center}.clientes-grid{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.25rem .5rem;max-width:100%;margin:0 auto}.cliente-item{display:flex;align-items:center;justify-content:center;border:1px solid transparent;padding:.75rem;background:#fff}.cliente-item img{display:block;width:100%;height:auto;margin:0 auto;max-width:none}@media(max-width:900px){.clientes-grid{gap:.5rem}.cliente-item img{max-width:180px}.clientes-grid{flex-direction:column;align-items:center}.cliente-item{flex:0 0 auto!important;width:100%!important;max-width:720px!important}.cliente-item img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}}.seccion-contacto{padding:2.5rem 1rem;max-width:1200px;margin:0 auto}#servicios .titulo-seccion,.servicio-tarjeta{text-align:center}.servicio-tarjeta p{max-width:700px;margin:0 auto}.razones{padding:2.5rem 1rem}.razones .titulo-seccion{text-align:center;margin-bottom:1.25rem}.razones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.razon-tarjeta{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:.75rem;text-align:center;overflow:hidden;min-height:360px;box-shadow:0 6px 18px #00000014;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.razon-tarjeta:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}.razon-tarjeta p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;margin:0;background:#0e2040;color:#fff;opacity:0;transform:translateY(20%);transition:opacity .2s ease,transform .2s ease}.razon-tarjeta:hover p,.razon-tarjeta:focus-within p{opacity:1;transform:translateY(0)}.razon-tarjeta:focus{outline:2px solid var(--color-azul);outline-offset:2px}.razon-icono{width:140px;height:140px;margin:0 auto 1rem;display:block}.razon-tarjeta h3{font-size:1.05rem;margin:0 0 .25rem}@media(max-width:1200px){.razones-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.razones-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.razones-grid{grid-template-columns:1fr}}.seccion-contacto h2{font-size:1.6rem;margin-bottom:1rem}.formulario-contacto{display:grid;gap:.75rem}.campo-formulario{display:grid;gap:.25rem}.campo-formulario input,.campo-formulario textarea{padding:.5rem;border:1px solid var(--color-gris-claro);border-radius:6px}.boton-enviar{background:var(--color-azul-oscuro);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer}.boton-enviar:hover{background:var(--color-azul)}.estado-error{color:#b91c1c}.estado-exito{color:#0f766e}.campo-oculto{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contacto-card{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;background:#fff;border:1px solid var(--color-gris-claro);border-radius:12px;overflow:hidden}.contacto-mapa{min-height:380px}.contacto-mapa iframe{width:100%;height:100%;border:0}.contacto-datos{padding:1rem;display:flex;flex-direction:column;justify-content:center}.contacto-info{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}.contacto-item{display:flex;align-items:center;gap:.5rem}.contacto-icon{width:24px;height:24px}.seccion-ubicacion{padding:2.5rem 1rem;max-width:1000px;margin:0 auto}.seccion-ubicacion h2{font-size:1.6rem;margin-bottom:.75rem}.mapa-contenedor iframe{width:100%;height:360px;border:0}.pie{border-top:1px solid var(--color-gris-claro);background:#fff}.pie-contenido{max-width:1200px;margin:0 auto;padding:1.25rem 1rem;color:var(--color-gris)}.whatsapp-flotante{position:fixed;right:1rem;bottom:1rem;display:inline-block;padding:0;border:none;background:transparent;box-shadow:none;z-index:50}.whatsapp-flotante img{display:block;width:70px;height:70px;transition:transform .16s ease,filter .16s ease}.whatsapp-flotante:hover img{transform:translateY(-2px) scale(1.02);filter:brightness(1.05)}@keyframes pageFadeIn{to{opacity:1}}@media(max-width:768px){.boton-menu{display:inline-block;margin-left:auto}.navegacion-principal{position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid var(--color-gris-claro);box-shadow:0 10px 30px #0000001a;opacity:0;transform:translateY(-8px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity .18s ease,transform .18s ease,max-height .22s ease}.navegacion-principal.activo{opacity:1;transform:translateY(0);pointer-events:auto;max-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}.navegacion-principal ul{flex-direction:column;gap:.25rem;padding:.75rem 1.25rem}.navegacion-principal li{padding:.15rem 0;transition:background-color .14s ease}.navegacion-principal li a{display:block;padding:.5rem .25rem}.navegacion-principal li:hover{background:#f3f4f6}.tiene-submenu>a,.tiene-submenu-nivel2>a{padding-right:1.2rem}.tiene-submenu>a:before,.tiene-submenu-nivel2>a:before{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--color-azul-oscuro)}.tiene-submenu{position:static}.navegacion-principal .submenu-servicios{position:static;border:none;box-shadow:none;padding:.15rem 0 .5rem;margin-top:0;background:#fff;display:none}.navegacion-principal .submenu-servicios li a{padding-left:.9rem;font-size:.95rem}.tiene-submenu.submenu-abierto .submenu-servicios{display:block}.tiene-submenu.submenu-abierto>a:before,.tiene-submenu-nivel2.submenu-abierto>a:before{content:"-";right:.1rem}.submenu-servicios .tiene-submenu-nivel2{position:static}.submenu-servicios .submenu-servicios-nivel2{position:static;border:none;box-shadow:none;padding:.1rem 0 .4rem;margin-top:0;background:#fff;display:none}.submenu-servicios .submenu-servicios-nivel2 li a{padding-left:1.6rem}.tiene-submenu-nivel2.submenu-abierto>.submenu-servicios-nivel2{display:block}.contacto-card{grid-template-columns:1fr}}@media(min-width:769px){.tiene-submenu:hover .submenu-servicios,.tiene-submenu:focus-within .submenu-servicios{display:block}.submenu-servicios .tiene-submenu-nivel2:hover .submenu-servicios-nivel2,.submenu-servicios .tiene-submenu-nivel2:focus-within .submenu-servicios-nivel2{display:block}.submenu-servicios .submenu-servicios-nivel2{top:-.35rem;left:100%;margin-left:0}.navegacion-principal{flex:1}.navegacion-principal ul{justify-content:center}.tiene-submenu>a{padding-right:1.2rem}.tiene-submenu>a:before{content:"";position:absolute;right:0;top:55%;width:12px;height:12px;transform:translateY(-50%) rotate(0);transform-origin:center;background-image:url(/img/flecha_abajo_icon.webp);background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .16s ease}.tiene-submenu:hover>a:before,.tiene-submenu:focus-within>a:before{transform:translateY(-50%) rotate(-90deg)}}#servicios,#catalogo,#contacto{scroll-margin-top:96px}.contenedor{max-width:1400px;margin:0 auto;padding:0 1rem}.seccion{padding:2.5rem 0}.titulo-seccion{font-weight:800;letter-spacing:-.02em}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.navegacion-principal a{font-weight:600}.producto-tarjeta img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;background:#fff}.producto-precio{font-weight:700}.direccion{font-style:normal;color:var(--color-gris)}.boton-primario{background:var(--color-azul);color:#fff;border-radius:8px;padding:.7rem 1rem;border:none}.boton-primario:hover{background:var(--color-azul-oscuro)}html,body,#root{min-height:100%}body{background:#fff;color:#0f172a}.app-contenedor{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.boton-cta{box-shadow:0 1px 2px #00000026}