:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--pointer-x: 50%;--pointer-y: 50%;--scroll-y: 0px}body{margin:0;min-width:320px;min-height:100vh;background-color:#020617}a{text-decoration:none}.page{position:relative;min-height:100vh;background-color:#020617;color:#e5e7eb;overflow-x:hidden}.background-layer{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(56,189,248,.22),transparent 55%),radial-gradient(circle at 10% 0%,rgba(129,140,248,.16),transparent 55%),radial-gradient(circle at 90% 100%,rgba(45,212,191,.16),transparent 60%);mix-blend-mode:screen;opacity:.9;animation:backgroundFloat 14s ease-in-out infinite alternate;z-index:0}.parallax-decor{position:fixed;inset:-20vh 0;pointer-events:none;z-index:1}.parallax-decor-item{position:absolute;width:60vw;height:45vh;border-radius:999px;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.45),transparent 60%),radial-gradient(circle at 100% 100%,rgba(129,140,248,.35),transparent 60%);opacity:.32;filter:blur(4px);transform:translateZ(0)}.parallax-decor-item:nth-child(1){top:5%;left:-15%}.parallax-decor-item:nth-child(2){top:45%;left:40%}.parallax-decor-item:nth-child(3){top:85%;left:-5%}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#020617,#020617);color:#e5e7eb;width:100%;box-sizing:border-box;position:relative;z-index:2;padding-top:4.25rem}.header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.5rem}.brand-mark{height:40px;filter:brightness(0) invert(1)}.nav{display:flex;gap:1.5rem}.nav a{color:#cbd5f5;text-decoration:none;font-size:.95rem;position:relative;padding-bottom:.15rem}.nav a:hover,.nav a.active{color:#fff}.nav a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#a855f7);transition:width .22s ease-out}.nav a:hover:after,.nav a.active:after{width:100%}.lang-switch{display:flex;gap:.25rem;background:#0f172acc;border-radius:999px;padding:.15rem}.lang-pill{border:none;background:transparent;color:#9ca3af;font-size:.75rem;padding:.25rem .6rem;border-radius:999px;cursor:pointer}.lang-pill.active{background:#38bdf8;color:#0f172a}main{flex:1}.hero{position:relative;padding:4.5rem 2rem 3.5rem;min-height:480px;background-image:linear-gradient(120deg,#0f172ae6,#0f172a4d),url(/Banner_oox4.png);background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .25s ease-out}.hero-particles{position:absolute;inset:-20%;pointer-events:none;overflow:hidden;z-index:0}.hero-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background-color:#38bdf8;box-shadow:0 0 18px #38bdf8f2,0 0 40px #3b82f6f2;opacity:1;animation-name:heroParticleMove;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration, 8s);animation-delay:var(--delay, 0s)}@keyframes heroParticleMove{0%{transform:translate3d(var(--start-x),var(--start-y),0) scale(.9);opacity:0}18%{opacity:1}to{transform:translateZ(0) scale(.2);opacity:0}}.hero-content{max-width:720px;margin:16.5rem auto 0;animation:fadeInUp .85s ease-out;will-change:transform}.hero-logo-overlay{position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.hero-logo-mark{height:240px;filter:brightness(0) invert(1);opacity:.85}.hero h1{font-size:2.8rem;margin-bottom:1rem}.hero p{color:#e5e7eb;font-size:1.05rem;text-shadow:0 0 6px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.9)}.hero-actions{margin-top:2rem;display:flex;gap:1rem}.section{position:relative;padding:3rem 2rem;animation:fadeInSoft .9s ease-out;animation-fill-mode:both}.parallax-section{will-change:transform}.section>*{position:relative;z-index:1}.section-alt{background:#0f172acc;overflow:hidden;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}.section h2{margin-bottom:1rem}.section p{max-width:720px;margin:0 auto;color:#cbd5f5;word-break:break-word}#servicios.section{margin-top:1rem;padding:2.5rem 2rem 2.75rem;min-height:0}#servicios.section h2,#servicios.section p{max-width:640px;margin:0 0 1rem;text-align:left}#servicios.section p{margin-bottom:0}.services-background{position:absolute;inset:0;background-image:linear-gradient(to left,transparent 0%,transparent 30%,rgba(2,6,23,.78) 65%,rgba(2,6,23,.96) 82%,#020617 100%),url(/somos_oox4.png);background-size:cover;background-position:center right;background-repeat:no-repeat;opacity:0;pointer-events:none;transition:opacity .4s ease-out;z-index:0}.services-content{max-width:640px;transition:transform .4s ease-out,opacity .4s ease-out}.services-content h3,.services-content h4{margin-top:1.75rem;margin-bottom:.75rem}.services-content ol{margin:.75rem 0 0;padding-left:1.25rem}.services-content ol li{margin-bottom:.75rem}.services-content ol li strong,.services-content ol li span{display:block}.productos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.producto-card{padding:1.5rem;border-radius:.75rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 45px #0f172a40;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out}.producto-logo{height:40px;margin-bottom:.75rem;filter:brightness(0) invert(1)}.producto-logo-tahona{filter:none}.producto-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 22px 60px #0f172ab3;border-color:#38bdf8bf;background:#0f172afa}.contact-form{max-width:720px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1.5rem}.contact-status{margin-top:.75rem;font-size:.9rem}.contact-status-success{color:#4ade80}.contact-status-error{color:#f97373}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}input,select,textarea{padding:.6rem .75rem;border-radius:.5rem;border:1px solid #4b5563;background:#020617;color:#e5e7eb}.backoffice-section{max-width:1120px;margin:0 auto 3rem}.backoffice-table-wrapper{margin-top:1.75rem;overflow-x:auto}.backoffice-table{width:100%;border-collapse:collapse;font-size:.9rem}.backoffice-table th,.backoffice-table td{border-bottom:1px solid rgba(148,163,184,.4);padding:.6rem .75rem;text-align:left}.backoffice-table th{font-weight:500;color:#e5e7eb;white-space:nowrap}.backoffice-table tr:nth-child(2n){background:#0f172ab3}.backoffice-message-cell{max-width:340px;white-space:pre-wrap}.backoffice-status{margin-top:1.5rem;font-size:.9rem;color:#e5e7eb}.backoffice-status-error{color:#f97373}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;cursor:pointer;border:none;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out,color .18s ease-out}.btn-primary{background:#38bdf8;color:#0f172a;box-shadow:0 14px 30px #38bdf859}.btn-secondary{background:transparent;color:#e5e7eb;border:1px solid #64748b}.btn:hover{transform:translateY(-1px) scale(1.02)}.btn-primary:hover{background:#0ea5e9}.btn-secondary:hover{background:#0f172ae6;border-color:#94a3b8}.footer{padding:1.5rem 2rem;font-size:.85rem;color:#9ca3af}.brand-banner{margin-top:2.5rem;padding:1rem 2rem 1.25rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.brand-banner-logo{position:relative;display:inline-flex;align-items:center;justify-content:center}.brand-banner-mark{position:relative;z-index:0;display:block;width:100%;max-width:min(620px,90vw);opacity:0;pointer-events:none}.brand-banner-logo.is-glitching .brand-banner-mark{opacity:0}.brand-frag{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url(/OOX4_SIMBOLO.png);background-repeat:no-repeat;background-position:center;background-size:contain;filter:brightness(0) invert(1) contrast(160%);opacity:1;transition:transform .2s ease-out,opacity .2s ease-out;will-change:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInSoft{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundFloat{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-16px,-12px,0) scale(1.02)}to{transform:translate3d(12px,18px,0) scale(1.03)}}@keyframes logoSliceTop{0%{transform:translateZ(0)}20%{transform:translate3d(-14px,-6px,0)}40%{transform:translate3d(10px,4px,0)}60%{transform:translate3d(-8px,2px,0)}80%,to{transform:translateZ(0)}}@keyframes logoSliceBottom{0%{transform:translateZ(0)}20%{transform:translate3d(12px,4px,0)}40%{transform:translate3d(-10px,-4px,0)}60%{transform:translate3d(8px,-3px,0)}80%,to{transform:translateZ(0)}}@keyframes logoFragMid{0%{transform:translateZ(0)}25%{transform:translate3d(-18px,0,0)}50%{transform:translate3d(12px,0,0)}75%{transform:translate3d(-8px,0,0)}to{transform:translate3d(-8px,0,0)}}@keyframes logoFragTop{0%{transform:translateZ(0)}20%{transform:translate3d(10px,-2px,0)}40%{transform:translate3d(-16px,1px,0)}70%{transform:translate3d(6px,-1px,0)}to{transform:translate3d(6px,-1px,0)}}@keyframes logoFragBottom{0%{transform:translateZ(0)}20%{transform:translate3d(-12px,2px,0)}45%{transform:translate3d(14px,-1px,0)}75%{transform:translate3d(-6px,3px,0)}to{transform:translate3d(-6px,3px,0)}}@keyframes logoFragThinTop{0%{transform:translateZ(0)}30%{transform:translate3d(18px,-2px,0)}60%{transform:translate3d(-22px,1px,0)}to{transform:translate3d(-22px,1px,0)}}@keyframes logoFragThinMid{0%{transform:translateZ(0)}25%{transform:translate3d(-24px,0,0)}55%{transform:translate3d(18px,0,0)}85%{transform:translate3d(-10px,0,0)}to{transform:translate3d(-10px,0,0)}}@keyframes logoFragThinBottom{0%{transform:translateZ(0)}35%{transform:translate3d(20px,2px,0)}65%{transform:translate3d(-18px,-1px,0)}to{transform:translate3d(-18px,-1px,0)}}@media(max-width:640px){.header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1.25rem}.hero{padding:3.75rem 1.5rem 3rem}.hero-content{margin-top:7.25rem}.hero-logo-overlay{display:none}.hero-logo-mark{height:190px}#servicios.section{padding:3rem 1.5rem 3.25rem;min-height:320px}.hero h1{font-size:2.1rem}.hero-actions{flex-direction:column}.section{padding:2.5rem 1.5rem}.section p,.services-content{max-width:100%}.services-content h3,.services-content h4{font-size:1.05rem}.services-content ol li{font-size:.95rem}}