*{margin:0;padding:0;box-sizing:border-box}:root{--primary-orange: #ff6b00;--orange-dark: #cc5600;--bg-white: #ffffff;--card-bg: #ffffff;--card-shadow: 0 10px 40px rgba(0, 0, 0, .04);--border-radius: 0px;--text-color: #000000;--text-muted: #333333;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: all 1.2s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .3s cubic-bezier(.16, 1, .3, 1)}.primary-orange{color:var(--primary-orange)!important}html{scroll-behavior:smooth}body{background-color:var(--bg-white);color:var(--text-color);font-family:var(--font-family);line-height:1.5;overflow-x:hidden;width:100%}.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 5%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1000;border-bottom:1px solid rgba(255,255,255,0);transition:all .4s ease}.nav-logo{font-weight:800;font-size:1.2rem;color:var(--primary-orange);letter-spacing:-.02em}.nav-links{display:flex;gap:40px}.nav-links a{text-decoration:none;color:#fff;font-size:.75rem;font-weight:300;text-transform:uppercase;letter-spacing:.2em;transition:var(--transition)}.nav-links a:hover{color:var(--primary-orange)}.hero{height:100vh;display:flex;align-items:center;padding-left:8%;background:#000;position:relative;overflow:hidden}.hero-animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-image:linear-gradient(rgba(255,107,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center;transform:perspective(500px) rotateX(45deg);transform-origin:center top;animation:grid-move 20s linear infinite;z-index:1}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 500px}}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero-video{width:100%;height:100%;object-fit:cover;opacity:.7;will-change:transform,opacity;backface-visibility:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0000,#000c);z-index:5}.hero-content{width:100%;position:relative;z-index:10;padding-left:20px}h1#hero-title.animate-letters{font-size:clamp(2.5rem,10vw,10rem);font-weight:200;color:var(--primary-orange)!important;line-height:1.1;letter-spacing:-.05em;display:flex;flex-wrap:wrap;align-items:center;perspective:1000px;z-index:11}.letter{display:inline-block;opacity:0;transform:translate(-300px,100px) rotate(-120deg);animation:arrangeLetter 2.4s cubic-bezier(.16,1,.3,1) forwards}.plus-anim{display:inline-block;opacity:0;margin-left:.2em;font-weight:200;transform:translateY(-500px);animation:dropPlus 2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:2s}.letter:nth-child(1){animation-delay:.1s;transform:translate(-350px,-50px) rotate(45deg)}.letter:nth-child(2){animation-delay:.3s;transform:translate(-300px,80px) rotate(-30deg)}.letter:nth-child(3){animation-delay:.15s;transform:translate(-400px,-20px) rotate(90deg)}.letter:nth-child(4){animation-delay:.4s;transform:translate(-250px,120px) rotate(-15deg)}.letter:nth-child(5){animation-delay:.25s;transform:translate(-450px,-60px) rotate(-60deg)}.letter:nth-child(6){animation-delay:.45s;transform:translate(-300px,40px) rotate(120deg)}.letter:nth-child(7){animation-delay:.2s;transform:translate(-380px,-100px) rotate(15deg)}.letter:nth-child(8){animation-delay:.5s;transform:translate(-280px,60px) rotate(-45deg)}.letter:nth-child(9){animation-delay:.35s;transform:translate(-420px,30px) rotate(75deg)}.letter:nth-child(10){animation-delay:.55s;transform:translate(-310px,-40px) rotate(-90deg)}.letter:nth-child(11){animation-delay:.3s;transform:translate(-390px,90px) rotate(180deg)}@keyframes arrangeLetter{to{opacity:1;transform:translate(0) rotate(0)}}@keyframes dropPlus{to{opacity:1;transform:translateY(0)}}.section{padding:120px 0}.container{max-width:1400px;margin:0 auto;padding:0 60px}.card,.corporate-box{background:var(--card-bg);border-radius:0;padding:80px;border:1px solid #000;text-align:left}.footer{padding:60px 0;background:transparent!important;color:#fff!important;text-align:center;font-size:.8rem;font-weight:300;letter-spacing:.1em;border-top:.5px solid rgba(255,255,255,.1);margin-top:80px}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;margin-bottom:50px;letter-spacing:-.01em;line-height:1;color:#000;text-transform:uppercase}.section-text{font-size:1.1rem;color:#333;font-weight:300;max-width:900px;line-height:2;letter-spacing:.02em}.small-text{font-size:.95rem;line-height:1.6;opacity:.8}.grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);border-top:.5px solid #000}.grid-box{padding:100px 60px;border-right:.5px solid #000;border-bottom:.5px solid #000;background:#fff;transition:var(--transition);position:relative;overflow:hidden}.grid-box:nth-child(2n-1){border-left:.5px solid #000}.title-box{display:flex;align-items:center}.title-box .section-title{margin-bottom:0;font-size:clamp(2.5rem,4vw,3.5rem)}.feature-card:hover,.feature-card:active{background:#000;color:#fff}.feature-card:hover .feature-description,.feature-card:hover .feature-subtitle,.feature-card:hover .feature-link{color:#fff!important}.feature-card:hover .feature-link{border-bottom-color:#ffffff4d}.feature-card:hover .feature-plus,.feature-card:hover .feature-subtitle,.feature-card:hover .feature-description,.feature-card:hover .feature-link,.feature-card:active .feature-plus,.feature-card:active .feature-subtitle,.feature-card:active .feature-description,.feature-card:active .feature-link{color:#fff!important}.feature-plus{font-size:1.2rem;font-weight:300;margin-bottom:30px;letter-spacing:.1em;text-transform:uppercase}.feature-plus.blue,.feature-plus.orange,.feature-plus.green{color:var(--primary-orange)}.feature-subtitle{font-size:1.4rem;font-weight:400;margin-bottom:20px;color:#000}.feature-description{font-size:.95rem;color:#333;margin-bottom:40px;line-height:1.8;font-weight:300}.feature-link{text-decoration:none;font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-top:auto;color:#000!important;border-bottom:1px solid rgba(0,0,0,.1);width:fit-content;padding-bottom:5px}.feature-link:hover{opacity:.7}#contacto{background-image:linear-gradient(#00000080,#000000b3),url(/contact-bg.png);background-size:cover;background-position:center;background-attachment:fixed;padding:150px 0 0}#contacto .section-title{color:var(--primary-orange)!important;font-size:clamp(3rem,10vw,8rem);font-weight:200;margin-bottom:50px;letter-spacing:-.05em;text-align:center}#contacto .section-text{color:#ffffffb3;text-align:center;margin-bottom:80px}.contact-card{max-width:900px;margin:0 auto;background:transparent;padding:0;border:none}.contact-form{display:flex;flex-direction:column;gap:25px;max-width:600px;margin:0 auto;width:100%}.form-group{position:relative;width:100%}.form-group input,.form-group textarea{width:100%;padding:15px 0;background:transparent;border:none;border-bottom:.5px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font-family);font-size:1rem;line-height:1.5;font-weight:300;transition:var(--transition);border-radius:0;overflow:hidden}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--primary-orange)}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6;text-transform:uppercase;font-size:.75rem;letter-spacing:.2em}.cta-btn{align-self:center;padding:20px 60px;background:transparent;border:1px solid var(--primary-orange);color:var(--primary-orange);font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.3em;transition:all .6s cubic-bezier(.16,1,.3,1);cursor:pointer;border-radius:0;margin-top:40px}.cta-btn:hover,.cta-btn:active{background:var(--primary-orange);color:#000;transform:translateY(-5px)}.cta-btn:active{transform:translateY(0) scale(.95);transition:.1s}.btn-primary{background:#000;color:#fff;border:none;padding:25px 60px;border-radius:0;font-weight:400;font-size:.85rem;text-transform:uppercase;letter-spacing:.4em;cursor:pointer;transition:var(--transition);margin-top:40px}.btn-primary:hover{background:var(--primary-orange);color:#fff}.floating-actions{position:fixed;bottom:40px;right:40px;display:flex;flex-direction:column;gap:15px;z-index:1001}.floating-btn{width:60px;height:60px;border-radius:0;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--primary-orange)!important;text-decoration:none;border:1.5px solid var(--primary-orange);transition:var(--transition-fast)}.floating-btn:hover,.floating-btn:active{background-color:var(--primary-orange);border-color:var(--primary-orange);color:#000!important;transform:scale(1.1) rotate(5deg)}.floating-btn:active{transform:scale(.9);transition:all .1s ease}.floating-btn.white-hover:hover{border-color:#fff!important;color:#fff!important}.floating-btn svg{width:28px;height:28px;fill:currentColor}.whatsapp,.instagram,.email{background-color:transparent!important}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.animate-left{opacity:0;transform:translate(-150px);transition:opacity 1.8s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1)}.grid-box:nth-child(1).fade-in-visible{transition-delay:.1s}.grid-box:nth-child(2).fade-in-visible{transition-delay:.3s}.grid-box:nth-child(3).fade-in-visible{transition-delay:.5s}.grid-box:nth-child(4).fade-in-visible{transition-delay:.7s}.fade-in-visible.animate-left{opacity:1;transform:translate(0)}.contact-form{max-width:100%;gap:15px}@media (max-width: 1400px){h1#hero-title{font-size:8rem}}@media (max-width: 1024px){h1#hero-title{font-size:6rem}.grid-cards{grid-template-columns:1fr 1fr}}@media (max-width: 1400px){.container{padding:0 40px}}@media (max-width: 1024px){.grid-2x2{grid-template-columns:1fr}.grid-box:nth-child(2n-1){border-right:.5px solid #000;border-left:.5px solid #000}.grid-box{border-left:.5px solid #000}}@media (max-width: 768px){.navbar{padding:15px 20px;justify-content:center}.nav-links{display:none!important}.section{padding:60px 0}.container{padding:0 40px}.main-card{padding:30px 15px!important;border:.5px solid #000}.grid-box{padding:40px 20px}.corporate-box{padding:40px 25px!important;border:.5px solid #000}.section-title{font-size:2.2rem;margin-bottom:30px}#contacto{background-attachment:scroll!important;padding:80px 0 0}.section-text{font-size:1rem;line-height:1.4}.small-text{font-size:.85rem}.floating-actions{bottom:25px;right:15px;gap:10px}.floating-btn{width:48px;height:48px}.floating-btn svg{width:22px;height:22px}}
