body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.nav-brand .logo{color:#fff;text-decoration:none}.logo-container{align-items:center;display:flex;gap:1rem}.logo-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;width:auto}.logo-text{display:flex;flex-direction:column}.nav-brand h1{font-size:1.8rem;font-weight:700;margin-bottom:.2rem}.nav-brand p{font-size:.9rem;margin:0;opacity:.9}.nav{align-items:center}.nav,.nav-links{display:flex;gap:2rem}.nav-links{list-style:none;margin:0;padding:0}.nav-links a{border-radius:5px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-links a.active,.nav-links a:hover{background:#fff3;transform:translateY(-2px)}.contact-info{align-items:center}.phone a{background:#ffffff1a;border-radius:20px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.phone a:hover{background:#fff3;transform:scale(1.05)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem}.menu-toggle span{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}.menu-toggle.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width:768px){.header .container{position:relative}.nav-brand h1{font-size:1.4rem}.nav-brand p{font-size:.8rem}.menu-toggle{display:flex}.nav{background:linear-gradient(135deg,#1e40af,#2563eb);flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-links{flex-direction:column;gap:0;width:100%}.nav-links li{width:100%}.nav-links a{border-bottom:1px solid #ffffff1a;display:block;padding:1rem;text-align:center}.contact-info{justify-content:center;margin-top:1rem;width:100%}}@media (max-width:480px){.nav-brand h1{font-size:1.2rem}.nav-brand p{display:none}}@media (max-width:768px){.logo-container{gap:.5rem}.logo-image{height:45px}}@media (max-width:480px){.logo-container{gap:.3rem}.logo-image{height:35px}}.footer{background:#1f2937;color:#fff;margin-top:4rem;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{color:#f9fafb;font-size:1.4rem;margin-bottom:1rem}.footer-section h4{color:#e5e7eb;font-size:1.1rem;margin-bottom:.8rem}.footer-section p{color:#d1d5db;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section li{color:#d1d5db;margin-bottom:.5rem;padding-left:0}.contact-item{margin-bottom:1.5rem}.contact-item strong{color:#f9fafb}.footer a{color:#60a5fa;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#93c5fd}.social-links{margin-top:1rem}.footer-bottom{border-top:1px solid #374151;padding-top:1.5rem;text-align:center}.footer-bottom p{color:#9ca3af;font-size:.9rem;margin-bottom:.5rem}.developer-credits{border-top:1px solid #374151;margin-top:1.5rem;padding-top:1rem}.developer-credits p{color:#6b7280;font-size:.85rem;margin-bottom:.3rem}.developer-credits strong{color:#e5e7eb}.developer-credits a{color:#60a5fa;font-weight:500;text-decoration:none}.developer-credits a:hover{color:#93c5fd;text-decoration:underline}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-section{text-align:center}.footer-section h3{font-size:1.2rem}.footer-section h4{font-size:1rem}}@media (max-width:480px){.footer-section h3{font-size:1.1rem}.contact-item p{font-size:.9rem}}.floating-buttons{bottom:20px;display:flex;flex-direction:column;gap:15px;position:fixed;right:20px;z-index:1000}.floating-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 16px #0003;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.floating-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.floating-btn:active{transform:translateY(-1px)}.whatsapp-btn{animation:pulse-whatsapp 2s infinite;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.scroll-top-btn{animation:fadeInUp .3s ease;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.scroll-top-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}@keyframes pulse-whatsapp{0%{box-shadow:0 4px 16px #0003,0 0 0 0 #25d366b3}70%{box-shadow:0 4px 16px #0003,0 0 0 10px #25d36600}to{box-shadow:0 4px 16px #0003,0 0 0 0 #25d36600}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-btn:before{background:#000c;border-radius:6px;color:#fff;content:attr(title);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:8px 12px;right:70px;white-space:nowrap}.floating-btn:after,.floating-btn:before{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden}.floating-btn:after{border:6px solid #0000;border-left-color:#000c;content:"";right:60px}.floating-btn:hover:after,.floating-btn:hover:before{opacity:1;visibility:visible}@media (max-width:768px){.floating-buttons{bottom:15px;gap:12px;right:15px}.floating-btn{height:50px;width:50px}.floating-btn svg{height:20px;width:20px}.floating-btn:after,.floating-btn:before{display:none}}@media (max-width:480px){.floating-buttons{bottom:10px;right:10px}.floating-btn{height:45px;width:45px}.floating-btn svg{height:18px;width:18px}}.floating-btn:focus{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.floating-btn{transition:none}@keyframes pulse-whatsapp{0%,to{box-shadow:0 4px 16px #0003}}@keyframes fadeInUp{0%,to{opacity:1;transform:translateY(0)}}}.home{margin:0}.hero{background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#1d4ed8);color:#fff;padding:5rem 0;text-align:center}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.3rem;margin-bottom:1rem;opacity:.9}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.services{background:#f8fafc;padding:4rem 0}.services h2{color:#1e40af;font-size:2.5rem;margin-bottom:3rem;text-align:center}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.service-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{color:#1e40af;font-size:1.4rem;margin-bottom:1rem}.service-card p{color:#64748b;line-height:1.6}.why-choose-us{padding:4rem 0}.why-choose-us h2{color:#1e40af;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature{background:#fff;border-left:4px solid #2563eb;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s ease}.feature:hover{transform:translateX(5px)}.feature h4{color:#1e40af;font-size:1.2rem;margin-bottom:.5rem}.feature p{color:#64748b;line-height:1.5}.contact-cta{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:4rem 0;text-align:center}.contact-cta h2{font-size:2.2rem;margin-bottom:1rem}.contact-cta>.container>p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.contact-info{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:2rem}.contact-item{text-align:center}.contact-item h4{font-size:1.2rem;margin-bottom:.5rem}.contact-item a{color:#fff;font-weight:500;text-decoration:none}.contact-item a:hover{text-decoration:underline}@media (max-width:768px){.hero{padding:3rem 0}.hero-content h1{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.services{padding:3rem 0}.services h2{font-size:2rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:1.5rem}.why-choose-us{padding:3rem 0}.why-choose-us h2{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.contact-cta{padding:3rem 0}.contact-cta h2{font-size:1.8rem}.contact-info{flex-direction:column;gap:2rem}}@media (max-width:480px){.hero-content h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}.service-card{padding:1.2rem}.service-icon{font-size:2.5rem}}.about{margin:0}.about-hero{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:4rem 0;text-align:center}.about-hero h1{font-size:2.8rem;font-weight:700;margin-bottom:.5rem}.about-hero p{font-size:1.2rem;opacity:.9}.company-profile{background:#f8fafc;padding:4rem 0}.profile-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:2fr 1fr}.profile-text h2{color:#1e40af;font-size:2.2rem;margin-bottom:1.5rem}.profile-text p{color:#64748b;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.company-stats{display:flex;flex-wrap:wrap;gap:2rem}.stat{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:120px;padding:1.5rem;text-align:center}.stat h3{color:#2563eb;font-size:2rem;margin-bottom:.5rem}.stat p{color:#64748b;font-size:.9rem;margin:0}.profile-image{display:flex;justify-content:center}.image-placeholder{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px;max-width:300px;padding:3rem;text-align:center;width:100%}.image-placeholder h3{color:#2563eb;font-size:4rem;margin-bottom:1rem}.image-placeholder p{color:#2563eb;font-weight:500}.philosophy{padding:4rem 0}.philosophy h2{color:#1e40af;font-size:2.5rem;margin-bottom:3rem;text-align:center}.philosophy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.philosophy-card{background:#fff;border-left:4px solid #2563eb;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:transform .3s ease}.philosophy-card:hover{transform:translateY(-5px)}.philosophy-card h3{color:#1e40af;font-size:1.3rem;margin-bottom:1rem}.philosophy-card p{color:#64748b;line-height:1.6}.business-reach{background:#f8fafc;padding:4rem 0}.business-reach h2{color:#1e40af;font-size:2.5rem;margin-bottom:3rem;text-align:center}.reach-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.reach-map{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem}.reach-map h3{color:#1e40af;font-size:1.4rem;margin-bottom:1rem}.reach-map ul{list-style:none;padding:0}.reach-map li{color:#64748b;font-size:1.1rem;padding:.5rem 0}.office-locations{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem}.office-locations h3{color:#1e40af;font-size:1.4rem;margin-bottom:1.5rem}.location{margin-bottom:2rem}.location h4{color:#2563eb;font-size:1.1rem;margin-bottom:.5rem}.location p{color:#64748b;margin-bottom:.3rem}.quality-commitment{padding:4rem 0}.quality-commitment h2{color:#1e40af;font-size:2.5rem;margin-bottom:3rem;text-align:center}.quality-points{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quality-point{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.quality-point:hover{transform:translateY(-5px)}.quality-point h3{color:#2563eb;font-size:1.3rem;margin-bottom:1rem}.quality-point p{color:#64748b;line-height:1.6}.about-contact{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:4rem 0;text-align:center}.about-contact h2{font-size:2.2rem;margin-bottom:1rem}.about-contact p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.contact-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:768px){.about-hero{padding:3rem 0}.about-hero h1{font-size:2.2rem}.about-hero p{font-size:1rem}.company-profile{padding:3rem 0}.profile-content{gap:2rem;grid-template-columns:1fr}.profile-text h2{font-size:1.8rem}.profile-text p{font-size:1rem}.company-stats{justify-content:center}.philosophy{padding:3rem 0}.philosophy h2{font-size:2rem}.philosophy-grid{gap:1.5rem;grid-template-columns:1fr}.business-reach{padding:3rem 0}.business-reach h2{font-size:2rem}.reach-content{gap:2rem;grid-template-columns:1fr}.quality-commitment{padding:3rem 0}.quality-commitment h2{font-size:2rem}.quality-points{gap:1.5rem;grid-template-columns:1fr}.about-contact{padding:3rem 0}.about-contact h2{font-size:1.8rem}.contact-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.about-hero h1{font-size:1.8rem}.profile-text h2{font-size:1.5rem}.image-placeholder{padding:2rem}.image-placeholder h3{font-size:3rem}}.products{margin:0}.products-hero{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:4rem 0;text-align:center}.products-hero h1{font-size:2.8rem;font-weight:700;margin-bottom:.5rem}.products-hero p{font-size:1.2rem;opacity:.9}.category-filter{background:#f8fafc;padding:2rem 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:25px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.filter-btn:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-2px)}.filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.products-grid{padding:4rem 0}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.product-card{background:#fff;border-left:4px solid #0000;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.product-card.wire{border-left-color:#3b82f6}.product-card.fencing{border-left-color:#10b981}.product-card.structural{border-left-color:#f59e0b}.product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.product-header h3{color:#1e40af;flex:1 1;font-size:1.3rem;margin:0}.category-badge{background:#f1f5f9;border-radius:50%;font-size:1.5rem;margin-left:1rem;padding:.5rem}.category-badge.wire{color:#3b82f6}.category-badge.fencing{color:#10b981}.category-badge.structural{color:#f59e0b}.product-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.applications{margin-bottom:1.5rem}.applications h4{color:#374151;font-size:1rem;margin-bottom:.8rem}.applications ul{list-style:none;margin:0;padding:0}.applications li{color:#64748b;margin-bottom:.3rem;padding-left:0}.product-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.inquiry-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.inquiry-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.categories-overview{background:#f8fafc;padding:4rem 0}.categories-overview h2{color:#1e40af;font-size:2.5rem;margin-bottom:3rem;text-align:center}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.category-card:hover{transform:translateY(-5px)}.category-icon{font-size:3rem;margin-bottom:1rem}.category-card h3{color:#1e40af;font-size:1.4rem;margin-bottom:1rem}.category-card>p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.category-card ul{list-style:none;padding:0;text-align:left}.category-card li{color:#64748b;margin-bottom:.5rem;padding-left:0}.brand-partners{padding:4rem 0}.brand-partners h2{color:#1e40af;font-size:2.5rem;margin-bottom:2rem;text-align:center}.brands{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.brand{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#2563eb;font-size:1.2rem;font-weight:700;padding:1.5rem 2rem;transition:transform .3s ease}.brand:hover{transform:scale(1.05)}.brand-partners p{color:#64748b;font-style:italic;text-align:center}.product-inquiry{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:4rem 0;text-align:center}.product-inquiry h2{font-size:2.2rem;margin-bottom:1rem}.product-inquiry p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.inquiry-contact{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.contact-method{text-align:center}.contact-method h3{font-size:1.2rem;margin-bottom:.5rem}.contact-link{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none}.contact-link:hover{text-decoration:underline}@media (max-width:768px){.products-hero{padding:3rem 0}.products-hero h1{font-size:2.2rem}.products-hero p{font-size:1rem}.category-filter{padding:1.5rem 0}.filter-buttons{gap:.5rem}.filter-btn{font-size:.9rem;padding:.6rem 1rem}.products-grid{padding:3rem 0}.grid{gap:1.5rem;grid-template-columns:1fr}.product-card{padding:1.5rem}.product-header{align-items:flex-start;flex-direction:column;gap:.5rem}.category-badge{align-self:flex-end;margin-left:0}.categories-overview{padding:3rem 0}.categories-overview h2{font-size:2rem}.categories-grid{gap:1.5rem;grid-template-columns:1fr}.brand-partners{padding:3rem 0}.brand-partners h2{font-size:2rem}.brands{gap:1rem}.brand{font-size:1rem;padding:1rem 1.5rem}.product-inquiry{padding:3rem 0}.product-inquiry h2{font-size:1.8rem}.inquiry-contact{flex-direction:column;gap:2rem}}@media (max-width:480px){.products-hero h1{font-size:1.8rem}.filter-btn{font-size:.85rem;padding:.5rem .8rem}.product-card{padding:1.2rem}.product-header h3{font-size:1.1rem}.category-icon{font-size:2.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.btn-secondary{background:#f8fafc;border:2px solid #2563eb;color:#2563eb}.btn-secondary:hover{background:#2563eb;color:#fff}@media (max-width:768px){.container{padding:0 15px}.btn{font-size:14px;padding:10px 20px}}
/*# sourceMappingURL=main.6772d4d1.css.map*/