/* Calendario de disponibilidade das casas */
.vv-cal{
  --cal-linha: var(--hairline, rgba(58,46,35,.16));
  --cal-suave: var(--ink-soft, #745C3F);
  margin-top: 30px;
  border: 1px solid var(--cal-linha);
  background: var(--cream, #F7F2ED);
  padding: clamp(18px, 2.4vw, 28px);
}
.vv-cal-nav{ display:flex; align-items:center; gap:14px; margin-bottom: 18px }
/* o mes ja aparece em cada bloco; aqui fica so para leitor de tela */
.vv-cal-titulo{
  flex:1; margin:0; height:1px; width:1px; overflow:hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.vv-cal-seta{
  width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--cal-linha);
  background:transparent; color: var(--ink); cursor:pointer; transition: border-color .2s ease, color .2s ease;
}
.vv-cal-seta:hover:not(:disabled){ border-color: var(--terra, #C66522); color: var(--terra-text, #984A0F) }
.vv-cal-seta:disabled{ opacity:.3; cursor:default }
.vv-cal-seta:focus-visible{ outline:2px solid var(--terra, #C66522); outline-offset:2px }

.vv-cal-meses{ display:grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 3vw, 40px) }
.vv-cal-mes-nome{
  margin:0 0 10px; font-family: var(--serif); font-size:18px;
}
.vv-cal-mes-nome::first-letter{ text-transform: uppercase }
.vv-cal-grade{ display:grid; grid-template-columns: repeat(7, 1fr); gap:3px }
.vv-cal-vazio{ aspect-ratio:1 }
.vv-cal-dia{
  aspect-ratio:1; display:grid; place-items:center; border:0; background:transparent;
  font-family: var(--sans); font-size:14px; font-weight:400; font-variant-numeric: lining-nums tabular-nums; color: var(--ink); cursor:pointer;
  transition: background-color .18s ease, color .18s ease;
}
.vv-cal-dia:hover:not(:disabled){ background: rgba(198,101,34,.12) }
.vv-cal-dia:focus-visible{ outline:2px solid var(--terra, #C66522); outline-offset:-2px }
.vv-cal-dia.is-off{
  color: rgba(116, 92, 63, .55);
  cursor:default; text-decoration: line-through; text-decoration-thickness:1px;
}
.vv-cal-dia.is-entrada, .vv-cal-dia.is-saida{ background: var(--terra, #C66522); color:#F7F2ED }
.vv-cal-dia.is-meio{ background: rgba(198,101,34,.16) }

.vv-cal-rodape{
  display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px;
  margin-top:22px; padding-top:18px; border-top:1px solid var(--cal-linha);
}
.vv-cal-resumo{ margin:0; flex:1; min-width:180px; font-size:14px; color: var(--ink) }
.vv-cal-acoes{ display:flex; flex-wrap:wrap; gap:10px }
.vv-cal-nota{ margin:14px 0 0; font-size:12px; color: var(--cal-suave) }

@media (max-width: 720px){
  .vv-cal-meses{ grid-template-columns: 1fr }
  .vv-cal-acoes{ width:100%; }
  .vv-cal-acoes .btn{ flex:1; justify-content:center }
}
@media (prefers-reduced-motion: reduce){
  .vv-cal-dia, .vv-cal-seta{ transition:none }
}