:root{--bg:#151714;--panel:#20231e;--text:#f1f2e9;--muted:#b5baaf;--accent:#c6f36b;--line:#40453b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font:900 35px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.logo span{font:14px 'DM Sans',sans-serif;vertical-align:top;margin-left:3px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:#17200e;border:1px solid var(--accent);padding:18px 25px;font-weight:700;border-radius:3px;transition:background .25s,transform .25s}.button:hover{background:#defaa7;transform:translateY(-3px)}.button.small{padding:11px 20px;font-size:14px}.plus{font-size:24px;line-height:1}.hero{min-height:690px;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 37%;background:#333b2f url('assets/barber.jpg') center/cover;transform:scale(1.03);animation:photo-in 1.4s ease both}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 65%),linear-gradient(0deg,#1118,transparent 60%)}.hero-content{position:relative;padding:48px 5% 55px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:2px}.hero h1{font:800 clamp(76px,9.9vw,151px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:40px 0 32px;max-width:780px}.hero h1 span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:68px}.hero-bottom p{color:#d7dbce}.photo-note{position:absolute;right:4%;bottom:32px;font-size:12px;letter-spacing:1.4px;writing-mode:vertical-rl}.photo-note span{margin-top:45px;color:var(--accent)}.ticker{overflow:hidden;background:var(--accent);color:#182011;padding:13px 0;font:700 27px/1.2 'Barlow Condensed',sans-serif;letter-spacing:1px}.ticker div{width:max-content;animation:ticker 30s linear infinite}.section{padding:90px 5%;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:start}.section-top>p:last-child{text-align:right;color:var(--muted);margin-top:0}.section h2{font:700 clamp(48px,6.1vw,92px)/.98 'Barlow Condensed',Impact,sans-serif;margin:16px 0 38px;letter-spacing:-1px}.section h2 span{color:var(--muted)}.filters{display:flex;gap:10px;margin:35px 0}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--text);padding:10px 22px;font-size:14px}.filters button.active{background:var(--text);color:var(--bg)}.service{display:grid;grid-template-columns:50px 1fr 130px 90px 48px;align-items:center;gap:24px;border-top:1px solid var(--line);padding:29px 18px;transition:background .25s,padding .25s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{background:var(--panel);padding-left:27px}.service-number{color:var(--muted);font-size:14px}.service h3{font:600 35px/1.1 'Barlow Condensed',sans-serif;margin:0 0 8px}.service p{margin:0;color:var(--muted);font-size:14px}.service-time{font-size:14px;color:var(--muted)}.service-price{font-size:25px}.service button{border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--accent);width:46px;height:46px;font-size:25px}.service button:hover{background:var(--accent);color:var(--bg)}.studio{background:var(--accent);color:#192011}.studio h2 span{color:#536835}.studio-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.studio-grid>div{padding-top:12px}.lead{font-size:24px;line-height:1.4}.values{margin-top:36px}.values p{border-top:1px solid #8aad50;padding-top:14px}.values span{font-size:13px;margin-right:20px}.visit h2 span{color:var(--accent)}.visit-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6%}.visit-grid h3{font-size:16px}.visit-grid p{font-size:14px}.visit-grid .lead{font-size:23px;margin-top:0}.visit-grid p span{float:right;margin-left:20px}.visit-grid .button{margin-top:18px}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer small{font-size:12px;letter-spacing:1px;color:var(--muted)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;width:min(540px,92vw);padding:38px;max-height:90vh}dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}dialog h2{font:700 46px/1 'Barlow Condensed',sans-serif}.close{position:absolute;right:15px;top:12px;background:none;border:none;color:var(--text);font-size:32px}label{display:block;font-size:14px}select{display:block;width:100%;padding:14px;background:var(--bg);color:var(--text);border:1px solid var(--line);margin-top:8px}.summary{display:flex;justify-content:space-between;padding:20px 0;font-size:20px}.demo-note{font-size:14px;color:var(--muted)}form .button{width:100%;font-size:14px}#booking-result{color:var(--accent);font-size:15px}body.modal-open{overflow:hidden}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes photo-in{from{transform:scale(1.1);opacity:0}to{transform:scale(1.03);opacity:1}}@media(max-width:800px){.header{height:78px}.header nav{gap:16px}.hero{min-height:660px}.hero h1{font-size:100px}.hero-photo{left:15%;opacity:.65}.hero-bottom{gap:32px}.service{grid-template-columns:30px 1fr 65px 45px;gap:14px}.service-time{display:none}.studio-grid{gap:5%}.visit-grid{grid-template-columns:1fr 1fr}.visit-grid>div:first-child{grid-column:1/-1}.section{padding:65px 5%}footer{flex-wrap:wrap}}@media(max-width:560px){.header nav{display:none}.logo{font-size:30px}.button.small{padding:10px 14px}.hero{min-height:640px}.hero h1{font-size:clamp(64px,18.6vw,100px);margin-top:55px}.hero-content{padding-top:28px}.hero-photo{left:0;opacity:.5;background-position:62% center}.hero-photo:after{background:linear-gradient(90deg,#151714bb,#15171422)}.hero-bottom{align-items:start;flex-direction:column;gap:12px}.photo-note{display:none}.eyebrow{font-size:12px;letter-spacing:1.4px}.section h2{font-size:48px}.section-top>p:last-child{font-size:13px}.filters{flex-wrap:wrap;gap:8px}.filters button{padding:9px 16px}.service{padding:23px 0;grid-template-columns:1fr 56px 42px;gap:12px}.service-number{display:none}.service h3{font-size:29px}.service p{font-size:13px}.service-price{font-size:22px}.service button{width:40px;height:40px}.service:hover{padding-left:5px}.studio-grid,.visit-grid{grid-template-columns:1fr}.visit-grid>div:first-child{grid-column:auto}.visit-grid{gap:25px}.section{padding:52px 5%}.studio-grid .lead{margin-top:0}footer{align-items:start;flex-direction:column;gap:8px}dialog{padding:30px 24px}dialog h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Distrito — edición 02 */
:root{--bg:#111310;--panel:#1b1e18;--accent:#c6f36b;--paper:#eeeee5}::selection{background:var(--accent);color:var(--bg)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--bg);padding:12px}.skip-link:focus{top:15px}.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--accent);z-index:30;transform:scaleX(0);transform-origin:left;pointer-events:none}.header{position:sticky;top:0;height:84px;background:#111310f0;backdrop-filter:blur(18px);padding-inline:4%}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.header .logo{font-size:38px}.menu-toggle{display:none}.hero{min-height:760px;height:calc(100svh - 84px);max-height:1050px}.hero-photo{inset:0 0 0 42%;opacity:.8;background-position:center;animation:photo-in 1.8s ease both}.hero-photo:after{background:linear-gradient(90deg,#111310 0%,#11131028 55%),linear-gradient(0deg,#111310 0%,transparent 30%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff0a 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff0a 75%,transparent calc(75% + 1px));pointer-events:none}.hero-content{padding:48px 4% 100px;position:relative}.hero h1{font-size:clamp(100px,13.7vw,210px);line-height:.88;max-width:none;letter-spacing:-.025em;margin:62px 0 28px}.hero h1 .hero-line{color:var(--text);display:inline-block;animation:line-in 900ms both cubic-bezier(.2,.7,.2,1)}.hero h1 .accent{color:var(--accent);animation-delay:140ms}.hero-caption{display:flex;align-items:center;gap:22px}.hero-caption p{font-size:23px;line-height:1.3}.tiny-cross{font-size:58px;color:var(--accent)}.hero-bottom{gap:44px;margin-top:16px}.hero-bottom>p{display:none}.hero-stamp{position:absolute;right:8%;bottom:20%;width:148px;height:148px;border:1px solid #d9e0cf88;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(10deg);transition:transform .5s,background .5s;background:#11131050;backdrop-filter:blur(8px)}.hero-stamp:hover{transform:rotate(-10deg);background:var(--accent);color:var(--bg)}.hero-stamp span{font-size:13px;letter-spacing:1px;font-weight:700}.hero-stamp b{font-size:40px;line-height:1.2}.hero-foot{position:absolute;bottom:28px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.3px}.hero-foot a span{margin-left:14px;font-size:20px}.ticker{padding:16px 0;transform:rotate(-1deg);position:relative;width:100%;z-index:2}.ticker:hover div{animation-play-state:paused}.section{padding:105px 4%}.lookbook{background:var(--paper);color:var(--bg);padding-top:95px}.edition{font-size:12px;letter-spacing:1px}.lookbook-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.lookbook-title h2{font-size:clamp(65px,8.5vw,135px);margin:10px 0;line-height:.89}.lookbook-title em{font-style:normal;color:#6f7568}.lookbook-title>p{padding-right:5%;color:#53584f}.looks{display:grid;grid-template-columns:1fr 1fr .75fr;gap:26px;align-items:start}.look-card{padding:0;border:0;background:transparent;color:inherit;text-align:left;min-width:0}.look-image{position:relative;overflow:hidden;aspect-ratio:4/5;background:#c5c9bd}.look-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .6s,transform .8s}.look-card:hover img,.look-card:focus-visible img{filter:grayscale(0);transform:scale(1.05)}.look-tag{position:absolute;left:17px;top:17px;color:#fff;background:#111310a6;padding:5px 10px;font-size:11px;letter-spacing:1px;backdrop-filter:blur(6px)}.look-open{position:absolute;bottom:20px;right:20px;background:var(--accent);color:var(--bg);border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:26px;transition:transform .4s}.look-card:hover .look-open{transform:rotate(90deg)}.look-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px}.look-label h3{font:700 clamp(36px,3.4vw,56px)/1 'Barlow Condensed',sans-serif;margin:0}.look-label>span{font-size:12px;line-height:1.4;text-align:right;color:#555b51}.look-card:nth-child(2){margin-top:70px}.look-editorial{padding:35px 0 0 16px;display:flex;flex-direction:column;align-items:start;align-self:stretch}.editorial-star{font-size:105px;line-height:1.5}.look-editorial h3{font:600 clamp(30px,3vw,48px)/1.05 'Barlow Condensed',sans-serif;margin:10px 0 36px}.look-editorial em{font-style:normal;color:#737d67}.look-editorial a{font-size:13px;border-bottom:1px solid #93998b;padding-bottom:15px;max-width:200px}.look-editorial a span{margin-left:12px}.image-credit{font-size:11px;color:#72776b;margin-top:30px}.advisor{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;background:#191d16;position:relative;overflow:hidden}.advisor-intro{position:relative}.advisor h2{font-size:clamp(66px,7vw,110px);line-height:.92}.advisor h2 span{color:var(--accent)}.advisor-intro>p:last-of-type{color:var(--muted);font-size:15px}.advisor-mark{position:absolute;bottom:-80px;left:0;font:800 190px/1 'Barlow Condensed',sans-serif;color:#ffffff05;pointer-events:none}.advisor-panel{border-top:1px solid var(--line);padding-top:24px}fieldset{padding:0 0 26px;margin:0 0 25px;border:0;border-bottom:1px solid var(--line)}legend{margin-bottom:20px;font-weight:500;font-size:16px}legend>span{font-size:12px;margin-right:20px;color:var(--accent)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid label{cursor:pointer;position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid label>span{display:block;border:1px solid #505847;border-radius:3px;padding:15px 20px;transition:background .3s,color .3s}.choice-grid small{display:block;font-size:12px;opacity:.7;margin-top:4px}.choice-grid input:checked+span{background:var(--accent);color:var(--bg);border-color:var(--accent)}.choice-grid input:focus-visible+span{outline:2px solid var(--text);outline-offset:3px}.range-label,.range-ends{display:flex;justify-content:space-between}.range-label output{color:var(--accent);font-size:20px}input[type=range]{width:100%;accent-color:var(--accent);height:30px;margin:8px 0;cursor:pointer}.range-ends{font-size:12px;color:var(--muted)}.switch-label{display:flex;align-items:center;gap:20px;cursor:pointer;position:relative}.switch-label input{position:absolute;right:0;opacity:0}.switch-track{margin-left:auto;flex-shrink:0;width:48px;height:28px;border-radius:20px;border:1px solid #727a68;position:relative;transition:background .3s}.switch-track:after{content:'';position:absolute;left:4px;top:4px;border-radius:50%;background:#c1c7b9;width:18px;height:18px;transition:transform .3s}.switch-label input:checked+.switch-track{background:var(--accent)}.switch-label input:checked+.switch-track:after{background:var(--bg);transform:translateX(20px)}.switch-label input:focus-visible+.switch-track{outline:2px solid white;outline-offset:3px}.recommendation{background:#272e20;padding:24px;border-left:3px solid var(--accent)}.recommendation .eyebrow{font-size:11px;color:var(--accent)}.recommendation-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.recommendation h3{font:600 38px/1 'Barlow Condensed',sans-serif;margin:20px 0}.recommendation-main strong{font-size:26px;white-space:nowrap}.recommendation p{font-size:14px;color:#c5cebc;min-height:44px}.recommendation-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.recommendation-bottom>span{font-size:13px}.recommendation .button{padding:12px 18px;gap:24px;font-size:14px}.advisor-note{font-size:12px;color:var(--muted)}.services{position:relative}.services h2 span{color:var(--accent)}.service h3{transition:color .2s}.service:hover h3{color:var(--accent)}.studio{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--paper);color:var(--bg)}.studio-image{position:relative;min-height:620px;overflow:hidden}.studio-image img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;filter:grayscale(.4)}.studio-image>span{position:absolute;bottom:25px;left:30px;font-size:11px;letter-spacing:1px;color:white}.studio-copy{padding:65px 12%}.studio-grid{display:block}.studio h2{font-size:clamp(50px,5vw,77px)}.studio h2 span{color:#78806d}.studio .values p{border-color:#c5caba}.studio .lead{font-size:22px}.studio-grid>div>p:not(.lead){font-size:15px;color:#555b4c}.visit{padding-bottom:80px}.closing-word{font:900 clamp(100px,22vw,370px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-.035em;text-align:center;color:var(--accent);overflow:hidden;padding:20px 2% 0}.closing-word span{font:400 4vw/1 'DM Sans',sans-serif;vertical-align:top;letter-spacing:0}.look-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}.look-detail img{width:100%;height:470px;object-fit:cover}.look-detail>div{padding:20px 15px 0 0}.look-detail h2{font-size:65px;margin:20px 0}.look-detail p{color:var(--muted);font-size:15px}.look-detail dl{margin:30px 0}.look-detail dl>div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.look-detail dt{color:var(--muted)}.look-detail dd{margin:0}#look-dialog{width:min(900px,94vw);padding:25px}.look-close{z-index:2;background:var(--bg);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;line-height:1}.close{min-width:44px;min-height:44px}dialog[open]{animation:dialog-in .3s ease}.ticker div{animation-duration:38s}@keyframes line-in{from{opacity:0;transform:translateY(65px) rotate(2deg)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{min-height:690px}.hero h1{margin-top:70px}.hero-stamp{right:7%;bottom:22%}.looks{grid-template-columns:1fr 1fr}.look-editorial{grid-column:1/-1;padding:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.look-editorial .eyebrow{grid-column:1/-1}.editorial-star{grid-row:2/4;font-size:140px}.look-editorial h3{font-size:46px;margin:0}.look-editorial a{max-width:none}.advisor{gap:5%}.advisor h2{font-size:70px}.studio-copy{padding:45px 8%}.header nav{gap:18px}.header .logo{font-size:32px}.header .button{font-size:12px}.header nav a{font-size:13px}}
@media(max-width:700px){.header{height:72px}.header>.button{margin-left:auto;margin-right:17px}.menu-toggle{display:flex;order:3;align-items:center;gap:8px;border:0;background:none;color:var(--text);padding:8px 0;font-size:13px}.menu-toggle span{font-size:24px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px 5%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.header nav.is-open{display:flex}.header nav a{font-size:21px}.hero{height:auto;min-height:690px}.hero-content{padding:35px 5% 110px}.hero h1{font-size:clamp(69px,14vw,100px);margin:95px 0 18px}.hero-photo{inset:0;opacity:.55;background-position:65% center}.hero-photo:after{background:linear-gradient(90deg,#111310c9,#11131015),linear-gradient(0deg,#111310,transparent 40%)}.hero-caption p{font-size:21px}.hero-stamp{width:95px;height:95px;right:6%;bottom:23%;transform:rotate(12deg)}.hero-stamp span{font-size:9px;letter-spacing:.5px}.hero-stamp b{font-size:27px}.hero-foot{left:5%;right:5%;font-size:9px}.hero-foot>span:last-child{display:none}.hero-foot a{font-size:10px}.section{padding:65px 5%}.lookbook-title{display:block;margin-bottom:30px}.lookbook-title h2{font-size:80px}.lookbook-title>p{font-size:14px}.edition{font-size:10px}.looks{gap:16px}.look-label{align-items:start;flex-direction:column;gap:8px}.look-label>span{text-align:left;font-size:12px}.look-label h3{font-size:37px}.look-card:nth-child(2){margin-top:48px}.look-tag{top:10px;left:10px;font-size:9px;padding:4px 6px}.look-open{width:36px;height:36px;bottom:12px;right:12px;font-size:22px}.look-editorial{margin-top:10px}.editorial-star{font-size:110px}.look-editorial h3{font-size:40px}.advisor{grid-template-columns:1fr;gap:30px}.advisor h2{font-size:68px}.advisor-mark{display:none}.advisor-panel{padding-top:28px}.recommendation{padding:20px}.recommendation h3{font-size:34px}.advisor-intro>p:last-of-type{font-size:14px}.studio{display:block;padding:0}.studio-image{height:350px;min-height:0}.studio-copy{padding:50px 5%}.studio h2{font-size:62px}.closing-word{padding-bottom:15px}#look-dialog{padding:18px}.look-detail{grid-template-columns:1fr;gap:10px}.look-detail img{height:240px;object-position:center 35%}.look-detail>div{padding:10px}.look-detail h2{font-size:48px;margin:12px 0}.look-detail dl{margin:20px 0}.look-detail .button{width:100%}.look-detail .image-credit{margin-top:20px}.image-credit{font-size:10px}}
@media(max-width:370px){.header .logo{font-size:27px}.header>.button{padding:9px 10px;margin-right:12px;font-size:11px}.hero h1{font-size:14vw}.hero-stamp{bottom:28%;width:80px;height:80px}.hero-caption{gap:12px}.hero-caption p{font-size:18px}.tiny-cross{font-size:43px}.lookbook-title h2{font-size:70px}.choice-grid label>span{padding:12px}.recommendation-bottom{flex-wrap:wrap}.look-label h3{font-size:31px}.look-editorial h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hero h1 .hero-line,.hero-photo,dialog[open]{animation:none}.look-image img{transition:none}.ticker div{animation:none}}
@media(max-width:700px){.hero h1{font-size:clamp(60px,19vw,118px);margin-top:75px}.hero-stamp{bottom:19%}.hero-caption{margin-top:22px}.hero-bottom{margin-top:22px}.hero{min-height:720px}}
@media(max-width:370px){.hero h1{font-size:19vw}.hero-stamp{bottom:19%}}

.portfolio-demo-bar{display:flex;justify-content:space-between;gap:10px;padding:9px 4%;background:#c6f36b;color:#17200e;font-size:11px;line-height:1.3;position:relative;z-index:40}.portfolio-demo-bar a{text-decoration:underline}.portfolio-demo-bar span{font-size:9px;letter-spacing:.5px}@media(max-width:500px){.portfolio-demo-bar{font-size:10px}.portfolio-demo-bar span{max-width:130px;text-align:right;font-size:8px}}