.hero{background-color:#0000;align-items:center;min-height:80vh;padding-top:120px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-bg-shapes{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{filter:blur(80px);z-index:0;border-radius:50%;position:absolute}.shape-1{background-color:var(--color-primary-light);opacity:.6;width:600px;height:600px;top:-200px;right:-100px}.shape-2{opacity:.4;background-color:#fef08a;width:400px;height:400px;bottom:100px;left:-150px}.hero-container{z-index:1;gap:var(--spacing-16);grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative}.hero-title{margin-bottom:var(--spacing-6);font-size:4rem}.hero-title span{color:var(--color-primary)}.hero-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-8);max-width:90%;font-size:1.25rem}.hero-buttons{gap:var(--spacing-4);display:flex}.hero-visual{justify-content:flex-end;display:flex}.hero-image-wrapper{width:100%;max-width:550px;position:relative}.hero-main-img{width:100%;height:auto;box-shadow:var(--shadow-xl);object-fit:cover;aspect-ratio:4/5;border-radius:1.5rem}.floating-badge{-webkit-backdrop-filter:blur(16px);z-index:10;background-color:#0f172ad9;border:1px solid #d4af3733;border-radius:1.5rem;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.badge-top-right{top:10%;right:-10%}.badge-bottom-left{bottom:10%;left:-15%}.badge-icon{font-size:2rem}.badge-text{flex-direction:column;display:flex}.badge-text strong{color:#fff;font-size:1.1rem;line-height:1.2}.badge-text span{color:var(--color-text-light);font-size:.85rem}.badge-stats-row{align-items:center;gap:1.5rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-item strong{font-size:1.8rem;font-family:var(--font-heading-var);color:var(--color-primary);line-height:1}.stat-item span{color:var(--color-text-light);font-size:.85rem;font-weight:500}.stat-divider{background-color:#0000001a;width:1px;height:40px}@media (max-width:992px){.hero-container{text-align:center;padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);grid-template-columns:1fr}.hero-title{font-size:3rem}.hero-subtitle{margin:0 auto var(--spacing-8)}.hero-buttons{justify-content:center}.hero-visual{margin-top:var(--spacing-8);justify-content:center}}@media (max-width:576px){.hero-buttons{flex-direction:column}.hero-title{font-size:2.5rem}.badge-top-right{padding:.8rem 1rem;top:5%;right:-5%}.badge-bottom-left{justify-content:center;width:90%;padding:1rem;bottom:-10%;left:50%;transform:translate(-50%)}.badge-stats-row{gap:1rem}.stat-item strong{font-size:1.5rem}.stat-item span{font-size:.75rem}}
.client-types-section{background-color:#0000;padding:0}.client-types-container{gap:var(--spacing-16);flex-direction:row;width:100%;display:flex}.client-type-card{border-radius:var(--radius-lg);padding:var(--spacing-12) var(--spacing-8);cursor:pointer;flex:1;align-items:center;min-height:400px;transition:flex .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.client-type-card:hover{flex:1.2}.client-type-card:before{content:"";z-index:0;width:100%;height:100%;transition:transform var(--transition-normal);background-position:50%;background-size:cover;position:absolute;top:0;left:0}.client-type-card:after{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.client-type-card.hogar:before{background-image:url(/images/reforma_integral.webp)}.client-type-card.hogar:after{background:linear-gradient(90deg,#0f172ad9 0%,#0f172a33 100%)}.client-type-card.negocio:before{background-image:url(/images/premium_b2b.webp)}.client-type-card.negocio:after{background:linear-gradient(90deg,#0f172ad9 0%,#0f172a33 100%)}.client-type-content{z-index:2;max-width:80%;position:relative}.client-type-card.hogar .client-type-content{color:var(--color-text)}.client-type-card.negocio .client-type-content{color:#fff}.client-type-content h2{margin-bottom:var(--spacing-4);font-size:2.5rem}.client-type-card.negocio .client-type-content h2{color:#fff}.client-type-content p{margin-bottom:var(--spacing-8);font-size:1.125rem}@media (max-width:768px){.client-types-container{flex-direction:column}.client-type-card{min-height:250px;padding:var(--spacing-8) var(--spacing-6)}.client-type-content h2{font-size:2rem}}
.services-section{z-index:1;padding:0;position:relative}.services-header{margin-bottom:var(--spacing-16);max-width:800px;margin-left:auto;margin-right:auto}.services-header h2{margin-bottom:var(--spacing-4);color:var(--color-text-heading);font-size:3rem}.services-header p{color:var(--color-text-light);font-size:1.125rem}.services-showcase{flex-direction:column;gap:4rem;width:100%;display:flex}.service-horizontal-card{border-radius:1.5rem;flex-direction:column;gap:1.5rem;width:100%;display:flex;position:relative}.service-image-wrapper{border:1px solid #ffffff0d;border-radius:1.5rem;width:100%;height:300px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0006}.service-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.service-horizontal-card:hover .service-image-wrapper img{transform:scale(1.05)}.service-image-gradient{z-index:1;background:linear-gradient(90deg,#0a143cd9 0%,#0a143c66 60%,#0000 100%);position:absolute;inset:0}.service-number-overlay{color:#ffffff26;z-index:2;font-family:monospace;font-size:5rem;font-weight:900;line-height:1;position:absolute;top:1rem;left:1.5rem}.service-content-wrapper{z-index:10;border-left:4px solid var(--color-primary);background:var(--color-bg-card);border-radius:1.5rem;flex-direction:column;justify-content:center;padding:2.5rem;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.service-card-title{color:var(--color-text-heading);margin-bottom:1rem;font-size:2rem;line-height:1.2}.service-card-desc{color:var(--color-text-light);margin-bottom:var(--spacing-6);font-size:1.15rem;line-height:1.6}@media (min-width:992px){.services-showcase{gap:6rem}.service-horizontal-card{flex-direction:row;align-items:center;gap:0;height:450px}.service-horizontal-card.row-reverse{flex-direction:row-reverse}.service-image-wrapper{flex:0 0 65%;height:100%}.service-content-wrapper{flex:0 0 45%;height:auto;min-height:70%}.service-horizontal-card.row-normal .service-content-wrapper{margin-left:-10%}.service-horizontal-card.row-reverse .service-content-wrapper{border-left:none;border-right:4px solid var(--color-primary);margin-right:-10%}.service-horizontal-card.row-reverse .service-number-overlay{left:auto;right:1.5rem}.service-horizontal-card.row-reverse .service-image-gradient{background:linear-gradient(270deg,#0a143cd9 0%,#0a143c66 60%,#0000 100%)}}
.odyssey-wrapper{background:0 0;width:100%;padding-top:8rem;position:relative}.odyssey-stops{position:relative}.magic-line{background:linear-gradient(to bottom, transparent 0%, var(--color-primary) 10%, #0ffc 50%, var(--color-primary) 90%, transparent 100%);width:2px;box-shadow:0 0 20px var(--color-primary), 0 0 40px #0ff6;z-index:0;opacity:.6;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.magic-line:after{content:"";width:12px;height:12px;box-shadow:0 0 20px 5px var(--color-primary);background:#fff;border-radius:50%;animation:3s infinite alternate pulseNode;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseNode{0%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.5)}}.odyssey-intro{margin-bottom:6rem}.odyssey-intro h2{margin-top:1rem;margin-bottom:1rem;font-size:3.5rem}.odyssey-intro p{color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:1.2rem}.odyssey-stop{z-index:1;background:0 0;align-items:center;width:100%;padding:4rem 0;display:flex;position:relative;overflow:visible}.odyssey-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;display:grid}.odyssey-content{z-index:10;justify-content:center;display:flex;position:relative}.odyssey-visual{z-index:5;perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}@keyframes magicFloat{0%,to{transform:translateY(0)rotateY(-8deg)rotateX(5deg)}50%{transform:translateY(-20px)rotateY(-4deg)rotateX(2deg)}}.odyssey-image-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:700px;transform-style:preserve-3d;background:#0000001a;border:1px solid #ffffff26;border-radius:12px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;animation:7s ease-in-out infinite magicFloat;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 30px #d4af371a}.odyssey-image-container:hover{border:1px solid #ffffff4d;animation-play-state:paused;transform:rotateY(0)rotateX(0)translateY(-10px)scale(1.02);box-shadow:0 35px 60px -15px #1e3a8acc,0 0 40px #d4af374d}.odyssey-floating-image{border-radius:12px}.odyssey-glow{background:var(--color-primary);filter:blur(40px);opacity:.15;z-index:-1;width:80%;height:40px;transition:opacity .4s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.odyssey-image-container:hover .odyssey-glow{opacity:.4}.odyssey-card{border-left:4px solid var(--color-primary);border-radius:16px;max-width:550px;padding:3rem;box-shadow:0 20px 40px #0006;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0a0f1e66!important}.odyssey-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.badge-small{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;background:#d4af3726;border:1px solid #d4af374d;border-radius:100px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.odyssey-title{color:#fff;margin-bottom:.5rem;font-size:2.8rem;line-height:1.1}.odyssey-client{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.1rem}.odyssey-desc{color:#e2e8f0;margin-bottom:2rem;font-size:1.15rem;line-height:1.7}.odyssey-impact{color:#cbd5e1;background:#ffffff0d;border-left:3px solid #10b981;border-radius:0 8px 8px 0;margin-bottom:2.5rem;padding:1rem 1.5rem;font-size:1rem}.odyssey-btn{padding:1rem 2.5rem;font-size:1.1rem;display:inline-block}@media (max-width:992px){.magic-line{opacity:.3;left:20px;transform:none}.odyssey-grid{grid-template-columns:1fr;gap:3rem}.odyssey-content,.odyssey-visual{order:unset!important}.odyssey-image-container{transform:none}.odyssey-stop{min-height:auto;padding:3rem 0}.odyssey-card{text-align:center;border-left:none;border-top:4px solid var(--color-primary);padding:2rem}.odyssey-badges{justify-content:center}.odyssey-title{font-size:2rem}}