:root{color:#f6f1df;background:#070b17;--navy-950: #070b17;--navy-900: #0a1024;--navy-800: #101a3d;--navy-700: #15275d;--gold-500: #ffc928;--gold-300: #ffe48a;--title-warm: #f5ead0;--title-blue: #aebff4;--ink-soft: #c9cfdf;--line-dark: rgba(255, 255, 255, .12);--surface-dark: rgba(12, 19, 42, .86);--font-blackletter: "UnifrakturMaguntia", Georgia, "Times New Roman", serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,rgba(242,189,46,.12),transparent 28rem),linear-gradient(180deg,#070b17,#0a1024 48%,#070b17)}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid var(--line-dark);background:#070b17e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links,.hero-actions,.contact-items{display:flex;align-items:center}.brand{gap:10px;font-weight:800;color:#fff}.brand-mark{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(242,189,46,.75)}.brand-text{color:#ffc928;font-family:var(--font-blackletter);font-size:clamp(1.25rem,2.4vw,1.95rem);font-weight:900;letter-spacing:.02em;text-shadow:0 2px 0 rgba(58,37,14,.82),0 0 12px rgba(255,201,40,.34),-1px -1px 0 rgba(37,78,180,.55);white-space:nowrap}.nav-links{gap:10px;flex-wrap:wrap;justify-content:flex-end}.menu-toggle{display:none;place-items:center;width:46px;height:46px;border:1px solid rgba(255,201,40,.28);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer}.nav-links a,.nav-button,.contact-items a,.contact-items span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:9px 12px;border-radius:8px;color:#e7ebf8}.nav-links a:hover,.nav-button:hover,.contact-items a:hover{background:#f2bd2e1f;color:#fff}.nav-button{border:1px solid rgba(255,201,40,.28);border-radius:999px;background:linear-gradient(135deg,#15275deb,#070b17d1),radial-gradient(circle at 25% 10%,rgba(255,201,40,.28),transparent 48%);color:#f7e8be;cursor:pointer;font-weight:900;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #0000003d;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-button:hover{border-color:#ffc9287a;transform:translateY(-1px)}.hero{min-height:calc(100svh - 77px);display:grid;place-items:center;padding:clamp(18px,3.6vh,38px) clamp(18px,6vw,84px);background:linear-gradient(180deg,#070b17d6,#0a1024bd 52%,#070b17eb),url(/images/hero-1920x1080-emape.jpg) center / cover no-repeat;color:#fffaf1;text-align:center}.hero-copy{display:grid;justify-items:center;align-content:center;max-width:760px}.hero-local-label{margin:0 0 10px;padding:9px 16px;border:1px solid rgba(255,201,40,.28);border-radius:999px;background:linear-gradient(135deg,#070b17c7,#101a3db8),radial-gradient(circle at 20% 15%,rgba(255,201,40,.22),transparent 55%);color:#f5ead0;font-size:clamp(1.05rem,2vh,1.22rem);font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 10px 24px #00000052,inset 0 1px #ffffff1a;text-shadow:0 2px 8px rgba(3,9,34,.92)}.hero-barber-label{margin:0 0 8px;color:#f5ead0;font-size:clamp(1rem,1.8vh,1.12rem);font-weight:900;text-shadow:0 2px 8px rgba(3,9,34,.92),0 0 14px rgba(255,201,40,.18)}.eyebrow{margin:0 0 10px;color:var(--gold-500);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:var(--gold-300)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2.35rem,5.6vw,5.15rem);line-height:.92;letter-spacing:.02em}h2{margin-bottom:0;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.02;letter-spacing:0}.section-heading h2,.featured-phrase h2,.suit-aside h2,.contact-panel h2{color:var(--title-warm);font-family:var(--font-blackletter);font-size:clamp(2.05rem,4.5vw,3.55rem);font-weight:700;line-height:1.04;text-shadow:0 2px 0 rgba(3,9,34,.96),0 8px 20px rgba(5,18,66,.58),0 0 18px rgba(20,48,124,.34)}.hero-text{max-width:560px;color:#ffe29a;font-size:clamp(1.12rem,2.25vh,1.34rem);font-weight:900;line-height:1.45;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.78),0 0 18px rgba(242,189,46,.28)}.hero-logo-wrap{position:relative;display:grid;place-items:center;width:min(84vw,610px,61svh);aspect-ratio:1;margin:-4px 0 10px;perspective:1100px}.hero-logo-wrap:before,.hero-logo-wrap:after{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;z-index:-1;border-radius:50%;filter:blur(38px);opacity:.95}.hero-logo-wrap:before{background:radial-gradient(circle at 34% 34%,rgba(255,207,63,.96),transparent 42%),radial-gradient(circle at 72% 58%,rgba(42,92,230,.98),transparent 50%);animation:logoAura 6s ease-in-out infinite,logoAuraSpin 14s linear infinite}.hero-logo-wrap:after{top:-5%;right:-5%;bottom:-5%;left:-5%;background:radial-gradient(circle at 65% 38%,rgba(255,224,98,.72),transparent 40%),radial-gradient(circle at 30% 70%,rgba(66,118,255,.74),transparent 47%);filter:blur(46px);animation:logoAuraReverse 7s ease-in-out infinite,logoAuraSpin 18s linear reverse infinite}.hero-logo{width:100%;height:100%;object-fit:contain;transform-style:preserve-3d;filter:drop-shadow(0 30px 48px rgba(0,0,0,.72)) drop-shadow(0 0 34px rgba(255,207,63,.44)) drop-shadow(0 0 28px rgba(77,124,255,.34));animation:coinFlip 20s ease-in-out infinite}@keyframes logoAura{0%,to{transform:translate(-2%,1%) scale(.96);opacity:.58}50%{transform:translate(2%,-2%) scale(1.06);opacity:.86}}@keyframes logoAuraReverse{0%,to{transform:translate(2%,-1%) scale(1.04);opacity:.48}50%{transform:translate(-2%,2%) scale(.96);opacity:.76}}@keyframes logoAuraSpin{0%{rotate:0deg}to{rotate:360deg}}@keyframes coinFlip{0%,72%,to{transform:rotateY(0) scale(1)}78%{transform:rotateY(88deg) scale(1.02)}84%{transform:rotateY(180deg) scale(1.04)}90%{transform:rotateY(272deg) scale(1.02)}96%{transform:rotateY(360deg) scale(1)}}.hero-support{max-width:560px;color:#f4d47a;font-size:clamp(1rem,1.95vh,1.12rem);font-weight:800;line-height:1.45;margin-bottom:0;text-shadow:0 2px 8px rgba(0,0,0,.72)}.hero-address{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:620px;margin:12px 0 0;color:#fff0a8;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.72);transition:color .18s ease,transform .18s ease}.hero-address:hover{color:#fff;transform:translateY(-1px)}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 18px;border:0;border-radius:8px;cursor:pointer;font-weight:800}.button-primary{background:linear-gradient(135deg,#fff0a8,#ffc928 42%,#d79416);color:#091025;box-shadow:0 10px 24px #ffc9283d}.button-secondary{background:linear-gradient(135deg,#101a3de0,#070b17c2);color:#fff8e6;border:1px solid rgba(245,234,208,.2);box-shadow:0 10px 24px #00000038}.brand-icon{width:21px;height:21px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.42))}.button-gold{margin-top:12px;background:linear-gradient(135deg,#fff0a8,#ffc928 42%,#d79416);color:#091025;box-shadow:0 10px 24px #ffc9283d}.section,.story-section,.featured-phrase,.suit-aside,.facial-section,.whatsapp-booking,.gallery-section,.contact-panel{padding:clamp(42px,7vw,76px) clamp(18px,6vw,84px)}.section-heading{max-width:780px;margin-bottom:28px}.section-intro{max-width:700px;margin-top:14px;color:var(--ink-soft);font-size:1.04rem;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card,.principle-card{border:1px solid var(--line-dark);border-radius:8px;background:var(--surface-dark)}.story-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(24px,4vw,54px);align-items:start}.story-copy{max-width:850px;color:var(--ink-soft);font-size:1.04rem;line-height:1.78}.story-copy p:last-child,.suit-aside p:last-child{margin-bottom:0}.story-side{display:grid;gap:14px}.story-side img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;border:1px solid var(--line-dark)}.featured-phrase{background:linear-gradient(135deg,rgba(242,189,46,.18),transparent 42%),var(--navy-800);color:#fff;border-block:1px solid var(--line-dark)}.featured-phrase p{margin-bottom:10px;font-weight:800;text-transform:uppercase}.featured-phrase h2{max-width:980px}.service-card{min-height:250px;padding:22px}.service-icon{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff12;box-shadow:inset 0 1px #ffffff1a,0 12px 24px #00000038}.service-icon-gold{color:#ffc928;background:#ffc9281f}.service-icon-blue{color:#7da2ff;background:#4d7cff24}.service-icon-green{color:#57d58d;background:#25d3661f}.service-icon-cyan{color:#6ee7ff;background:#52cbe61f}.service-card h3{margin:22px 0 8px;color:var(--gold-500);font-size:1.18rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.service-card p{margin-bottom:0;color:var(--ink-soft);line-height:1.6}.service-card strong{font-size:1.3rem}.suit-aside{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,48px);align-items:center;background:linear-gradient(135deg,rgba(255,201,40,.2),transparent 38%),#070b17;color:#fffaf1}.suit-aside h2{max-width:780px}.suit-aside p{max-width:880px;color:var(--ink-soft);line-height:1.7}.suit-media img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:8px;border:1px solid rgba(255,201,40,.28);filter:brightness(1.16) contrast(1.08) saturate(1.12);box-shadow:0 22px 50px #00000075,0 0 34px #ffc92829}.facial-section{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center;background:radial-gradient(circle at 80% 20%,rgba(16,167,181,.16),transparent 28rem),#050814;border-block:1px solid var(--line-dark)}.facial-media img{display:block;width:100%;max-height:760px;object-fit:contain;border:1px solid rgba(69,208,218,.24);border-radius:8px;background:#050505;box-shadow:0 26px 60px #0000007a,0 0 34px #26b4c21f}.facial-copy h2,.whatsapp-booking h2{margin-bottom:18px;color:var(--title-warm);font-family:var(--font-blackletter);font-size:clamp(2.05rem,4.5vw,3.55rem);font-weight:700;line-height:1.04;text-shadow:0 2px 0 rgba(3,9,34,.96),0 8px 20px rgba(5,18,66,.58)}.facial-copy>p,.whatsapp-booking-copy>p{max-width:760px;color:var(--ink-soft);font-size:1.04rem;line-height:1.7}.facial-benefits{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}.facial-benefits li{display:flex;align-items:center;gap:10px;color:#edf7f8;font-weight:800;transition:transform .18s ease,filter .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.06)}.button:focus-visible,.nav-button:focus-visible,.menu-toggle:focus-visible,.modal-close:focus-visible,.table-delete:focus-visible{outline:3px solid #7da2ff;outline-offset:3px}.facial-benefits svg{flex:0 0 auto;color:#55d6df}.button-whatsapp{border:1px solid rgba(255,224,138,.4);background:linear-gradient(135deg,#fff0a8,#ffc928 48%,#d79416);color:#091025;box-shadow:0 12px 28px #ffc92833,inset 0 1px #ffffff6b}.whatsapp-booking{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,72px);align-items:center;background:radial-gradient(circle at 85% 50%,rgba(255,201,40,.14),transparent 24rem),radial-gradient(circle at 70% 10%,rgba(42,92,230,.16),transparent 20rem),linear-gradient(135deg,#081025,#070b17);border-top:1px solid var(--line-dark)}.whatsapp-booking-note{color:#f5ead0!important;font-weight:800}.whatsapp-booking-mark{display:grid;place-items:center;width:clamp(130px,18vw,220px);aspect-ratio:1;border:1px solid rgba(255,201,40,.3);border-radius:50%;background:radial-gradient(circle,#15275deb,#070b17f0);color:var(--gold-500);box-shadow:inset 0 0 36px #4d7cff1f,0 0 44px #ffc9281f}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px;background:#030610d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-modal{position:relative;width:min(1120px,100%);max-height:min(90dvh,900px);overflow:auto;padding:clamp(58px,7vw,72px) clamp(20px,3vw,34px) clamp(24px,3vw,34px);border:1px solid rgba(255,201,40,.22);border-radius:8px;background:radial-gradient(circle at 90% 0%,rgba(42,92,230,.2),transparent 22rem),#070b17;box-shadow:0 30px 80px #00000094}.admin-modal h2,.admin-modal h3{color:var(--title-warm)}.modal-close,.table-delete{display:grid;place-items:center;border:1px solid rgba(255,201,40,.24);border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer}.modal-close{position:absolute;top:14px;right:14px;width:44px;height:44px}.table-delete{width:42px;height:42px;color:#ffd2cb}.admin-login-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:clamp(22px,5vw,56px);align-items:start;max-width:960px;margin-inline:auto}.admin-login-panel p{color:var(--ink-soft);line-height:1.65}.admin-login-form,.manual-appointment-form{display:grid;gap:14px}.admin-login-form label,.manual-appointment-form label,.admin-date-filter{display:grid;gap:7px;color:#f5ead0;font-weight:800}.admin-modal input,.admin-modal textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid rgba(174,191,244,.28);border-radius:8px;background:#ffffff12;color:#fff}.admin-modal textarea{min-height:84px;resize:vertical}.admin-modal input:focus,.admin-modal textarea:focus{border-color:#7da2ff;outline:2px solid rgba(125,162,255,.26)}.form-error{margin:0;color:#ffd2cb;font-weight:800}.admin-private-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-date-filter{max-width:560px;margin-bottom:18px}.admin-date-label{color:#f5ead0;font-weight:800}.date-selector{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:stretch}.date-selector button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid rgba(174,191,244,.28);border-radius:8px;background:#ffffff12;color:#fff;cursor:pointer;transition:background .18s ease,border-color .18s ease}.date-selector button:hover{border-color:#ffc92875;background:#ffc9281a}.date-selector button:focus-visible{outline:3px solid #7da2ff;outline-offset:2px}.date-selector .date-selector-current{gap:10px;padding-inline:14px;color:var(--title-warm);font-weight:900;text-transform:capitalize}.date-selector-native{position:absolute;width:1px!important;height:1px;min-height:0!important;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;opacity:0}.admin-panel-error{margin-bottom:14px;padding:12px;border:1px solid rgba(255,120,110,.24);border-radius:8px;background:#8f261f2e}.agenda-table-wrap{overflow-x:auto;border:1px solid rgba(255,201,40,.18);border-radius:8px}.agenda-table{width:100%;min-width:760px;border-collapse:collapse;background:#0c132ac7}.agenda-table th,.agenda-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:middle}.agenda-table th{color:var(--title-warm);font-size:.78rem;text-transform:uppercase}.manual-appointment-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,201,40,.18)}.manual-appointment-form h3,.manual-appointment-form .full-row{grid-column:1 / -1}.manual-appointment-form .button:disabled{cursor:wait;opacity:.58}.gallery-section{background:#0c132a}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:14px}.gallery-item{position:relative;min-height:320px;margin:0;overflow:hidden;border-radius:8px;border:1px solid var(--line-dark);background:#111}.gallery-item:first-child{min-height:440px}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;border-radius:8px;background:#070b17c7;color:#fff;font-weight:800}.contact-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);gap:24px;align-items:center;background:#050814;color:#fffaf1}.contact-items{gap:10px;flex-wrap:wrap}.contact-items a,.contact-items span{background:#fffaf114;color:#fffaf1}.developer-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px clamp(18px,6vw,84px) 26px;border-top:1px solid var(--line-dark);color:var(--ink-soft);background:#050814;font-size:.92rem;font-weight:800}.developer-footer-mark{width:32px;height:32px;border:1px solid rgba(255,201,40,.3);border-radius:8px;display:inline-grid;place-items:center;color:#091025;background:linear-gradient(135deg,#fff0a8,#ffc928 56%,#d79416);font-size:.78rem;font-weight:950}@media(max-width:860px){.hero,.story-layout,.suit-aside,.facial-section,.whatsapp-booking,.contact-panel{grid-template-columns:1fr}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.brand-text{font-size:clamp(1.2rem,4vw,1.55rem)}.menu-toggle{display:grid}.nav-links{grid-column:1 / -1;display:none;width:100%;padding:10px;border:1px solid rgba(255,201,40,.18);border-radius:8px;background:#070b17f5;box-shadow:0 18px 42px #00000057}.nav-links.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links a,.nav-button{justify-content:center;min-height:46px;background:#ffffff0f}.hero{min-height:auto}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:first-child{min-height:300px}.whatsapp-booking-mark{display:none}.admin-login-panel,.manual-appointment-form{grid-template-columns:1fr}}@media(max-width:640px){.brand,.nav-links{width:100%}.brand{min-width:0}.brand-text{font-size:clamp(1rem,5vw,1.3rem);letter-spacing:.02em}.site-header{padding-block:10px}.nav-links.is-open{grid-template-columns:1fr}.hero{min-height:calc(100svh - 138px);padding-block:14px}.hero-logo-wrap{width:min(86vw,46svh)}.service-grid{grid-template-columns:1fr}.admin-modal-backdrop{padding:8px}.admin-modal{max-height:96dvh}.admin-private-header{align-items:flex-start;flex-direction:column}.admin-date-filter{max-width:none}.date-selector{grid-template-columns:46px minmax(0,1fr) 46px}.date-selector .date-selector-current{padding-inline:8px;font-size:.9rem}.agenda-table-wrap{overflow:visible;border:0}.agenda-table{min-width:0;background:transparent}.agenda-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.agenda-table tbody,.agenda-entry{display:grid;gap:0}.agenda-table tbody{gap:12px}.agenda-entry{padding:6px 14px;border:1px solid rgba(255,201,40,.2);border-radius:8px;background:#0c132ad1}.agenda-table .agenda-entry td{display:grid;grid-template-columns:minmax(76px,.36fr) minmax(0,1fr);gap:12px;padding:10px 0;overflow-wrap:anywhere}.agenda-table .agenda-entry td:before{content:attr(data-label);color:var(--gold-300);font-size:.75rem;font-weight:900;text-transform:uppercase}.agenda-table .agenda-entry .agenda-entry-action{display:flex;justify-content:flex-end}.agenda-table .agenda-entry .agenda-entry-action:before{content:none}.agenda-status-row,.agenda-status-row td{display:block;width:100%}.agenda-status-row td{padding:18px;border:1px solid rgba(255,201,40,.18);border-radius:8px;background:#0c132ac7}}@media(max-height:740px){.brand-mark{width:40px;height:40px}.hero-logo-wrap{width:min(80vw,50svh)}.hero-actions{margin-top:12px}.button{min-height:44px;padding-block:10px}}@media(prefers-reduced-motion:reduce){.hero-logo,.hero-logo-wrap:before,.hero-logo-wrap:after{animation:none}}
