:root{--blue:#123bb5;--navy:#13223b;--cream:#fffaf0;--yellow:#ffce32;--green:#178445;--muted:#636978;--line:#deded8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--cream)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ef5a32;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.7;color:var(--muted)}h2{font-size:clamp(30px,3.5vw,46px);line-height:1.12;margin-bottom:25px}h3{font-size:23px;letter-spacing:-.035em}button{cursor:pointer}.topbar{background:var(--blue);color:#fff;padding:10px 6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.02em}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--cream)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{display:block;background:var(--blue);color:white;border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);font-size:32px;font-weight:900;width:43px;height:44px;text-align:center;position:relative}.brand-icon span{position:absolute;color:var(--yellow);font-size:19px;right:-8px;bottom:-4px}.brand-name{font-size:27px;font-weight:900;letter-spacing:-1.2px}.brand-name small{display:block;letter-spacing:1px;font-size:7px;margin-top:3px}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a{padding:9px 0;border-bottom:2px solid transparent}nav a:hover,nav .active{color:var(--blue);border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--yellow);border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy);padding:17px 23px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;color:var(--navy)}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--navy)}.button.small{padding:12px 16px;font-size:12px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:610px;overflow:hidden}.hero-copy{padding:77px 3% 65px 11.5%}.availability{font-size:10px;font-weight:800;letter-spacing:1.4px;display:flex;align-items:center;gap:9px;margin-bottom:28px}.availability i{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(52px,6.3vw,90px);line-height:1.01;margin-bottom:24px;font-weight:900;position:relative}.hero h1>span:not(.title-star){color:var(--blue);position:relative}.hero h1>span:not(.title-star):after{content:'';position:absolute;height:8px;background:var(--yellow);bottom:0;left:0;right:0;z-index:-1;transform:rotate(-3deg)}.title-star{color:var(--yellow);text-shadow:2px 2px var(--navy);font-size:48px;position:absolute;top:4px;right:10%}.hero-copy>p{font-size:16px;max-width:450px}.actions{display:flex;align-items:center;gap:23px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:800}.text-link:hover{color:var(--blue)}.hero-note{display:flex;gap:20px;font-size:10px;margin-top:33px;color:var(--muted)}.scene{background:#4d9cf6;position:relative;overflow:hidden;margin:27px 28px 27px 0;border:2px solid var(--navy);border-radius:7px;min-height:520px;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:30px 30px}.scene-label{position:absolute;z-index:3;left:25px;top:23px;color:#fff;font-family:monospace;letter-spacing:2px;font-size:10px}.character-art{position:absolute;inset:8% 5% 9% 13%;background-image:url('assets/referencia.jpg');background-size:259%;background-position:100% 54%;border-radius:45% 45% 12% 12%;box-shadow:0 0 0 10px #ffffff18;image-rendering:auto}.pixel-star{color:var(--yellow);text-shadow:3px 3px 0 var(--navy);font-size:50px}.star-one{position:absolute;z-index:4;top:14%;left:6%;animation:bob 4s ease-in-out infinite}.star-two{position:absolute;right:7%;top:10%;z-index:4;font-size:38px}.question-block{position:absolute;left:4%;bottom:26%;font-size:48px;font-weight:900;background:var(--yellow);border:4px solid var(--navy);box-shadow:6px 6px 0 #a56217;width:70px;text-align:center;transform:rotate(-8deg);z-index:5}.scene-badge{position:absolute;bottom:11%;left:12%;background:var(--cream);padding:16px 21px;border:2px solid var(--navy);box-shadow:5px 5px 0 var(--navy);z-index:5;display:flex;gap:13px;transform:rotate(-4deg);font-size:12px;font-weight:bold;letter-spacing:1px}.scene-badge>span{background:var(--green);color:white;border-radius:50%;padding:8px}.scene-badge small{display:block;font-size:18px;letter-spacing:-.5px;margin-top:5px}.ground{position:absolute;bottom:0;height:25px;width:100%;background:repeating-linear-gradient(90deg,transparent 0 39px,#693119 39px 43px),linear-gradient(#f1ae48 0 35%,#b8602a 35% 45%,#d67e33 45%);border-top:4px solid var(--navy)}.pipe{position:absolute;bottom:20px;right:18px;width:55px;height:90px;background:linear-gradient(90deg,#187434,#67d344,#328921);border:3px solid var(--navy);z-index:6}.pipe:before{content:'';position:absolute;left:-9px;top:-4px;width:67px;height:23px;background:inherit;border:3px solid var(--navy)}.trust-strip{background:#f0eedf;display:flex;justify-content:space-between;padding:24px 6%;border-block:1px solid var(--line);font-size:12px;gap:20px}.trust-strip span:first-letter{color:var(--blue)}.section{padding:75px 6%}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.service{padding:28px;background:#fffdf8;border:1px solid #d4d6d9;border-radius:5px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:var(--blue)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.service-icon{display:flex;align-items:center;justify-content:center;border:1px solid var(--navy);background:#e8edf9;color:var(--blue);font-size:33px;width:55px;height:55px;border-radius:5px}.service:nth-child(3n+2) .service-icon{background:#e2f1e4;color:var(--green)}.service:nth-child(3n) .service-icon{background:#fff0b5;color:#876309}.num{font-family:monospace;font-size:13px;color:#9296a0}.service p{font-size:14px;min-height:70px}.service>a{display:flex;justify-content:space-between;font-size:12px;font-weight:bold;border-top:1px solid var(--line);padding-top:20px}.about-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;background:#edf1e7;padding:65px 10%}.about-band p{max-width:550px}.big-number{font-weight:900;font-size:200px;text-align:center;background:var(--yellow);width:270px;height:270px;border:5px solid var(--navy);box-shadow:14px 14px 0 var(--navy);position:relative;transform:rotate(-5deg)}.big-number span{font-size:80px;color:var(--blue);position:absolute;bottom:-20px;right:-25px;text-shadow:3px 3px var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.steps article{border-top:1px solid #bcc4ce;padding-top:22px}.steps b{font-family:monospace;color:var(--blue);font-size:25px;display:block;margin-bottom:20px}.steps p{font-size:14px}.cta{background:var(--yellow);padding:50px 6%;display:flex;justify-content:space-between;align-items:center;border-block:2px solid var(--navy);gap:30px}.cta h2{margin-bottom:0}.dark{background:var(--navy);color:white;box-shadow:4px 4px 0 #fff}.cta .eyebrow{color:var(--navy)}footer{padding:45px 6% 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}footer p,footer>div a{font-size:12px}footer>div a{display:block;margin-bottom:13px}.fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.floating-wa{position:fixed;right:23px;bottom:22px;background:var(--green);color:#fff;border:2px solid white;border-radius:40px;padding:13px 19px;box-shadow:0 4px 15px #0002;z-index:20;font-size:22px}.floating-wa span{font-size:12px;vertical-align:middle}.page-intro{padding:65px 6% 45px;background:#edf1fa;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(48px,6vw,75px)}.page-intro p{max-width:600px;margin-bottom:0}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:11px 20px;color:var(--navy);background:transparent;font-size:13px}.filters button.selected{background:var(--blue);color:white;border-color:var(--blue)}[hidden]{display:none!important}.faq{max-width:1000px;margin:auto;padding-top:10px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-weight:bold;cursor:pointer}.faq details p{margin:18px 0 0}.portfolio-empty{padding:65px 25px;text-align:center;border:2px dashed #b9c7da;background:#edf1fa}.portfolio-empty .pixel-star{display:block;margin-bottom:20px}.portfolio-empty p{max-width:550px;margin:0 auto 30px}.portfolio-types{display:flex;justify-content:space-between;font-family:monospace;padding-top:30px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact-card{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:bold}.contact-card>span{font-size:30px;color:var(--green)}.contact-card b{display:block;font-size:25px;margin:9px 0}.contact-card small{font-weight:normal;color:var(--muted)}.muted{font-size:12px;margin-top:25px}form{padding:35px;background:white;border:1px solid var(--line);box-shadow:7px 7px 0 #e7ebf4}form h2{font-size:30px}label{display:block;font-size:12px;font-weight:bold;margin:18px 0 8px}input,select,textarea{width:100%;padding:13px;background:#fffefa;border:1px solid #c2c7cf;border-radius:3px;color:var(--navy);font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue)}textarea{resize:vertical}form .button{width:100%;margin:22px 0 18px}form small{font-size:11px;line-height:1.5;color:var(--muted);display:block}#form-status{font-size:12px;margin:0}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:50}.skip:focus{top:0}@keyframes bob{50%{transform:translateY(-10px) rotate(5deg)}}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:1100px){nav{gap:18px}.header-cta{display:none}.hero-copy{padding-top:60px}.hero h1{font-size:67px}.hero-note{flex-direction:column;gap:8px}.scene{min-height:480px}.trust-strip{flex-wrap:wrap}.title-star{right:0}.big-number{width:230px;height:230px;font-size:170px}}@media(max-width:760px){.topbar{padding:9px 5%;font-size:10px}.topbar a{display:none}header{padding:19px 5%;position:relative}.brand-name{font-size:25px}.menu-toggle{display:block;background:transparent;border:1px solid var(--navy);padding:5px 10px;font-size:23px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px 6%;flex-direction:column;z-index:30;border-bottom:2px solid var(--navy)}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}.hero h1{font-size:64px;max-width:420px}.title-star{right:5%}.availability{font-size:9px}.hero-copy>p{font-size:15px}.hero-note{flex-direction:row;gap:15px;font-size:9px}.scene{margin:0 5% 30px;min-height:450px}.character-art{inset:5% 8% 7% 15%}.trust-strip{padding:22px 6%;display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:20px}.section{padding:50px 6%}.section-heading{display:block}.section-heading .text-link{display:block;margin:0 0 25px}.service-grid{grid-template-columns:1fr}.service p{min-height:0}.service-top{margin-bottom:20px}.service{padding:25px}.steps{grid-template-columns:1fr;gap:20px}.about-band{grid-template-columns:1fr;padding:50px 6%;gap:50px}.big-number{margin:auto;width:180px;height:180px;font-size:135px}.big-number span{font-size:60px}.cta{display:block;padding:40px 6%}.cta .button{margin-top:25px}footer{grid-template-columns:1fr;gap:15px;padding-bottom:75px}.fine{display:block;line-height:1.8}.fine span{display:block}.floating-wa span{display:none}.floating-wa{padding:11px 17px}.contact-grid{grid-template-columns:1fr;gap:35px}form{padding:25px}.portfolio-types{flex-direction:column;gap:18px}.page-intro{padding:45px 6%}.portfolio-empty{padding:35px 20px}.button{font-size:12px}.actions{gap:20px}.service-grid{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}