@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@700;800;900&display=swap";:root{--bg-primary: #0A0E17;--bg-secondary: #111827;--bg-elevated: #1F2937;--bg-card: #161E2E;--accent-orange: #F97316;--accent-amber: #F59E0B;--accent-orange-glow: rgba(249, 115, 22, .25);--accent-amber-glow: rgba(245, 158, 11, .15);--steel-blue: #3B82F6;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border-default: #374151;--border-accent: rgba(249, 115, 22, .3);--font-heading: "Montserrat", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 120px;--container-max: 1200px;--header-height: 72px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .6), 0 0 20px var(--accent-orange-glow);--shadow-glow-orange: 0 0 30px var(--accent-orange-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:var(--header-height)}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-secondary);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);line-height:1.15;font-weight:800}h1{font-size:clamp(2.4rem,5vw,4.2rem)}h2{font-size:clamp(1.8rem,3.5vw,3rem)}h3{font-size:clamp(1.3rem,2vw,1.75rem)}h4{font-size:clamp(1.1rem,1.5vw,1.33rem)}p{font-size:clamp(.95rem,1.1vw,1.1rem);max-width:65ch}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-lg)}.section{padding-block:var(--space-5xl);position:relative}.section-label{font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-orange);margin-bottom:var(--space-md);display:block}.section-title{margin-bottom:var(--space-lg)}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:50ch}.diagonal-sep{position:relative}.diagonal-sep:after{content:"";position:absolute;bottom:-40px;left:0;width:100%;height:80px;background:inherit;clip-path:polygon(0 0,100% 40%,100% 100%,0 100%);z-index:1}.grain-overlay:before{content:"";position:fixed;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);display:flex;align-items:center;background:#0a0e17d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-default);transition:background var(--duration-normal) var(--ease-smooth)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-orange),var(--accent-amber));display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:1.4rem;color:var(--bg-primary);clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%)}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--text-primary);letter-spacing:1px}.logo-text span{color:var(--accent-orange)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-smooth);cursor:pointer;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-orange);transition:width var(--duration-normal) var(--ease-spring)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a:focus-visible:after{width:100%}.header-ctas{display:flex;align-items:center;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;font-family:var(--font-body);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent-orange),#E86508);color:#fff;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:10px 28px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-orange)}.btn-whatsapp{background:#25d366;color:#fff;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:10px 28px}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 0 20px #25d3664d}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-default);padding:10px 24px}.btn-outline:hover{border-color:var(--accent-orange);color:var(--accent-orange);transform:translateY(-1px)}.btn svg,.btn-icon{width:18px;height:18px;flex-shrink:0}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.menu-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);margin:5px 0;transition:all var(--duration-normal) var(--ease-smooth)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0e17eb,#0a0e17bf 40%,#0a0e178c)}.hero-content{position:relative;z-index:2;padding-top:var(--header-height)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 16px;background:#f973161a;border:1px solid var(--border-accent);font-size:.75rem;font-weight:600;color:var(--accent-orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-xl)}.hero-badge:before{content:"";width:6px;height:6px;background:var(--accent-orange);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.hero h1{margin-bottom:var(--space-lg);max-width:14ch}.hero h1 .highlight{color:var(--accent-orange);position:relative}.hero-description{font-size:1.15rem;color:var(--text-secondary);max-width:45ch;margin-bottom:var(--space-2xl);line-height:1.7}.hero-ctas{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-3xl);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-default)}.hero-stat .stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--accent-orange)}.hero-stat .stat-label{font-size:.8rem;color:var(--text-muted);margin-top:2px}.hero-geometric{position:absolute;right:-5%;top:15%;width:500px;height:500px;border:1px solid rgba(249,115,22,.08);transform:rotate(45deg);z-index:1}.hero-geometric:before{content:"";position:absolute;inset:40px;border:1px solid rgba(249,115,22,.05)}.products{background:var(--bg-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.product-card{position:relative;background:var(--bg-card);border:1px solid var(--border-default);overflow:hidden;cursor:pointer;transition:all var(--duration-slow) var(--ease-spring)}.product-card:hover{border-color:var(--accent-orange);transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.product-card-image{position:relative;height:220px;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--bg-card),transparent)}.product-card-body{padding:var(--space-lg)}.product-card-body h3{margin-bottom:var(--space-sm)}.product-card-body p{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-md)}.product-tag{display:inline-block;padding:4px 10px;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent-orange);background:var(--accent-orange-glow);margin-right:var(--space-sm);margin-bottom:var(--space-sm)}.cement-brands{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-md)}.cement-brand{font-family:var(--font-heading);font-weight:700;font-size:.85rem;color:var(--text-muted);padding:6px 12px;border:1px solid var(--border-default);transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer}.cement-brand:hover{color:var(--accent-orange);border-color:var(--accent-orange)}.stats-section{background:var(--bg-primary);position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-orange-glow) 0%,transparent 50%);opacity:.5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);position:relative;z-index:1}.stat-card{text-align:center;padding:var(--space-2xl) var(--space-lg)}.stat-card .stat-value{font-family:var(--font-heading);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;color:var(--accent-orange);line-height:1}.stat-card .stat-unit{font-size:.9rem;color:var(--accent-amber)}.stat-card .stat-desc{font-size:.85rem;color:var(--text-muted);margin-top:var(--space-sm)}.why-section{background:var(--bg-secondary)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.why-card{padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-default);transition:all var(--duration-normal) var(--ease-spring);position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:var(--accent-orange);transition:height var(--duration-slow) var(--ease-smooth)}.why-card:hover{border-color:var(--accent-orange);transform:translateY(-2px)}.why-card:hover:before{height:100%}.why-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-orange-glow);color:var(--accent-orange);margin-bottom:var(--space-md)}.why-icon svg{width:24px;height:24px}.why-card h4{margin-bottom:var(--space-sm)}.why-card p{font-size:.9rem;color:var(--text-muted)}.areas-section{background:var(--bg-primary)}.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);margin-top:var(--space-2xl)}.area-chip{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-default);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-spring);cursor:default}.area-chip:before{content:"";width:8px;height:8px;background:var(--accent-orange);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0}.area-chip:hover{border-color:var(--accent-orange);color:var(--text-primary);transform:translate(4px)}.areas-delivery{margin-top:var(--space-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.areas-delivery-image{overflow:hidden;border:1px solid var(--border-default)}.areas-delivery-image img{width:100%;height:300px;object-fit:cover;transition:transform var(--duration-slow) var(--ease-smooth)}.areas-delivery-image:hover img{transform:scale(1.03)}.areas-delivery-text h3{margin-bottom:var(--space-md)}.areas-delivery-text p{color:var(--text-muted);margin-bottom:var(--space-lg)}.contact-section{background:var(--bg-secondary)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-top:var(--space-2xl)}.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}.contact-item{display:flex;gap:var(--space-md);align-items:flex-start}.contact-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-orange-glow);color:var(--accent-orange);flex-shrink:0}.contact-icon svg{width:20px;height:20px}.contact-item h4{font-size:.95rem;margin-bottom:4px}.contact-item p{font-size:.9rem;color:var(--text-muted)}.contact-item a{color:var(--accent-orange);transition:color var(--duration-fast) var(--ease-smooth)}.contact-item a:hover{color:var(--accent-amber)}.contact-map{border:1px solid var(--border-default);overflow:hidden;min-height:350px}.contact-map iframe{width:100%;height:100%;min-height:350px;border:none;filter:grayscale(.6) brightness(.7) contrast(1.1)}.site-footer{background:var(--bg-primary);border-top:1px solid var(--border-default);padding-block:var(--space-3xl) var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand .logo{margin-bottom:var(--space-md)}.footer-brand p{font-size:.9rem;color:var(--text-muted);max-width:30ch}.footer-col h4{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent-orange);margin-bottom:var(--space-lg)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col a{font-size:.9rem;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth);cursor:pointer}.footer-col a:hover{color:var(--accent-orange)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.floating-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;padding:var(--space-md);background:#0a0e17e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-default);gap:var(--space-sm)}.floating-cta .btn{flex:1;justify-content:center}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-smooth),transform .6s var(--ease-spring)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media(max-width:1024px){.hero-geometric{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.areas-delivery{grid-template-columns:1fr}}@media(max-width:768px){.nav-links,.header-ctas{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--bg-primary);padding:var(--space-2xl) var(--space-lg);gap:var(--space-xl);z-index:999}.nav-links.open a{font-size:1.2rem;color:var(--text-primary)}.hero h1{max-width:100%}.hero-stats{flex-direction:column;gap:var(--space-lg)}.hero-stats .hero-stat{display:flex;align-items:baseline;gap:var(--space-md)}.products-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.contact-grid,.footer-grid{grid-template-columns:1fr}.areas-grid{grid-template-columns:repeat(2,1fr)}.floating-cta{display:flex}.section{padding-block:var(--space-3xl)}}@media(max-width:480px){.areas-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--accent-orange);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--accent-orange);color:var(--bg-primary);font-weight:600;z-index:10000;transition:top var(--duration-fast) var(--ease-smooth)}.skip-link:focus{top:8px}