.trilha{font-family:var(--tipo-ui); font-size:.75rem; color:var(--muted); margin:0 0 1.5rem; max-width:none}
  .trilha a{color:var(--muted); text-decoration:none; border-bottom:1px solid var(--rule-strong)}
  .trilha a:hover{color:var(--accent)}
  .abertura{padding:3.5rem 0 2.5rem; border-bottom:1px solid var(--rule)}

  .duas{padding:3.5rem 0}
  @media(min-width:60rem){.duas .wrap{display:grid; grid-template-columns:1fr 1.15fr; gap:4.5rem; align-items:start}}

  /* atalho whatsapp */
  .rapido{background:var(--surface); border:1px solid var(--rule); border-left:3px solid transparent;
    border-image:var(--fio-ouro) 1; padding:1.75rem 1.875rem; margin:0 0 2.5rem}
  .rapido p{font-family:var(--tipo-ui); font-weight:300; font-size:.9375rem; margin:0 0 1.125rem; max-width:none}
  .rapido b{color:var(--ink-strong); font-weight:600}
  .zap{display:inline-flex; align-items:center; gap:.625rem; font-family:var(--tipo-ui);
    font-size:.9375rem; font-weight:500; color:var(--ink-strong); text-decoration:none;
    border:1px solid var(--rule-strong); border-radius:2px; padding:.75rem 1.25rem; min-height:2.75rem}
  .zap:hover{border-color:var(--accent-line); background:var(--surface-2)}
  .zap svg{width:1.25rem; height:1.25rem; flex:none; color:var(--accent-line)}
  .rapido .ou{font-size:.8125rem; color:var(--muted); margin:1.125rem 0 0}

  /* dados */
  address{font-style:normal; font-family:var(--tipo-ui); font-size:.9375rem; font-weight:300}
  .unidade{border-top:1px solid var(--rule); padding:1.5rem 0}
  .unidade:first-of-type{border-top:0; padding-top:0}
  .unidade b.rot{display:flex; align-items:center; gap:.5rem; font-family:var(--tipo-ui);
    font-weight:500; font-size:.6875rem; letter-spacing:.16em; text-transform:uppercase;
    color:var(--accent); margin-bottom:.5rem}
  .unidade .ic{width:1rem; height:1rem}
  address a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--rule-strong);
    display:inline-block; padding:.25rem 0; min-height:2.75rem; line-height:2.25rem}
  address a:hover{color:var(--ink-strong); border-bottom-color:var(--accent-line)}
  .horario{font-size:.8125rem; color:var(--muted); margin:.5rem 0 0}

  /* formulário */
  form{display:grid; gap:1.125rem}
  .campo{display:grid; gap:.375rem}
  label{font-family:var(--tipo-ui); font-size:.8125rem; font-weight:500; color:var(--ink-strong)}
  input[type=text],input[type=email],select,textarea{
    font-family:var(--tipo-ui); font-size:.9375rem; font-weight:300; color:var(--ink);
    background:var(--surface); border:1px solid var(--rule-strong); border-radius:2px;
    padding:.75rem .875rem; width:100%; min-height:2.75rem}
  textarea{min-height:8rem; resize:vertical; line-height:1.6}
  .dica{font-family:var(--tipo-ui); font-size:.75rem; color:var(--muted); margin:0}
  fieldset{border:1px solid var(--rule-strong); border-radius:2px; padding:1rem 1.125rem; margin:0}
  legend{font-family:var(--tipo-ui); font-size:.8125rem; font-weight:500; color:var(--ink-strong); padding:0 .375rem}
  .radios{display:flex; flex-wrap:wrap; gap:.75rem 1.75rem}
  .radios label{display:inline-flex; align-items:center; gap:.5rem; font-weight:300;
    min-height:2.75rem; color:var(--ink)}
  .lgpd{display:flex; gap:.75rem; align-items:flex-start; font-family:var(--tipo-ui);
    font-size:.8125rem; font-weight:300; color:var(--ink); line-height:1.6}
  .lgpd input{margin-top:.75rem; width:1.125rem; height:1.125rem; flex:none}
  button[type=submit]{font-family:var(--tipo-ui); font-size:.9375rem; font-weight:500;
    background:var(--navy); color:#FAF8F5; border:2px solid var(--navy); border-radius:2px;
    padding:.8125rem 2rem; min-height:2.75rem; cursor:pointer; justify-self:start}
  button[type=submit]:hover{background:transparent; color:var(--ink-strong)}
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]) button[type=submit]{
      background:var(--champanhe); color:var(--navy); border-color:var(--champanhe)}
  }
  :root[data-theme="dark"] button[type=submit]{
    background:var(--champanhe); color:var(--navy); border-color:var(--champanhe)}

  /* o que ter em mãos */
  .maos{background:var(--surface-2); border-top:1px solid var(--rule); padding:3.5rem 0}
  .listas{display:grid; gap:1px; background:var(--rule); border:1px solid var(--rule); margin-top:2rem}
  @media(min-width:52rem){.listas{grid-template-columns:1fr 1fr}}
  .listas > div{background:var(--surface); padding:1.5rem 1.625rem}
  .listas p{font-size:.875rem; margin:0; max-width:none}
  .listas b{color:var(--ink-strong); font-weight:500}

  /* nota final */
  .reserva{background:var(--navy); color:#C6D2DE; padding:3rem 0}
  .reserva h2{color:#F3EFE8}
  .reserva p{color:#C6D2DE; max-width:60ch}
  .reserva b{color:var(--champanhe); font-weight:500}
