@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600&display=swap');
:root{--black:#0d0d0b;--gold:#c89e5a;--cream:#eee8df;--ink:#241f19;--gray:#b8aea2;--shell:1310px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f4f0e8;font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08;margin:0}h1{font-size:clamp(54px,7.2vw,104px);letter-spacing:-.024em}h2{font-size:clamp(41px,4.4vw,70px);letter-spacing:-.017em}h3{font-size:clamp(27px,2.6vw,38px)}p{margin:0 0 18px}h1 em{color:var(--gold);font-style:normal}h2 em{color:var(--gold)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.shell{width:min(var(--shell),100% - 68px);margin-inline:auto}.skip{position:absolute;left:-9999px;background:white;color:black;padding:10px;z-index:999}.skip:focus{left:10px;top:10px}.site-head{height:84px;position:sticky;top:0;z-index:40;background:#0a0a09ed;border-bottom:1px solid #72522d;backdrop-filter:blur(10px)}.head-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:none;width:195px}.brand img{width:100%;height:64px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.55vw,27px);flex:1}.main-nav a{font-size:11px;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;color:#e5dfd5}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--gold)}.book-top{border:1px solid var(--gold);padding:10px 19px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.nav-toggle{display:none;color:#fff;background:none;border:1px solid #846b42;font-size:24px;padding:3px 10px;cursor:pointer}.hero{position:relative;isolation:isolate;min-height:630px;height:min(740px,77vh);display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 33%;z-index:-2}.hero-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080808f9 1%,#0c0b0bdc 42%,#0c0b0b70 71%,#0c0b0b19 100%)}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-copy{max-width:660px}.hero h1{max-width:650px;margin:14px 0 23px}.hero-lead{max-width:500px;font-size:17px;line-height:1.85;color:#f1e9dc}.micro{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}.accent{color:var(--gold)}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.button{display:inline-flex;min-height:48px;padding:13px 22px;align-items:center;justify-content:center;border:1px solid var(--gold);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:background .2s,color .2s}.button:hover{background:var(--gold);color:var(--black)}.button.solid{background:var(--gold);color:var(--black)}.button.solid:hover{background:#ecc88e}.dark-button{color:var(--black)}.pole{width:85px;height:240px;object-fit:contain;filter:drop-shadow(1px 12px 18px #0008)}.section{padding:clamp(70px,7vw,111px) 0}.black{background:#0d0d0b;color:#f9f4eb}.ivory{background:var(--cream);color:var(--ink)}.section-title{max-width:760px;margin:0 0 42px}.section-title h2{margin:10px 0 16px}.section-title>p:not(.micro){color:#a9a197;font-size:15px;max-width:650px}.ivory .section-title>p:not(.micro){color:#726960}.intro-split{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(35px,5vw,82px)}.intro-split p{font-size:15px;line-height:1.9;color:#6b6259}.black .intro-split p{color:#c9bbac}.room-photo{width:100%;height:470px;object-fit:cover;object-position:center 30%;border-radius:1px}.marco-photo{width:100%;height:540px;object-fit:cover;object-position:center 32%}.brandline{display:flex;align-items:center;gap:18px;border-top:1px solid #c6b9a8;padding-top:27px;margin-top:27px;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.brandline img{width:36px;height:87px;object-fit:contain}.ritual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ritual-card{background:#1d1b18;border:1px solid #605139}.ritual-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.ritual-info{padding:25px 21px 28px}.ritual-info h3{font-size:34px;margin:11px 0}.ritual-info p{font-size:13px;color:#c4baac;line-height:1.72;margin:0}.section-actions{display:flex;justify-content:center;margin-top:34px}.services-intro{grid-template-columns:1fr 1fr}.mini-services{margin:0 0 31px;padding:0;list-style:none;border-top:1px solid #b6a798}.mini-services li{border-bottom:1px solid #c4b4a4;padding:11px 2px;font-size:14px}.approved-frame{margin:auto;width:100%;max-width:1460px;border:1px solid #897044;background:black}.approved-frame img{width:100%;height:auto}.approved-hint{display:block;color:#bdaa8c;font-size:10px;letter-spacing:.1em;text-align:center;padding:10px;text-transform:uppercase;background:#191614}.disclaimer{text-align:center;color:#a99c89;font-size:12px;margin-top:23px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 60px}.service{display:flex;gap:22px;border-bottom:1px solid #b9a88f;padding:25px 0 27px;align-items:flex-start}.service-n{font-family:Georgia,serif;font-size:21px;color:#a97a37;flex:none}.service h3{font-size:31px;margin:0 0 10px}.service p{color:#6b6259;font-size:13px;line-height:1.8;margin:0}.ritual-detail{display:grid;grid-template-columns:1fr 1fr;gap:22px 52px}.ritual-detail article{display:flex;align-items:flex-start;gap:20px;border-top:1px solid #b3a28c;padding:29px 0}.ritual-detail h3{margin-bottom:10px}.ritual-detail p{font-size:14px;color:#72695d}.ritual-detail .intro{font-weight:600;color:#3e352c}.number{font-size:19px;color:#ab7a3a}.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.style-card{background:#faf5ed;border:1px solid #cfbfae}.style-card img{width:100%;aspect-ratio:1.4/1;object-fit:cover}.style-card>div{padding:18px 18px 23px}.style-card h3{font-size:30px;line-height:1.0;margin:5px 0 5px}.style-card .alt-name{font-size:11px;color:#a47834;margin:0 0 13px;font-weight:700}.style-card .style-desc{font-size:12px;color:#6c6154;line-height:1.7;margin:0}.space-gallery{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.space-gallery img{width:100%;height:360px;object-fit:cover;object-position:center 34%}.cta{background:linear-gradient(#0c0c0be9,#0c0c0be9),url('../barbearia/barbearia-vista-real.jpg') center / cover;text-align:center;padding:95px 0;color:white}.cta h2{margin:12px 0 18px}.cta p:not(.micro){color:#d1c6b6;margin-inline:auto;max-width:600px}.centered-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:25px}.footer{background:#090909;color:#d3c2aa;border-top:1px solid #76552d;padding:47px 0 25px}.foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:start}.footer-logo{max-width:238px;height:auto;margin-bottom:21px}.footer p{font-size:13px;line-height:1.9}.footer nav{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer a:hover{color:var(--gold)}.footer .button{margin:5px 0 18px}.copyright{border-top:1px solid #473421;margin-top:35px;padding-top:17px;color:#a3998d;font-size:11px}
@media(max-width:1150px){.site-head{height:76px}.brand{width:175px}.nav-toggle{display:block;margin-left:0}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0e0c0a;border-bottom:1px solid #8d6b3b;padding:22px 28px;flex-direction:column;gap:16px;align-items:flex-start}.main-nav.open{display:flex}.book-top{margin-left:auto}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ritual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.brand{width:130px}.brand img{height:54px}.head-inner{gap:9px}.book-top{font-size:10px;padding:9px}.hero{min-height:610px;height:auto}.hero-image{object-position:63% center}.hero-vignette{background:linear-gradient(90deg,#050505ee,#050505a9 68%,#0505058c)}.hero-content{align-items:flex-start;gap:10px;padding:72px 0}.hero-copy{width:100%}.hero h1{font-size:clamp(52px,12vw,81px);max-width:450px}.hero-lead{font-size:15px}.pole{width:48px;height:140px;margin-top:4px}.hero-buttons{flex-direction:column;align-items:flex-start}.section{padding:66px 0}.intro-split,.services-intro,.foot-grid,.services-grid,.ritual-detail{grid-template-columns:1fr}.room-photo{height:325px}.marco-photo{height:400px}.style-grid,.ritual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ritual-info{padding:14px 12px 21px}.ritual-info h3{font-size:26px}.ritual-info p{font-size:11px}.style-card>div{padding:13px 10px}.style-card h3{font-size:24px}.style-card .style-desc{font-size:11px}.space-gallery{gap:10px}.space-gallery img{height:220px}.approved-frame{margin:0 -5px;width:calc(100% + 10px)}.foot-grid{gap:30px}.service{padding:21px 0}.service h3{font-size:28px}}
@media(max-width:410px){.hero{min-height:625px}.hero-content{position:relative}.pole{width:39px;position:absolute;right:0;top:32px;opacity:.7}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(49px,12vw,61px)}.brand{width:107px}.book-top{font-size:9px;padding:9px 8px}.nav-toggle{font-size:20px;padding:5px}.ritual-grid{grid-template-columns:1fr 1fr}.ritual-info h3{font-size:22px}.ritual-info p{font-size:11px}.style-grid{grid-template-columns:1fr 1fr}.style-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Revisão visual aprovada: serviços + galeria com mobiliário real */
.mini-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:0;border-top:none;margin:0 0 26px;}
.mini-services .mini-service{display:flex;align-items:flex-start;gap:13px;padding:15px 2px 17px;border-bottom:1px solid #d5c8b6;min-width:0;}
.mini-number{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:50%;background:#f1e6d8;color:#aa7333;font-size:11px;font-weight:700;letter-spacing:.08em;}
.mini-info{display:flex;flex-direction:column;gap:4px;min-width:0;}
.mini-info strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;line-height:1.2;color:#1d1b18;}
.mini-info small{font-size:12px;font-weight:400;line-height:1.6;color:#85796c;}
.jem-photo-section{padding:0 0 82px;}
.gallery-heading{display:flex;gap:25px;align-items:baseline;justify-content:space-between;border-top:1px solid #d6c7b3;padding:27px 0 17px;}
.gallery-heading p{margin:0;}
.gallery-heading p:last-child{color:#6b6259;font-size:13px;letter-spacing:.04em;}
.jem-photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.jem-photo-gallery figure{margin:0;overflow:hidden;background:#dfd2c4;}
.jem-photo-gallery img{width:100%;height:300px;object-fit:cover;object-position:center center;}
@media(max-width:1000px){.mini-services{grid-template-columns:1fr;}.mini-info strong{font-size:24px}.jem-photo-gallery img{height:230px}}
@media(max-width:700px){.services-intro{gap:28px;}.mini-services{grid-template-columns:1fr 1fr;column-gap:10px}.mini-services .mini-service{gap:8px;padding:12px 0}.mini-number{flex-basis:29px;height:29px;font-size:9px}.mini-info strong{font-size:18px}.mini-info small{font-size:11px}.gallery-heading{flex-direction:column;gap:6px}.jem-photo-section{padding-bottom:55px}.jem-photo-gallery{grid-template-columns:1fr 1fr;gap:9px}.jem-photo-gallery figure:last-child{grid-column:1/-1}.jem-photo-gallery img{height:190px}.jem-photo-gallery figure:last-child img{height:290px}}
@media(max-width:380px){.mini-services{grid-template-columns:1fr}.mini-info strong{font-size:21px}}

/* Acessibilidade funcional: respeita o design previamente aprovado. */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }
.main-nav.open { z-index: 40; }
@media (max-width: 1150px) { .main-nav.open { max-height: calc(100dvh - 76px); overflow-y: auto; overscroll-behavior: contain; } }


/* JEM Barbershop — adaptação móvel aprovada (26/10/2026).
   Apenas apresentação responsiva; nenhuma fotografia ou composição desktop alterada. */
.mobile-cut-gallery{display:none}
@media (max-width:700px){
  /* Os rituais ganham largura para imagens e descrições realmente legíveis. */
  .ritual-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .ritual-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
  .ritual-info{padding:20px 19px 24px}
  .ritual-info h3{font-size:clamp(27px,7vw,32px);line-height:1.16}
  .ritual-info p{font-size:15px;line-height:1.7}

  /* O painel com oito miniaturas é preservado no desktop; em mobile,
     usam-se os oito ficheiros individuais já aprovados e sem transformações. */
  .approved-cuts-desktop,.cuts-intro-desktop{display:none}
  .mobile-cut-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:19px;margin:28px auto 0;max-width:470px}
  .mobile-cut-card{margin:0;background:#191714;border:1px solid #8d7046;overflow:hidden}
  .mobile-cut-card img{display:block;width:100%;height:auto;aspect-ratio:374/268;object-fit:contain;background:#0d0b09}
  .mobile-cut-card figcaption{display:flex;align-items:center;gap:14px;padding:16px 18px 19px;color:#f5efe5}
  .mobile-cut-number{font-family:Georgia,serif;font-size:22px;color:var(--gold);min-width:30px}
  .mobile-cut-card figcaption strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,7vw,31px);line-height:1.13}
  .mobile-cut-card figcaption small{display:block;font-size:13px;color:var(--gold);margin-top:7px;letter-spacing:.025em}
  /* Na página de cortes, apresentar também os cartões individuais em largura total. */
  .style-grid{grid-template-columns:minmax(0,1fr);gap:19px}
  .style-card img{display:block;width:100%;height:auto;aspect-ratio:374/268;object-fit:contain}
  .style-card>div{padding:20px 19px 25px}
  .style-card h3{font-size:clamp(27px,7vw,34px)}
  .style-card .alt-name{font-size:13px}
  .style-card .style-desc{font-size:15px;line-height:1.65}
}