:root{--color-primary: #2C3A47;--color-secondary: #F39C12;--color-kintsugi: #D4AF37;--color-background-light: #F4F4F4;--color-background-dark: var(--color-primary);--color-text-light: #F4F4F4;--color-text-dark: #1E272E;--color-text-muted: #8395A7;--font-display: "Bebas Neue", sans-serif;--font-text: "Montserrat", sans-serif;--spacing-unit: 16px;--max-width: 1100px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-text);line-height:1.6;color:var(--color-text-dark);background-color:var(--color-primary);background-image:url(/assets/dark-concrete-DOf-PsFE.jpg);background-blend-mode:overlay;background-attachment:fixed;background-size:cover;cursor:none}.custom-cursor{position:fixed;width:20px;height:20px;background-color:var(--color-kintsugi);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .1s ease;mix-blend-mode:difference}.custom-cursor.expand{transform:scale(2)}.reveal-text{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1.2s cubic-bezier(.25,1,.5,1)}.reveal-text.in-view{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-unit)}.hero-section{height:100vh;display:flex;align-items:center;position:relative;color:var(--color-text-light);overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(30,39,46,.8) 100%);z-index:2}.hero-container{position:relative;z-index:3;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-unit);width:100%}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;text-align:left;max-width:800px;padding:calc(var(--spacing-unit) * 2) 0}.barber-pole-inline{position:relative;display:inline-block;width:4px;height:1em;margin-right:8px;background:linear-gradient(45deg,#fff,#fff 25%,#007bff 25%,#007bff 50%,#dc3545 50%,#dc3545 75%,#fff 75%,#fff);background-size:4px 2em;border-radius:2px;animation:barber-pole-move-inline 3s linear infinite;opacity:.9;vertical-align:baseline}.barber-pole-ball-inline{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:6px;height:6px;background:linear-gradient(145deg,#dc3545,#b02a37);border-radius:50%;opacity:.8}.barber-pole-ball-inline:after{content:"";position:absolute;top:.5px;left:.5px;width:5px;height:5px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:50%;opacity:.7}@keyframes barber-pole-move-inline{0%{background-position:0 0}to{background-position:0 -2em}}.hero-descriptor{font-family:var(--font-text);font-size:clamp(.875rem,1.5vw,1rem);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--color-kintsugi);margin-bottom:calc(var(--spacing-unit) * 1);opacity:.95}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,8vw,6.5rem);font-weight:400;line-height:1.1;letter-spacing:-3px;text-transform:uppercase;margin-bottom:calc(var(--spacing-unit) * 1.2);color:var(--color-text-light)}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--color-text-light);opacity:.9;max-width:600px}.cta-primary{display:inline-block;background-color:var(--color-secondary);color:var(--color-text-dark);font-family:var(--font-text);font-weight:600;font-size:1.1rem;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);text-decoration:none;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.cta-primary:hover{background-color:#e67e22;transform:translateY(-2px);box-shadow:0 8px 25px #f39c124d,0 0 25px #f39c1280}.magnetic-button{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.magnetic-button.magnetic-active{transform:translate(var(--x),var(--y)) scale(1.05)}.promise-section{padding:calc(var(--spacing-unit) * 6) 0;background-color:#fff;background-image:url(/assets/Logo%20mejorado%20calidad-BmiNuQd-.png);background-repeat:no-repeat;background-position:center;background-size:1100px auto;opacity:.9;position:relative}.promise-title-card{display:flex;justify-content:center;margin-bottom:calc(var(--spacing-unit) * 4);position:relative;z-index:2}.promise-title-card h2{background:#ffffff08;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);box-shadow:0 4px 20px #0000000a,inset 0 1px #ffffff0a;color:var(--color-primary);margin:0;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.promise-title-card:hover h2{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,inset 0 1px #ffffff0f,0 0 25px #d4af3714;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d}.promise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 3);position:relative;z-index:2}.promise-card{text-align:center;padding:calc(var(--spacing-unit) * 2);border-radius:16px;position:relative;z-index:2;transition:all .4s cubic-bezier(.25,.46,.45,.94);background:#ffffff03;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.04);box-shadow:0 2px 8px #00000008,inset 0 1px #ffffff05}.promise-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 6px 12px #0000000d,inset 0 1px #ffffff0d,0 0 15px #d4af370d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff05}.promise-card:hover .promise-glyph{transform:scale(1.1)}.promise-glyph{width:60px;height:60px;margin:0 auto calc(var(--spacing-unit) * 1.5) auto;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease-in-out}.glyph-1{background-image:url(/assets/Maestria-BBZRwBeO.png)}.glyph-2{background-image:url(/assets/Tu%20tiempo-CRl42EAT.png)}.glyph-3{background-image:url(/assets/Confianza-BdY5myha.png)}.promise-title{font-family:var(--font-display);text-transform:uppercase}.promise-text{color:#000;line-height:1.6}.story-section{position:relative;background-color:var(--color-primary);color:var(--color-text-light)}.story-sticky-container{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-canvas,.story-text-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.story-canvas{z-index:1}.story-text-container{z-index:2;pointer-events:none}.story-visual{position:absolute;width:100%;height:100%;opacity:0;transform:scale(1.05);transition:opacity 1s cubic-bezier(.25,.46,.45,.94),transform 1s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.story-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.story-visual.active{opacity:1;transform:scale(1)}.story-visual:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none}.story-text-overlay{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);text-align:center;padding:0 var(--spacing-unit);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10}.story-text-positioned .story-headline{max-width:700px}.story-text-overlay.active{opacity:1;transform:translateY(0)}.story-trigger{height:100vh;width:100%}.story-headline{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5rem);font-weight:400;text-transform:uppercase;letter-spacing:-2px;line-height:1;color:var(--color-text-light);margin:0;background:#00000026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.2);border-left:6px solid var(--color-kintsugi);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #d4af371a;padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 3);position:relative}.story-headline:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,var(--color-kintsugi) 0%,rgba(212,175,55,.7) 50%,var(--color-kintsugi) 100%);opacity:.4;border-radius:0 3px 3px 0}.story-manifesto{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);align-items:center;text-align:center}.story-manifesto .story-headline{margin-bottom:0;font-size:clamp(2rem,4vw,3.5rem)}.story-promise{font-family:var(--font-text);font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--color-kintsugi);font-style:italic;font-weight:500;background:#0000001f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(212,175,55,.25);border-bottom:2px solid var(--color-kintsugi);border-radius:12px;box-shadow:0 6px 24px #00000040,0 0 0 1px #ffffff14,inset 0 1px #d4af370d;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);display:inline-block;margin-bottom:calc(var(--spacing-unit) * 2)}.story-transition{font-family:var(--font-text);font-size:clamp(1rem,2vw,1.3rem);color:var(--color-text-light);font-weight:400;line-height:1.6;background:#0000001a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(212,175,55,.18);border-top:1px solid rgba(212,175,55,.3);border-radius:10px;box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff0f;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);display:inline-block}.services-section{padding:calc(var(--spacing-unit) * 6) 0;background-color:#fff}.section-title{font-family:var(--font-display);font-size:3.5rem;font-weight:400;text-transform:uppercase;letter-spacing:-1px;text-align:center;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-primary)}.services-subtitle{font-family:var(--font-text);font-size:1.1rem;font-weight:400;line-height:1.6;text-align:center;max-width:700px;margin:0 auto calc(var(--spacing-unit) * 4) auto;color:var(--color-text-muted)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 4)}.service-card{display:flex;padding:0;border-radius:12px;overflow:hidden;position:relative;background-color:transparent;box-shadow:0 5px 20px #2c3a471a;transition:box-shadow .3s ease}.service-card:hover{box-shadow:0 15px 35px #2c3a4726}.service-card-concrete{width:40%;background-color:var(--color-primary);background-image:url(/assets/dark-concrete-DOf-PsFE.jpg);background-blend-mode:overlay;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:var(--spacing-unit);position:relative}.service-name-vertical{font-family:var(--font-display);writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;font-size:2rem;font-weight:400;color:var(--color-text-light);letter-spacing:-1px;margin:0;line-height:1.2}.service-card-info{width:60%;padding:calc(var(--spacing-unit) * 2);background-color:var(--color-background-light);display:flex;flex-direction:column;justify-content:center}.service-card-info .service-description{margin-bottom:calc(var(--spacing-unit) * 1.5)}.service-card-info .service-price{font-size:1.8rem;font-weight:700;color:var(--color-secondary);margin-bottom:calc(var(--spacing-unit) * 1.5)}.service-card-info .cta-primary{align-self:flex-start;padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.5);font-size:.9rem}.service-card:after{content:"";position:absolute;left:40%;top:-100%;width:3px;height:100%;background-color:var(--color-kintsugi);transition:top .6s cubic-bezier(.25,.46,.45,.94);z-index:1}.service-card:hover:after{top:0}.service-description{line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--color-text-muted)}.service-price{font-family:var(--font-text);font-size:2rem;font-weight:700;color:var(--color-secondary)}.services-cta{text-align:center}.cta-secondary{display:inline-block;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);font-family:var(--font-text);font-weight:600;font-size:1.1rem;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2.5);text-decoration:none;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cta-secondary:hover{background-color:var(--color-primary);color:var(--color-text-light);transform:translateY(-2px)}.proof-section{padding:calc(var(--spacing-unit) * 6) 0;position:relative;background-color:var(--color-background-light)}.proof-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/subtle-paper.png);opacity:.2;z-index:0}.gallery{margin-bottom:calc(var(--spacing-unit) * 4)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-unit)}.gallery-item{position:relative;overflow:hidden;border-radius:12px}.gallery-item img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:transform .4s ease;display:block}.gallery-item:hover img{transform:scale(1.1)}.duotone-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-secondary);mix-blend-mode:color;opacity:0;transition:opacity .4s ease;border-radius:12px;pointer-events:none}.gallery-item:hover .duotone-overlay{opacity:.8}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:calc(var(--spacing-unit) * 2);position:relative;z-index:1}.testimonial-card{background-color:#fff;padding:calc(var(--spacing-unit) * 2.5);border-radius:12px;box-shadow:0 5px 20px #2c3a471a;border-left:4px solid var(--color-secondary);transition:transform .6s cubic-bezier(.165,.84,.44,1),box-shadow .6s cubic-bezier(.165,.84,.44,1)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #2c3a4726}.testimonial-highlight{font-family:var(--font-display);font-size:2.5rem;font-weight:400;text-transform:uppercase;line-height:1.1;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--color-primary);position:relative}.testimonial-highlight:before{content:'"';font-size:4rem;position:absolute;left:-20px;top:-10px;color:var(--color-kintsugi);font-family:serif}.testimonial-full-text{font-style:italic;font-size:1rem;line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--color-text-muted)}.testimonial-author{font-family:var(--font-text);font-weight:600;font-size:.9rem;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.5px}.footer{background-color:var(--color-primary);background-image:url(/assets/dark-concrete-DOf-PsFE.jpg);background-blend-mode:overlay;background-size:cover;background-position:center;color:var(--color-text-light);padding:calc(var(--spacing-unit) * 3) 0;position:relative;overflow:visible}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff26;pointer-events:none;z-index:1}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 2);align-items:center;position:relative;z-index:2}.footer-brand-header{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-unit)}.footer-logo-icon{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand h3{font-family:var(--font-text);font-size:1.8rem;margin:0;color:var(--color-secondary)}.footer-contact p{margin-bottom:calc(var(--spacing-unit) * .5)}.footer-logo-container{position:fixed;bottom:20px;right:20px;width:200px;height:200px;z-index:3;pointer-events:none}#footer-logo-3d{width:100%!important;height:100%!important;position:relative;z-index:4}@media (max-width: 768px){.hero-section{height:100vh}.hero-content{min-height:60vh;padding:var(--spacing-unit) 0}.hero-title{font-size:clamp(2.5rem,8vw,4rem);letter-spacing:-1px;margin-bottom:var(--spacing-unit)}.hero-subtitle{font-size:1.1rem;margin-bottom:var(--spacing-unit)}.barber-pole-inline{width:3px;margin-right:6px;background-size:3px 1.8em}.barber-pole-ball-inline{width:5px;height:5px;top:-5px}.barber-pole-ball-inline:after{width:4px;height:4px;top:.5px;left:.5px}.story-section{min-height:300vh}.story-title-main{font-size:clamp(2rem,8vw,3.5rem)}.story-text{font-size:clamp(1.2rem,4vw,1.8rem)}.story-image{width:250px;height:320px}.services-grid,.testimonials{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center;gap:calc(var(--spacing-unit) * 1.5)}.footer-logo-container{width:150px;height:150px;bottom:15px;right:15px}.footer-logo-icon{width:32px;height:32px}.promise-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle,.cta-primary{animation:fadeInUp .8s ease forwards}.hero-subtitle{animation-delay:.2s}.cta-primary{animation-delay:.4s}@media (prefers-reduced-motion: no-preference){.promise-card,.service-card,.testimonial-card{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.promise-card:nth-child(1){animation-delay:.1s}.promise-card:nth-child(2){animation-delay:.2s}.promise-card:nth-child(3){animation-delay:.3s}}