*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;background:#0a0a0a}body{margin:0;min-width:320px;overflow-x:hidden;background:#0a0a0a;color:#111;font-family:Space Grotesk,Arial,Helvetica,sans-serif}img,video,iframe{max-width:100%}.site-nav{position:fixed;top:0;left:0;width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px clamp(20px,5vw,72px);background:#1212129e;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000}.site-nav .brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.08rem;letter-spacing:-.03em}.site-nav ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:clamp(4px,1.6vw,20px)}.site-nav a{color:#ffffffe0;text-decoration:none;padding:10px 8px;white-space:nowrap;transition:color .2s ease,opacity .2s ease}.site-nav a:hover,.site-nav a:focus-visible{color:#fff;outline:none}.menu-toggle{display:none;width:44px;height:44px;padding:9px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:#fff;transition:transform .25s ease,opacity .25s ease}app-home,app-sobre,app-servicios,app-material,app-contacto,app-footer{display:block;width:100%;max-width:100%}.page-stack{position:relative;background:#0a0a0a}.page-layer{position:relative;width:100%;min-height:100vh;min-height:100dvh;margin:0}.page-surface{position:relative;width:100%;min-height:100vh;min-height:100dvh;height:auto;overflow:hidden}.page-layer-home{z-index:1}.page-layer:nth-child(2){z-index:2}.page-layer:nth-child(3){z-index:3}.page-layer:nth-child(4){z-index:4}.page-layer:nth-child(5){z-index:5}.page-surface-home{background:#0a0a0a}.page-surface-light,.page-surface-dark{border-radius:34px 34px 0 0;box-shadow:0 -24px 70px #00000047}.page-surface-light{background:#f5f2eb}.page-surface-dark{background:#111;color:#fff}.page-surface>app-home,.page-surface>app-sobre,.page-surface>app-servicios,.page-surface>app-material,.page-surface>app-contacto{min-height:100vh;min-height:100dvh;will-change:transform}.page-surface:not(.page-surface-home) section{min-height:100vh;min-height:100dvh;height:auto!important;padding:clamp(84px,11vw,150px) clamp(24px,7vw,110px)!important}app-footer{position:relative;z-index:10;background:#0a0a0a}@media (prefers-reduced-motion: reduce){.page-surface>app-home,.page-surface>app-sobre,.page-surface>app-servicios,.page-surface>app-material,.page-surface>app-contacto{transform:none!important}}@media (max-width: 768px){.site-nav{min-height:58px;padding:7px 16px}.menu-toggle{display:block;position:relative;z-index:2}.site-nav ul{position:absolute;top:58px;left:0;width:100%;max-height:0;overflow:hidden;flex-direction:column;gap:0;background:#141414f5;opacity:0;pointer-events:none;transition:max-height .3s ease,opacity .2s ease}.site-nav.menu-open ul{max-height:340px;opacity:1;pointer-events:auto}.site-nav li,.site-nav a:not(.brand){width:100%}.site-nav li a{display:block;padding:15px 24px;text-align:center}.site-nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-nav.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.page-surface-light,.page-surface-dark{border-radius:24px 24px 0 0}}