@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Outfit:wght@400;700;900&family=Pirata+One&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:#fff;color:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.gothic{font-family:Pirata One,serif;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:.85}h2,h3,.bold{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.03em}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 2rem}.section-dark{padding:5rem 2rem;background:#000;color:#fff}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}.section,.section-dark,.barbers-section,.flyer-section,.footer{padding:3rem 1.25rem}.footer-title{font-size:clamp(3rem,18vw,8rem)}.footer-sub{letter-spacing:.3em}.footer-links{gap:1.5rem}.modal-box{padding:1rem 1.25rem;max-height:96vh}.modal-barber{margin-bottom:1rem;padding-bottom:.75rem}.modal-barber h2{font-size:1.8rem!important}.progress-bar{margin-bottom:1rem}.time-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1rem}.time-btn{padding:.6rem .2rem;font-size:.75rem}.step-nav{flex-direction:row;gap:.5rem}.btn{padding:1rem;font-size:.9rem}.barber-name{font-size:2rem}}.card{border:4px solid #000;background:#fff;box-shadow:8px 8px #000;overflow:hidden;transition:transform .15s,box-shadow .15s;cursor:pointer}.card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.card-dark{border:4px solid #fff;background:#111;box-shadow:8px 8px #fff;overflow:hidden;transition:transform .15s,box-shadow .15s;cursor:pointer}.card-dark:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #fff}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 2rem;background:#000;color:#fff;border:4px solid #000;font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;font-size:1rem;cursor:pointer;transition:all .1s;width:100%;text-decoration:none;letter-spacing:.05em}.btn:hover{background:#fff;color:#000;box-shadow:6px 6px #000}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:disabled:hover{background:#000;color:#fff;box-shadow:none}.btn-outline{background:#fff;color:#000}.btn-outline:hover{background:#000;color:#fff}.header-top-bar{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:2rem;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:600px){.header-top-bar{justify-content:center;gap:.5rem}}.top-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;font-size:.8rem;text-decoration:none;background:#000;color:#fff;border:2px solid #000;transition:all .2s;box-shadow:3px 3px #000}.top-btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #000}.top-btn.outline{background:#fff;color:#000}.top-btn.outline:hover{background:#000;color:#fff}.header{padding:2rem 1.5rem;border-bottom:6px solid #000;text-align:center}.header-title{font-size:clamp(4rem,18vw,14rem);text-align:center}.header-badge{display:inline-block;background:#000;color:#fff;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.65rem,2.5vw,.85rem);margin-top:1.5rem;max-width:100%}.header-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;padding:0}@media(max-width:600px){.header-info{grid-template-columns:1fr}}.info-card{border:4px solid #000;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:5px 5px #000}.info-card-icon{font-size:2rem;flex-shrink:0}.info-card-text h3{font-size:1rem;margin-bottom:.4rem}.info-card-text p{font-size:1.1rem;font-weight:700}.info-card-text small{opacity:.6;font-weight:700;font-size:.85rem}.barbers-section{background:#000;color:#fff;padding:5rem 2rem}.section-title{font-size:clamp(2.5rem,8vw,6rem);margin-bottom:3rem;-webkit-text-stroke:2px #fff;color:transparent}.section-title-dark{font-size:clamp(2.5rem,8vw,6rem);margin-bottom:3rem;-webkit-text-stroke:2px #000;color:transparent}.barber-img{width:100%;height:380px;object-fit:cover;object-position:top;filter:grayscale(100%) contrast(1.1);transition:filter .4s;display:block}.card-dark:hover .barber-img,.card:hover .barber-img{filter:grayscale(0%) contrast(1)}.barber-info{background:#fff;color:#000;padding:1.5rem;border-top:4px solid #fff}.barber-name{font-size:2.5rem;font-family:Inter,sans-serif;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:.5rem}.barber-desc{opacity:.6;font-weight:700;margin-bottom:1.25rem;font-size:.95rem}.price-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1rem;border-bottom:3px solid #000;cursor:pointer;transition:all .1s;font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;font-size:1.1rem}.price-row:hover{background:#f0f0f0}.price-row.selected{background:#000;color:#fff}.modal-bg{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.modal-box{background:#fff;border:5px solid #000;box-shadow:16px 16px #000;width:100%;max-width:580px;max-height:92vh;overflow-y:auto;padding:2.5rem;position:relative;animation:modalIn .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalIn{0%{transform:scale(.88) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;border:3px solid #000;background:#fff;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:900;transition:all .1s}.modal-close:hover{background:#000;color:#fff}.modal-barber{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:4px solid #000}.modal-barber small{font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;opacity:.4}.modal-barber h2{font-size:2.5rem;letter-spacing:-.04em}.progress-bar{display:flex;gap:6px;margin-bottom:2rem}.progress-segment{height:6px;flex:1;border:2px solid #000;background:transparent;transition:background .3s}.progress-segment.active{background:#000}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.time-btn{padding:.85rem;font-family:Inter,sans-serif;font-weight:900;font-size:.9rem;border:3px solid #000;background:#fff;cursor:pointer;text-transform:uppercase;transition:all .1s}.time-btn:hover{background:#f0f0f0}.time-btn.selected{background:#000;color:#fff}.time-btn.booked{background:#f0f0f0;color:#aaa;border-color:#ccc;cursor:not-allowed;text-decoration:line-through}.time-btn.booked:hover{background:#f0f0f0}.date-input{width:100%;padding:1.25rem;border:4px solid #000;font-family:Inter,sans-serif;font-weight:900;font-size:1.5rem;outline:none;margin-bottom:2rem;transition:all .15s}.date-input:focus{background:#000;color:#fff}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;border-bottom:4px solid #000;padding-bottom:1rem}.dashboard-list-item{background:#fff;border:4px solid #000;padding:1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.dashboard-header h1{font-size:3.5rem!important}.dashboard-list-item{grid-template-columns:1fr;text-align:left;gap:.5rem}.dashboard-list-item>div:last-child{width:fit-content}}.step-nav{display:flex;gap:1rem}.summary-box{border:4px solid #000;padding:1.5rem;margin-bottom:2rem;box-shadow:6px 6px #000}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:2px solid #eee;font-family:Inter,sans-serif;font-weight:700}.summary-row:last-child{border-bottom:none;font-size:1.3rem}.footer{background:#000;color:#fff;text-align:center;padding:5rem 2rem;border-top:12px solid #fff}.footer-title{font-size:clamp(4rem,12vw,10rem)}.footer-sub{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.8em;opacity:.25;margin:1.5rem 0 3rem}.footer-links{display:flex;justify-content:center;gap:3rem}.footer-links a{color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;font-size:1rem;transition:text-decoration .1s}.footer-links a:hover{text-decoration:line-through}.flyer-section{padding:5rem 2rem;background:#fff}.flyer-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}@media(max-width:900px){.flyer-grid{grid-template-columns:1fr}}.flyer-img{width:100%;border:5px solid #000;box-shadow:12px 12px #000;display:block;filter:grayscale(100%) contrast(1.1);transition:filter .5s}.flyer-img:hover{filter:grayscale(0%)}.flyer-text h2{font-size:clamp(3rem,6vw,5rem);margin-bottom:1.5rem;line-height:.95}.flyer-text p{font-size:1.15rem;opacity:.5;font-weight:700;text-transform:uppercase;margin-bottom:2.5rem;line-height:1.5}.stroke-text{-webkit-text-stroke:2px #000;color:transparent}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000;border:3px solid #fff}