/* Página inicial do Salão na Hora: o arco do espelho de salão é o elemento que se repete */
.hs{--wine:#8E1532;--rose:#F4C6D0;--blush:#FFF4F5;--butter:#FFD978;--bg:#FFF9F8;--accent:#8E1532;--accent-soft:#FBE3E8}
@media (prefers-color-scheme:dark){.hs{--bg:#1A1013;--blush:#24161A;--rose:#5A2733}}
.arch{display:block;overflow:hidden;border-radius:999px 999px 22px 22px;background:var(--rose)}
.arch img{width:100%;height:100%;object-fit:cover;display:block}
.hs-hero{background:linear-gradient(180deg,var(--bg) 0%,var(--blush) 100%);padding:10px 0 70px}
.hs-hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.hs-copy h1{font-size:clamp(38px,5.4vw,64px);line-height:1.04;margin:12px 0 18px}
.hs-stage{position:relative;height:560px}
.arch-big{position:absolute;right:0;top:0;width:78%;height:100%;box-shadow:0 40px 80px -40px rgba(142,21,50,.55)}
.arch-small{position:absolute;left:0;top:30px;width:30%;height:44%;border:6px solid var(--bg)}
.hs-stage .phone{position:absolute;left:4%;bottom:-24px;width:250px;transform:rotate(-3deg)}
.toast-card{position:absolute;right:-8px;top:46%;display:flex;gap:10px;align-items:center;background:#fff;color:#2B1418;border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.35);max-width:260px;font-size:13px;animation:pop .6s .5s both}
.toast-card b{display:block;font-size:13px}.toast-card small{color:#7A666B}
.toast-card .dot{width:10px;height:10px;border-radius:50%;background:#25d366;flex:none;box-shadow:0 0 0 5px rgba(37,211,102,.18)}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.toast-card{animation:none}}
.hs-areas{border-top:0;padding-top:56px}
.areas{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}
.areas a{color:var(--ink);text-decoration:none;text-align:center;font-weight:600;font-size:15px}
.areas .arch{aspect-ratio:3/4;margin-bottom:10px;transition:transform .25s}
.areas a:hover .arch{transform:translateY(-4px)}
.areas a:focus-visible{outline:3px solid var(--wine);outline-offset:4px;border-radius:12px}
.hs-feat{background:var(--blush);border-top:0}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:36px 0}
.feat.rev .feat-media{order:2}
.feat-media{position:relative}
.feat-media .arch{aspect-ratio:4/4.6;max-width:430px}
.feat.rev .feat-media .arch{margin-left:auto}
.feat-copy h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:0 0 14px}
.feat-copy p{font-size:18px;color:var(--muted);max-width:34em}
.feat-copy a{font-weight:600}
.ui-slots,.ui-wa,.ui-caixa{position:absolute;bottom:-18px;right:4%;background:#fff;color:#2B1418;border-radius:18px;padding:14px;box-shadow:0 24px 50px -24px rgba(0,0,0,.4);width:250px;font-size:13px}
.feat.rev .ui-wa{left:0;right:auto}
.ui-slots div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.ui-slots span{border:1px solid #EADFE0;border-radius:10px;padding:7px 0;text-align:center;font-weight:600}
.ui-slots span.on{background:var(--wine);border-color:var(--wine);color:#fff}
.ui-wa{background:#ECE5DD}
.ui-wa p{background:#fff;border-radius:12px 12px 12px 4px;padding:8px 10px;margin:0 0 6px;font-size:13px;max-width:92%}
.ui-wa p.me{background:#DCF8C6;margin-left:auto;border-radius:12px 12px 4px 12px;width:fit-content}
.ui-caixa small{color:#7A666B}.ui-caixa b{display:block;font-family:var(--f-display);font-size:26px;font-weight:400;margin:2px 0 10px}
.ui-caixa .bars{display:flex;align-items:flex-end;gap:6px;height:60px}
.ui-caixa .bars i{flex:1;background:var(--rose);border-radius:6px 6px 2px 2px}
.ui-caixa .bars i:last-child{background:var(--wine)}
.hs-more-t{margin:40px 0 6px;font-size:24px}
.hs-more{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 36px}
.hs-more li{font-size:15.5px;color:var(--muted);padding-left:16px;border-left:3px solid var(--rose)}
.hs-more b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}
.hs-precos{border-top:0}
.hs-final{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;background:var(--wine);color:#fff;border-radius:28px;padding:30px 40px}
.hs-final .arch{aspect-ratio:3/4;background:#6d0f26}
.hs-final h2{color:#fff;margin:0 0 8px}
.hs-final p{opacity:.92}
.hs-final .btn{background:#fff;color:var(--wine);border-color:#fff}
@media (max-width:860px){
  .hs-hero-in{grid-template-columns:1fr}
  .hs-stage{height:440px;margin-top:10px}
  .hs-stage .phone{width:210px;font-size:12px}
  .toast-card{right:0;top:auto;bottom:40%;max-width:220px}
  .areas{grid-template-columns:repeat(3,1fr)}
  .feat{grid-template-columns:1fr;gap:34px}
  .feat.rev .feat-media{order:0}
  .feat-media .arch{max-width:none;aspect-ratio:4/3.6}
  .hs-more{grid-template-columns:1fr}
  .hs-final{grid-template-columns:1fr;padding:24px}
  .hs-final .arch{aspect-ratio:16/10;border-radius:22px}
}