:root{--green:#2bdd70;--muted:#b8babc;--bg:#030708;color-scheme:dark;font-size:clamp(9px,1.273vw,20.37px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}html{scroll-behavior:smooth}section{scroll-margin-top:1rem}.container{width:89.4%;max-width:1430px;margin:auto}h2{font-size:1.9rem;line-height:1.18}h2 span,h1 span{color:var(--green)}.button{background:linear-gradient(110deg,#47e478,#23d76b);border-radius:.65rem;color:#022711;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:1rem 1.4rem;white-space:nowrap;box-shadow:0 0 1.5rem #15d76712;min-height:2.9rem}.button b{font-size:1.5rem;line-height:.6}.button:hover{filter:brightness(1.12)}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}.outline{background:#03070890;color:#eee;border:1px solid #547064;font-weight:400;box-shadow:none}.wordmark{font-size:2.8rem;line-height:.85;font-weight:900;letter-spacing:-.16rem;display:block}.wordmark>span{color:var(--green)}.wordmark small{display:block;font-size:1rem;letter-spacing:.1rem;text-align:center;line-height:1.1}.nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:5.2rem}.desktop-nav{display:flex;gap:1.85rem;font-size:.92rem;font-weight:700;align-self:stretch;align-items:center}.desktop-nav a:first-child{color:var(--green);position:relative}.desktop-nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-1rem;height:2px;background:var(--green)}header{background:#060a0be8;border-bottom:1px solid #26302a}.actions{display:flex;gap:1.4rem;align-items:center}.actions .button{font-size:.88rem;padding:.8rem 1.2rem;min-height:2.7rem}.language{white-space:nowrap;border:1px solid #35483e;border-radius:.6rem;padding:.65rem .9rem;font-size:.9rem}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.crop{position:relative;overflow:hidden;aspect-ratio:var(--ratio)}.crop img{position:absolute;max-width:none;display:block}.hero{position:relative;min-height:40.35rem;overflow:hidden;background:#050809}.hero-art{position:absolute;right:0;top:0;width:58.84%;height:100%;aspect-ratio:auto}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050809 0%,transparent 8%)}.hero-inner{position:relative;pointer-events:none;padding-top:2.8rem;padding-bottom:1.2rem}.hero-copy{width:43%;pointer-events:auto}.eyebrow{font-size:.95rem;letter-spacing:.17rem;margin-bottom:.5rem;color:#c4c9c9}.hero h1{font-size:3.9rem;line-height:1.04;letter-spacing:-.14rem;white-space:nowrap}.hero h2{font-size:1.86rem;margin-top:.6rem;line-height:1.18;white-space:nowrap}.intro{font-size:1rem;line-height:1.35;margin-top:1rem;max-width:29rem}.hero-actions{display:flex;gap:1.2rem;margin-top:1rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.55rem;max-width:28rem;gap:1.6rem}.stats>div{text-align:center}.stats span{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid #12341f;border-radius:50%;margin:auto auto .5rem;color:var(--green)}svg{width:2.8rem;height:2.8rem;flex:none}.stats svg{width:2.5rem;height:2.5rem}.stats p{font-size:.9rem;line-height:1.3}.signature{width:22rem;margin-top:.8rem}.features{border-block:1px solid #242a2b;padding:1.2rem 0 1.4rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.1rem}.section-heading h2{font-size:1.85rem;font-weight:500}.section-heading h2 span{font-weight:700}.section-heading p{font-size:1rem;line-height:1.4;margin-top:.45rem;color:#d4d6d6}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.feature{display:flex;align-items:center;gap:1.1rem;background:linear-gradient(120deg,#0b1113,#090e11);border-radius:.5rem;min-height:6rem;padding:1.15rem 1.4rem}.feature svg{color:var(--green)}.feature h3{font-size:.88rem;margin-bottom:.5rem}.feature p{font-size:.83rem;line-height:1.25;color:#bfc3c4}.how{border-bottom:1px solid #252d2e}.how-inner{max-width:1600px;display:grid;grid-template-columns:62.5% 37.5%;margin:auto}.how-content{padding:1.4rem 2.5rem 2rem 8.5%}.how h2{font-size:1.45rem;font-weight:400;color:var(--green)}.how-subtitle{font-size:1.4rem;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:.75rem}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-1.8rem;top:3rem;color:#90d9b0;font-size:2.4rem}.step-image{height:10rem;width:10rem;margin:auto}.step h3{font-size:1.5rem;margin:.4rem 0}.step p{font-size:.98rem;line-height:1.2;color:#c9cbcd}.phone-art{height:100%;aspect-ratio:auto}.barbers{padding:1.6rem 0;border-bottom:1px solid #262c2e}.barber-grid{display:grid;grid-template-columns:1.5fr 1.14fr .52fr;gap:3.5rem;align-items:center}.kicker{color:#74ac87;font-size:1.35rem;margin-bottom:.3rem}.barber-grid h2{font-size:1.9rem}.barber-description{font-size:1rem;line-height:1.4;color:#bfc1c1;margin:.75rem 0 1rem;max-width:33rem}.checklist{margin:0;list-style:none;border-left:1px solid #283032;padding:1rem 0 1rem 3.5rem;display:grid;gap:.7rem}.checklist li{font-size:.92rem;position:relative;white-space:nowrap}.checklist li:before{content:"✓";position:absolute;left:-2rem;color:#003914;background:var(--green);border-radius:50%;width:1.35rem;height:1.35rem;text-align:center;font-weight:bold}.barber-grid blockquote{margin:0;padding:1rem 0 1rem 2.8rem;border-left:1px solid #283032;font-weight:bold;font-size:1rem;line-height:1.4}.barber-grid blockquote>span{display:block;font-family:Georgia,serif;font-size:4rem;line-height:.9;color:#9da6ab}.barber-grid blockquote i{display:block;width:2.5rem;height:3px;background:var(--green);margin-top:.9rem}footer{background:#020303;padding:1.5rem 0}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-top nav{display:flex;gap:1rem;font-size:.78rem}.footer-top nav a+a:before{content:"|";margin-right:1rem;color:#555}.footer-top nav a:first-child{color:var(--green)}.socials{display:flex;align-items:center;gap:1.6rem;font-size:1.9rem;font-weight:bold}.socials svg{width:1.6rem;height:1.6rem}.footer-bottom{display:flex;justify-content:space-between;color:#8d9296;font-size:.78rem;margin-top:1.3rem}
@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}
@media(max-width:1000px) and (min-width:761px){.nav{gap:1rem}.desktop-nav{gap:1.1rem}.actions{gap:.7rem}.feature{padding:.9rem;gap:.7rem}.barber-grid{gap:2rem}.checklist{padding-left:2rem}.footer-top{gap:1rem}.footer-top nav{gap:.5rem}.footer-top nav a+a:before{margin-right:.5rem}.socials{gap:1rem}}
@media(max-width:760px){
:root{font-size:14px}.container{width:calc(100% - 36px)}.nav{min-height:72px;gap:12px}.wordmark{font-size:30px;letter-spacing:-1.5px}.wordmark small{font-size:10px}.desktop-nav,.actions .language{display:none}.actions{gap:10px}.actions .button{font-size:11px;padding:11px 12px;min-height:38px}.menu-toggle{display:block;background:transparent;border:1px solid #35483e;color:var(--green);width:40px;height:40px;border-radius:6px;font-size:23px}.mobile-nav{padding:6px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.mobile-nav a{padding:12px;background:#0b1210;border-radius:4px}.hero{min-height:0;display:flex;flex-direction:column}.hero-inner{padding-top:24px;padding-bottom:12px;order:0}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,8.7vw,54px);letter-spacing:-1px}.hero h2{font-size:clamp(17px,4.4vw,27px);white-space:normal;line-height:1.25}.eyebrow{font-size:9px;letter-spacing:1.5px}.intro{font-size:13px;max-width:430px;line-height:1.5}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:13px 15px;min-height:44px}.stats{max-width:420px;gap:10px;margin-top:22px}.stats p{font-size:11px}.stats span{width:41px;height:41px}.stats svg{width:29px;height:29px}.signature{width:190px;margin-top:12px}.hero-art{position:relative;order:1;width:100%;height:auto;aspect-ratio:416/363;margin-top:0}.hero-art:after{background:linear-gradient(180deg,#050809,transparent 12%)}.section-heading{display:block;margin-bottom:18px}.features{padding:23px 0}.section-heading h2{font-size:23px}.section-heading p{font-size:12px;line-height:1.5;margin:10px 0 16px}.section-heading p br{display:none}.section-heading>.button{min-height:44px;font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature{padding:14px 10px;gap:10px;min-height:95px;align-items:flex-start}.feature svg{width:26px;height:26px}.feature h3{font-size:11px;line-height:1.25;margin-bottom:6px}.feature p{font-size:10px;line-height:1.4}.feature p br{display:none}.how-inner{display:block}.how-content{padding:24px 18px}.how h2{font-size:18px}.how-subtitle{font-size:17px;margin-top:4px}.steps{gap:15px;margin-top:18px}.step-image{width:100%;height:auto;aspect-ratio:1}.step h3{font-size:17px;margin:9px 0 6px}.step p{font-size:10px;line-height:1.4}.step p br{display:none}.step:not(:last-child):after{right:-15px;top:30px;font-size:20px}.phone-art{height:auto;aspect-ratio:265/202;width:100%}.barbers{padding:25px 0}.barber-grid{grid-template-columns:1fr;gap:22px}.kicker{font-size:14px}.barber-grid h2{font-size:25px}.barber-description{font-size:13px;max-width:none;margin:12px 0 16px}.barber-grid .button{font-size:12px;min-height:44px}.checklist{border-left:0;border-top:1px solid #283032;padding:22px 0 0 26px;gap:13px}.checklist li{font-size:13px;white-space:normal}.checklist li:before{left:-26px}.barber-grid blockquote{border-left:0;border-top:1px solid #283032;padding:20px 0 0;font-size:14px}.barber-grid blockquote br{display:none}.barber-grid blockquote br:after{content:" "}.barber-grid blockquote>span{float:left;margin-right:16px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top nav{order:3;flex-wrap:wrap;width:100%;gap:15px;font-size:11px;line-height:1.6}.footer-top nav a+a:before{display:none}.socials{margin-left:auto;gap:16px}.footer-top>.language{display:none}.footer-bottom{flex-direction:column;gap:8px;font-size:10px;line-height:1.5;margin-top:22px}footer{padding:24px 0}
}
@media(max-width:360px){.container{width:calc(100% - 28px)}.actions .button{font-size:10px;padding:10px}.hero-actions .button{font-size:11px;padding:12px}.feature{flex-direction:column}.hero h2{font-size:16px}.steps{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.signature{mix-blend-mode:screen}
.hero-art:after{background:linear-gradient(90deg,#050809,transparent 15%)}
@media(max-width:760px){.hero-art:after{background:linear-gradient(180deg,#050809,transparent 12%)}}

/* Selector bilingüe: conserva la apariencia del control aprobado. */
.language{display:inline-flex;align-items:center;flex:none}
.language select{font:inherit;color:inherit;background:transparent;border:0;margin:0;padding:0;cursor:pointer;color-scheme:dark;min-width:3.1em}
.language select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.language option{background:#060a0b;color:#f5f5f5}
@media(max-width:760px){.actions .language,.footer-top>.language{display:inline-flex}.actions .language{font-size:11px;padding:8px 5px;min-height:38px}.actions{gap:6px}.nav{gap:6px}.language select{min-width:3em}}
@media(max-width:360px){.actions .button{padding:10px 6px;font-size:9px}.actions .language{font-size:10px;padding:8px 3px}.actions{gap:4px}.menu-toggle{width:34px;flex:none}}