: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:#030712;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:linear-gradient(180deg,#03071233,#030712eb),radial-gradient(circle at 50% 0%,rgba(30,64,175,.12),transparent 42%),#030712;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:.8rem clamp(1.25rem,4vw,4rem);background:#030712d1;border-bottom:1px solid rgba(148,163,184,.14);box-shadow:0 16px 40px #0206172e;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.brand{display:flex;align-items:center;gap:.5rem}.brand-mark{height:42px;filter:brightness(0) invert(1);opacity:.92;transition:transform .25s ease,opacity .25s ease}.brand:hover .brand-mark{transform:translateY(-1px) rotate(-2deg);opacity:1}.nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem)}.nav a{color:#aebbd8;text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.01em;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{--lang-height: 1.55rem;display:flex;align-items:stretch;gap:0;background:#0f172ab8;border:1px solid rgba(148,163,184,.28);border-radius:1.15rem .3rem;corner-shape:bevel;padding:.12rem;overflow:hidden}.lang-pill{border:0;background:transparent;color:#94a3b8;font-size:.75rem;font-weight:600;min-width:2.65rem;height:var(--lang-height);padding:0 .55rem;border-radius:.78rem .2rem;corner-shape:bevel;cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.lang-pill.active{margin:.08rem;height:calc(var(--lang-height) - .16rem);min-width:2.5rem;border-radius:.62rem .14rem;background:linear-gradient(135deg,#38bdf8,#22d3ee);color:#0f172a;box-shadow:0 4px 14px #22d3ee47}.lang-pill:not(.active):hover{color:#fff}main{flex:1}.hero{position:relative;box-sizing:border-box;display:flex;align-items:center;padding:4rem clamp(1.5rem,5vw,5rem) 4.5rem;min-height:min(720px,calc(100vh - 4.25rem));isolation:isolate;background-image:linear-gradient(180deg,#0307128a,#03071224 38%,#030712d6),linear-gradient(90deg,rgba(3,7,18,.66),transparent 48%,rgba(3,7,18,.46)),url(/Banner_oox4.png);background-size:cover;background-position:center 42%;background-repeat:no-repeat;transition:opacity .25s ease-out}.hero:after{content:"";position:absolute;inset:auto 0 0;height:7rem;background:linear-gradient(180deg,transparent,#030712);pointer-events:none;z-index:-1}.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-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(2rem,7vw,8rem);width:min(100%,1240px);margin:3rem auto 0}.hero-content{position:relative;max-width:640px;margin:0;text-align:left;animation:fadeInUp .85s ease-out;will-change:transform}.hero-eyebrow{display:inline-flex;align-items:center;color:#67e8f9;font-size:.7rem;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase}.hero-eyebrow:before{content:"";width:2.25rem;height:2px;margin-right:.7rem;border-radius:999px;background:#67e8f9}.hero-visual{position:relative;display:grid;place-items:center;min-height:470px;animation:fadeInSoft 1.1s .12s ease-out both}.hero-visual-halo{position:absolute;width:min(42vw,540px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.2) 0%,rgba(30,64,175,.1) 35%,transparent 70%);filter:blur(3px);opacity:.9;animation:logoHaloFloat 8s ease-in-out infinite alternate}.hero-visual-halo:before,.hero-visual-halo:after{content:"";position:absolute;inset:13%;border:1px solid rgba(125,211,252,.18);border-radius:50%;transform:rotate(-18deg) scaleX(1.28)}.hero-visual-halo:after{inset:21%;border-color:#818cf82e;transform:rotate(26deg) scaleX(1.32)}.hero-logo-mark{position:relative;z-index:1;width:min(100%,500px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 18px 32px rgba(56,189,248,.28));opacity:.92;animation:logoMarkFloat 7s ease-in-out infinite alternate}.hero h1{max-width:650px;margin:1.25rem 0;color:#f8fafc;font-size:clamp(2.8rem,5.2vw,5.2rem);line-height:.96;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 10px 30px rgba(2,6,23,.42)}.hero p{max-width:540px;margin:0;color:#dbeafe;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.75;text-shadow:0 0 6px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.9)}.hero-actions{justify-content:flex-start;margin-top:2.2rem;display:flex;align-items:center;gap:0}.hero-actions .btn{position:relative;min-width:clamp(12rem,15vw,15rem);--button-height: 3rem;height:var(--button-height);min-height:var(--button-height);padding-inline:1.7rem;--corner-large: 2.25rem;--corner-small: .75rem;border-radius:var(--corner-large) var(--corner-small) var(--corner-large) var(--corner-small);corner-shape:bevel bevel bevel bevel;transform-origin:center;will-change:transform}.hero-actions .btn-primary,.hero-actions .btn-secondary{transform:none}.hero-actions .btn-primary{z-index:2}.hero-actions .btn-secondary{z-index:1;transform:translate(-2rem,calc(var(--button-height) / 2 + 1rem))}.section{position:relative;padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,5rem);animation:fadeInSoft .9s ease-out;animation-fill-mode:both}.parallax-section{will-change:transform}.section>*{position:relative;z-index:1}.section-alt{background:linear-gradient(135deg,#0f172aeb,#081327cc),radial-gradient(circle at 80% 20%,rgba(56,189,248,.12),transparent 38%);border-block:1px solid rgba(148,163,184,.12);overflow:hidden}.section h2{color:#f8fafc;font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.035em;margin-bottom:1.25rem}.section p{max-width:760px;margin:0 auto;color:#b8c7e5;line-height:1.75;word-break:break-word}#servicios.section{margin-top:0;padding:clamp(4.5rem,8vw,7rem) clamp(1.5rem,5vw,5rem);min-height:0}#servicios.section h2,#servicios.section p{max-width:700px;margin:0 0 1.15rem;text-align:left}#servicios.section h2:after,#productos.section h2:after,#sobre.section h2:after,#contacto.section h2:after{content:"";display:block;width:3.5rem;height:3px;margin-top:1rem;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#818cf8)}#productos.section h2:after,#sobre.section h2:after,#contacto.section h2:after{margin-inline:auto}#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:.08;pointer-events:none;transition:opacity .4s ease-out;z-index:0}.services-content{max-width:700px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(125,211,252,.16);border-radius:1.5rem 0;corner-shape:bevel square bevel square;background:linear-gradient(135deg,#030712db,#08142d94);box-shadow:0 24px 70px #02061752,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .4s ease-out,opacity .4s ease-out}.services-content h3,.services-content h4{color:#f8fafc;margin-top:2rem;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(3,minmax(0,1fr));gap:1.25rem;max-width:1180px;margin:2.25rem auto 0}.producto-card{position:relative;min-height:280px;padding:1.75rem;border-radius:1.25rem 0;corner-shape:bevel square bevel square;background:linear-gradient(160deg,#0f172af0,#070f1fe6);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 45px #02061747;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out}.producto-logo{height:42px;margin-bottom:1rem;filter:brightness(0) invert(1)}.producto-logo-tahona{filter:none}.producto-card:hover{transform:translateY(-8px);box-shadow:0 26px 65px #02061794,0 0 0 1px #38bdf82e;border-color:#38bdf88f;background:linear-gradient(160deg,#112342fa,#070f1ff5)}.producto-card h3{margin:0 0 .65rem;color:#f8fafc;font-size:1.3rem}.producto-card p{margin:0;color:#aebbd8;line-height:1.7}#sobre.section{text-align:center;background:radial-gradient(circle at 50% 15%,rgba(30,64,175,.16),transparent 48%)}#sobre.section p{max-width:760px}#productos.section h2,#sobre.section h2,#contacto.section h2{text-align:center}.contact-form{max-width:860px;margin:2.25rem auto 0;padding:clamp(1.25rem,4vw,2.25rem);border:1px solid rgba(148,163,184,.18);border-radius:1.5rem 0;corner-shape:bevel square bevel square;background:linear-gradient(145deg,#0f172ac7,#030712b8);box-shadow:0 24px 70px #0206174d,inset 0 1px #ffffff0a;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:.8rem .9rem;border-radius:.7rem;border:1px solid rgba(148,163,184,.34);background:#020617b8;color:#e5e7eb;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#38bdf8;background:#020617eb;box-shadow:0 0 0 3px #38bdf824}.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;min-height:3rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:650;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:linear-gradient(135deg,#38bdf8,#22d3ee);color:#0f172a;box-shadow:0 14px 30px #38bdf859}.btn-secondary{background:transparent;color:#e5e7eb;border:1px solid rgba(186,230,253,.4);background:#08142d33}.contact-submit,.contact-form input,.contact-form select,.contact-form textarea{border-radius:0;corner-shape:square}.btn:hover,.hero-actions .btn-primary:hover{transform:translateY(-1px) scale(1.02)}.hero-actions .btn-secondary:hover{transform:translate(-2rem,calc(var(--button-height) / 2 + 1rem)) translateY(-1px) scale(1.02)}.btn-primary:hover{background:linear-gradient(135deg,#22d3ee,#818cf8)}.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 logoHaloFloat{0%{transform:translate3d(-10px,8px,0) scale(.96)}to{transform:translate3d(14px,-12px,0) scale(1.04)}}@keyframes logoMarkFloat{0%{transform:translate3d(0,8px,0) rotate(-1deg)}to{transform:translate3d(0,-10px,0) rotate(1deg)}}@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{min-height:680px;padding:3rem 1.5rem 3.5rem}.hero-layout{grid-template-columns:1fr;gap:0;margin-top:2rem}.hero-visual{order:-1;min-height:270px;margin-bottom:1rem}.hero-logo-mark{width:min(100%,300px)}.hero-visual-halo{width:min(82vw,360px)}.hero-content{max-width:560px;margin:0 auto;text-align:center}.hero-eyebrow{font-size:.6rem;letter-spacing:.11em}.hero-eyebrow:before{width:1.4rem;margin-right:.5rem}.hero h1{margin-top:1rem;font-size:clamp(2.55rem,11vw,3.6rem)}.hero p{margin-inline:auto}.hero-actions{justify-content:center;flex-direction:column;align-items:stretch;max-width:320px;margin-inline:auto;gap:.35rem}.hero-actions .btn{width:100%}.hero-actions .btn-primary{margin-right:0;transform:none}.hero-actions .btn-secondary,.hero-actions .btn-primary:hover,.hero-actions .btn-secondary:hover{transform:translateY(-1px) scale(1.02)}.hero-actions .btn-secondary{transform:none}.section{padding:2.5rem 1.5rem}.section p{max-width:100%}.services-content{max-width:100%;padding:1.5rem}.services-content h3,.services-content h4{font-size:1.05rem}.services-content ol li{font-size:.95rem}.contact-form{border-radius:1.15rem 0;corner-shape:bevel square bevel square}}@media(min-width:641px)and (max-width:980px){.header{padding-inline:1.25rem}.nav{gap:.9rem}.productos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.productos-grid{grid-template-columns:1fr}.producto-card{min-height:0}}