@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap";
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{--ink:#141612;--cream:#f3efe6;--paper:#faf8f3;--olive:#64704e;--gold:#b99b65;--line:#14161224}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin:0 auto}.nav{z-index:3;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:98px;display:flex;position:relative}.brand{letter-spacing:2.6px;align-items:center;gap:12px;font-size:10px;line-height:1.4;display:flex}.brand>span{border:1px solid var(--ink);letter-spacing:0;place-items:center;width:42px;height:42px;font-family:Italiana,serif;font-size:15px;display:grid}.brand strong{font-size:11px}.nav nav{gap:34px;font-size:13px;display:flex}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--olive)}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;letter-spacing:.6px;justify-content:center;align-items:center;gap:24px;padding:17px 22px;font-size:12px;transition:background-color .25s,border-color .25s,transform .25s;display:inline-flex}.button:hover{border-color:var(--olive);background:var(--olive);transform:translateY(-2px)}.button i{color:#d6c08e;font-style:normal}.button-small{padding:12px 17px}.hero{grid-template-columns:52% 48%;align-items:center;min-height:660px;display:grid}.hero-copy{padding:68px 50px 70px 0}.eyebrow{color:#5d6157;letter-spacing:2.4px;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.eyebrow>span{background:var(--gold);width:28px;height:1px;display:inline-block}h1,h2{letter-spacing:-1.5px;margin:20px 0;font-family:Italiana,serif;font-weight:400;line-height:.96}h1{font-size:clamp(64px,7vw,98px)}h1 em,h2 em{color:var(--olive);font-weight:400}.lead{color:#6f716b;max-width:510px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:35px;margin-top:36px;display:flex}.text-link{border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:12px}.text-link span{color:var(--gold);margin-left:12px}.social-proof{align-items:center;gap:16px;margin-top:55px;display:flex}.avatars{display:flex}.avatars span{border:2px solid var(--paper);color:#e5d8ba;background:#363a31;border-radius:50%;place-items:center;width:35px;height:35px;margin-left:-7px;font-size:9px;display:grid}.avatars span:first-child{margin-left:0}.social-proof strong{font-size:12px}.social-proof strong span{color:var(--gold);margin-left:4px;font-size:9px}.social-proof small{color:#898b84;margin-top:4px;font-size:10px;display:block}.hero-visual{height:590px;position:relative}.barber-portrait{background:linear-gradient(145deg,#1416121a,#141612cc),radial-gradient(circle at 70% 30%,#8b806d,#35392f 53%,#191b17);height:100%;position:relative;overflow:hidden}.portrait-lines{background:repeating-linear-gradient(105deg,#0000 0 42px,#ffffff06 43px 44px);position:absolute;inset:0}.monogram{color:#efe3c7a6;letter-spacing:8px;justify-content:center;align-items:center;gap:18px;font-family:Italiana,serif;font-size:120px;display:flex;position:absolute;inset:0}.monogram span{color:#d3b979;font-size:24px}.floating-card{background:var(--cream);width:230px;padding:23px;position:absolute;bottom:44px;left:-62px;box-shadow:0 15px 40px #00000029}.floating-card>span,.floating-card small{color:#777970;letter-spacing:1.6px;font-size:9px;display:block}.floating-card strong{margin:10px 0 4px;font-family:Italiana,serif;font-size:22px;font-weight:400;display:block}.floating-card a{color:var(--olive);margin-top:16px;font-size:11px;display:block}.vertical{color:#a9aaa4;letter-spacing:2.4px;font-size:8px;position:absolute;top:50%;right:-35px;transform:rotate(90deg)}.statement{text-align:center;max-width:850px;margin:0 auto;padding:115px 24px}.center{justify-content:center}.statement h2,.services h2,.team-band h2{font-size:clamp(44px,5vw,67px)}.statement>p:last-child{color:#73766e;max-width:590px;margin:28px auto 0;line-height:1.8}.services{padding:90px 0 120px}.section-heading{justify-content:space-between;align-items:flex-end;display:flex}.service-grid{border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.service-grid article{border:1px solid var(--line);border-left:0;padding:35px;transition:color .3s,background-color .3s,transform .3s}.service-grid article:hover{background:var(--ink);color:#fff;transform:translateY(-8px)}.service-top,.service-grid article>div:last-child{justify-content:space-between;align-items:center;display:flex}.service-icon{color:var(--gold);font-size:30px}.service-top small{color:#aaa;font-family:Italiana,serif}.service-grid h3{margin-top:55px;font-family:Italiana,serif;font-size:26px;font-weight:400}.service-grid p{color:#85877f;min-height:45px;font-size:13px;line-height:1.7}.service-grid article>div:last-child{margin-top:35px}.service-grid article>div:last-child strong{font-weight:500}.service-grid article>div:last-child a{border:1px solid;place-items:center;width:35px;height:35px;display:grid}.team-band{background:var(--ink);color:#eee9df;padding:105px 0}.team-content{grid-template-columns:1fr 1fr;gap:100px;display:grid}.team-band .eyebrow{color:#b5b7ae}.team-band h2 em{color:#a9b28d}.team-list{border-top:1px solid #393b36}.team-list>div{border-bottom:1px solid #393b36;justify-content:space-between;align-items:center;padding:22px 0;display:flex}.team-list strong{font-family:Italiana,serif;font-size:22px;font-weight:400}.team-list small{color:#9d9f97;letter-spacing:.6px;font-family:DM Sans,sans-serif;font-size:10px}footer{justify-content:space-between;align-items:center;min-height:190px;display:flex}footer p{color:#797b74;text-align:center;font-size:11px;line-height:1.8}.booking-page{background:#ede8dc;min-height:100vh}.booking-nav{background:var(--paper)}.booking-wrap{padding:70px 0 100px}.booking-title{text-align:center;margin-bottom:42px}.booking-title h1{margin:12px;font-size:58px}.booking-title p{color:#74776e}.booking-card{background:var(--paper);grid-template-columns:1fr 300px;max-width:980px;margin:0 auto;display:grid;box-shadow:0 20px 60px #2c281f1a}.booking-form{padding:45px}.steps{gap:8px;margin-bottom:40px;display:flex}.steps span{background:#ddd7ca;flex:1;height:3px}.steps .active{background:var(--olive)}.booking-form h2{font-size:35px}.field-label{letter-spacing:1.8px;margin:25px 0 10px;font-size:10px;font-weight:600;display:block}.option-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.option{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;padding:16px;transition:border-color .2s,background-color .2s}.option strong,.option small{display:block}.option small{color:#8b8d86;margin-top:5px}.option.selected{border-color:var(--olive);background:#eef0e8}.time-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.time{border:1px solid var(--line);cursor:pointer;background:0 0;padding:10px;transition:color .2s,background-color .2s}.time.selected{background:var(--ink);color:#fff}.inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inputs input{border:1px solid var(--line);background:#fff;outline:none;width:100%;padding:14px}.inputs input:focus{border-color:var(--olive)}.full{grid-column:1/-1}.booking-form .button{width:100%;margin-top:28px}.form-error{color:#a33b32;margin:16px 0 0;font-size:13px;line-height:1.5}.summary{background:var(--ink);color:#fff;padding:42px 30px}.summary h3{font-family:Italiana,serif;font-size:26px;font-weight:400}.summary-line{border-top:1px solid #3a3c37;padding:18px 0}.summary-line small{color:#90938a;letter-spacing:1.5px;margin-bottom:6px;font-size:9px;display:block}.summary-line strong{font-size:13px;font-weight:400}.total{border-top:1px solid #5d604f;justify-content:space-between;margin-top:20px;padding-top:22px;display:flex}.total strong{color:#d6c08e}.success{text-align:center;padding:70px 30px}.success-mark{border:1px solid var(--olive);width:72px;height:72px;color:var(--olive);border-radius:50%;place-items:center;margin:0 auto;font-size:30px;display:grid}.success h2{font-size:42px}.success p{color:#73766e;line-height:1.8}.success .button{margin-top:20px}.whatsapp-button{z-index:1000;color:#fff;background:#25d366;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #00000040}.whatsapp-button svg{flex-shrink:0;width:26px;height:26px}.whatsapp-button:hover{color:#fff;background:#1ebe5d;transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}@media (max-width:850px){.shell{width:min(100% - 30px,680px)}.nav{height:78px}.nav nav{display:none}.button-small{gap:0;font-size:0}.button-small:after{content:"Agendar";font-size:11px}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding:45px 0}.hero-visual{height:430px}.floating-card{left:16px}.vertical{display:none}.statement{padding:85px 20px}.section-heading{display:block}.section-heading>.text-link{margin-top:10px;display:inline-block}.service-grid{border-top:1px solid var(--line);grid-template-columns:1fr}.service-grid article{border-top:0}.team-content{grid-template-columns:1fr;gap:45px}footer{flex-direction:column;gap:30px;padding:55px 0}footer p{order:3}.booking-card{grid-template-columns:1fr}.summary{order:-1}.time-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){h1{font-size:56px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.monogram{font-size:76px}.social-proof{margin-top:38px}.team-list>div{flex-direction:column;align-items:flex-start;gap:8px}.team-list strong{font-size:19px}.nav .brand div{display:none}.booking-wrap{padding-top:35px}.booking-title h1{font-size:42px}.booking-form{padding:28px 20px}.option-grid,.inputs{grid-template-columns:1fr}.full{grid-column:auto}.time-grid{grid-template-columns:repeat(2,1fr)}.whatsapp-button{width:58px;height:58px;padding:0;bottom:16px;right:16px}.whatsapp-button span{display:none}.whatsapp-button svg{width:30px;height:30px}}