/* Enquadramento, legibilidade e cor das fotografias dos tratamentos (auditoria de imagens, versão 3.0).
   Ligado em inc/pagina-reserva.php depois de previsao.css. Só object-position, véus e filtros leves: nunca toca nos ficheiros.
   Gerado a partir do ponto de interesse de cada fotografia (rosto, mãos, tratamento) e da razão largura/altura de cada caixa:
   arco ≈ 0,59 · painel acima do resumo ≈ 1,9 · janela do tratamento ≈ 1,6 · cartão ideal 0,76 (computador) / 1,9 (telemóvel)
   · alternativas ≈ 2,6 · complemento ≈ 0,46 · miniatura 1. */

/* arco */
body.site-publico .arco img[src*="/fotos/cama-"] { object-position: 0% 50%; }
body.site-publico .arco img[src*="/fotos/costas-"] { object-position: 50% 50%; }
body.site-publico .arco img[src*="/fotos/flatlay-"] { object-position: 58% 50%; }
body.site-publico .arco img[src*="/fotos/jato-"] { object-position: 50% 50%; }
body.site-publico .arco img[src*="/fotos/maos-"] { object-position: 0% 50%; }
body.site-publico .arco img[src*="/fotos/oleo-braco-"] { object-position: 66% 50%; }
body.site-publico .arco img[src*="/fotos/oleo-mao-"] { object-position: 50% 50%; }
body.site-publico .arco img[src*="/fotos/parede-"] { object-position: 50% 50%; }
body.site-publico .arco img[src*="/fotos/pedra-mao-"] { object-position: 100% 50%; }
body.site-publico .arco img[src*="/fotos/pedras-"] { object-position: 70% 50%; }
body.site-publico .arco img[src*="/fotos/pes-"] { object-position: 66% 50%; }
body.site-publico .arco img[src*="/fotos/piscina-"] { object-position: 89% 50%; }
body.site-publico .arco img[src*="/fotos/produto-"] { object-position: 9% 50%; }
body.site-publico .arco img[src*="/fotos/rosto-"] { object-position: 66% 50%; }
body.site-publico .arco img[src*="/fotos/roupao-"] { object-position: 27% 50%; }
body.site-publico .arco img[src*="/fotos/sal-"] { object-position: 100% 50%; }
body.site-publico .arco img[src*="/fotos/terapeuta-"] { object-position: 96% 50%; }

/* painel */
body.site-publico .previa-resumo img[src*="/fotos/cama-"] { object-position: 50% 50%; }
body.site-publico .previa-resumo img[src*="/fotos/costas-"] { object-position: 50% 26%; }
body.site-publico .previa-resumo img[src*="/fotos/flatlay-"] { object-position: 50% 50%; }
body.site-publico .previa-resumo img[src*="/fotos/jato-"] { object-position: 50% 60%; }
body.site-publico .previa-resumo img[src*="/fotos/maos-"] { object-position: 50% 84%; }
body.site-publico .previa-resumo img[src*="/fotos/oleo-braco-"] { object-position: 50% 50%; }
body.site-publico .previa-resumo img[src*="/fotos/oleo-mao-"] { object-position: 50% 74%; }
body.site-publico .previa-resumo img[src*="/fotos/parede-"] { object-position: 50% 16%; }
body.site-publico .previa-resumo img[src*="/fotos/pedra-mao-"] { object-position: 50% 68%; }
body.site-publico .previa-resumo img[src*="/fotos/pedras-"] { object-position: 50% 50%; }
body.site-publico .previa-resumo img[src*="/fotos/pes-"] { object-position: 50% 97%; }
body.site-publico .previa-resumo img[src*="/fotos/piscina-"] { object-position: 50% 97%; }
body.site-publico .previa-resumo img[src*="/fotos/produto-"] { object-position: 50% 90%; }
body.site-publico .previa-resumo img[src*="/fotos/rosto-"] { object-position: 50% 50%; }
body.site-publico .previa-resumo img[src*="/fotos/roupao-"] { object-position: 50% 50%; }
body.site-publico .previa-resumo img[src*="/fotos/sal-"] { object-position: 50% 78%; }
body.site-publico .previa-resumo img[src*="/fotos/terapeuta-"] { object-position: 50% 36%; }

/* modal */
body.site-publico .modal-foto img[src*="/fotos/cama-"] { object-position: 50% 50%; }
body.site-publico .modal-foto img[src*="/fotos/costas-"] { object-position: 50% 0%; }
body.site-publico .modal-foto img[src*="/fotos/flatlay-"] { object-position: 50% 50%; }
body.site-publico .modal-foto img[src*="/fotos/jato-"] { object-position: 50% 82%; }
body.site-publico .modal-foto img[src*="/fotos/maos-"] { object-position: 50% 88%; }
body.site-publico .modal-foto img[src*="/fotos/oleo-braco-"] { object-position: 50% 50%; }
body.site-publico .modal-foto img[src*="/fotos/oleo-mao-"] { object-position: 50% 100%; }
body.site-publico .modal-foto img[src*="/fotos/parede-"] { object-position: 50% 12%; }
body.site-publico .modal-foto img[src*="/fotos/pedra-mao-"] { object-position: 50% 71%; }
body.site-publico .modal-foto img[src*="/fotos/pedras-"] { object-position: 50% 50%; }
body.site-publico .modal-foto img[src*="/fotos/pes-"] { object-position: 50% 100%; }
body.site-publico .modal-foto img[src*="/fotos/piscina-"] { object-position: 50% 100%; }
body.site-publico .modal-foto img[src*="/fotos/produto-"] { object-position: 50% 95%; }
body.site-publico .modal-foto img[src*="/fotos/rosto-"] { object-position: 50% 50%; }
body.site-publico .modal-foto img[src*="/fotos/roupao-"] { object-position: 50% 50%; }
body.site-publico .modal-foto img[src*="/fotos/sal-"] { object-position: 50% 81%; }
body.site-publico .modal-foto img[src*="/fotos/terapeuta-"] { object-position: 50% 2%; }

/* guia ideal (computador, caixa em pe) */
@media (min-width: 720px) {
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/cama-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/costas-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/flatlay-"] { object-position: 60% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/jato-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/maos-"] { object-position: 50% 100%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/oleo-braco-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/oleo-mao-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/parede-"] { object-position: 50% 0%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/pedra-mao-"] { object-position: 50% 100%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/pedras-"] { object-position: 74% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/pes-"] { object-position: 70% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/piscina-"] { object-position: 100% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/produto-"] { object-position: 50% 100%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/rosto-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/roupao-"] { object-position: 18% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/sal-"] { object-position: 50% 100%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/terapeuta-"] { object-position: 100% 50%; }
}

/* guia ideal (telemovel, caixa larga) */
@media (max-width: 719px) {
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/cama-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/costas-"] { object-position: 50% 26%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/flatlay-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/jato-"] { object-position: 50% 60%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/maos-"] { object-position: 50% 84%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/oleo-braco-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/oleo-mao-"] { object-position: 50% 74%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/parede-"] { object-position: 50% 16%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/pedra-mao-"] { object-position: 50% 68%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/pedras-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/pes-"] { object-position: 50% 97%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/piscina-"] { object-position: 50% 97%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/produto-"] { object-position: 50% 90%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/rosto-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/roupao-"] { object-position: 50% 50%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/sal-"] { object-position: 50% 78%; }
  #guia-menu .guia-ideal .guia-foto img[src*="/fotos/terapeuta-"] { object-position: 50% 36%; }
}

/* guia alternativas */
#guia-menu .guia-cart .guia-foto img[src*="/fotos/cama-"] { object-position: 50% 50%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/costas-"] { object-position: 50% 38%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/flatlay-"] { object-position: 50% 50%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/jato-"] { object-position: 50% 55%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/maos-"] { object-position: 50% 80%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/oleo-braco-"] { object-position: 50% 50%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/oleo-mao-"] { object-position: 50% 62%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/parede-"] { object-position: 50% 20%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/pedra-mao-"] { object-position: 50% 66%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/pedras-"] { object-position: 50% 50%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/pes-"] { object-position: 50% 74%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/piscina-"] { object-position: 50% 74%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/produto-"] { object-position: 50% 85%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/rosto-"] { object-position: 50% 50%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/roupao-"] { object-position: 50% 50%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/sal-"] { object-position: 50% 74%; }
#guia-menu .guia-cart .guia-foto img[src*="/fotos/terapeuta-"] { object-position: 50% 43%; }

/* guia complementos */
#guia-menu .guia-cp .guia-foto img[src*="/fotos/cama-"] { object-position: 24% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/costas-"] { object-position: 50% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/flatlay-"] { object-position: 57% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/jato-"] { object-position: 50% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/maos-"] { object-position: 18% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/oleo-braco-"] { object-position: 56% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/oleo-mao-"] { object-position: 50% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/parede-"] { object-position: 50% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/pedra-mao-"] { object-position: 76% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/pedras-"] { object-position: 67% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/pes-"] { object-position: 64% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/piscina-"] { object-position: 90% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/produto-"] { object-position: 34% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/rosto-"] { object-position: 56% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/roupao-"] { object-position: 27% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/sal-"] { object-position: 82% 50%; }
#guia-menu .guia-cp .guia-foto img[src*="/fotos/terapeuta-"] { object-position: 90% 50%; }

/* miniatura */
body.site-publico .ts-mini img[src*="/fotos/cama-"] { object-position: 50% 50%; }
body.site-publico .ts-mini img[src*="/fotos/costas-"] { object-position: 65% 50%; }
body.site-publico .ts-mini img[src*="/fotos/flatlay-"] { object-position: 65% 50%; }
body.site-publico .ts-mini img[src*="/fotos/jato-"] { object-position: 50% 50%; }
body.site-publico .ts-mini img[src*="/fotos/maos-"] { object-position: 50% 100%; }
body.site-publico .ts-mini img[src*="/fotos/oleo-braco-"] { object-position: 50% 50%; }
body.site-publico .ts-mini img[src*="/fotos/oleo-mao-"] { object-position: 50% 50%; }
body.site-publico .ts-mini img[src*="/fotos/parede-"] { object-position: 50% 0%; }
body.site-publico .ts-mini img[src*="/fotos/pedra-mao-"] { object-position: 50% 86%; }
body.site-publico .ts-mini img[src*="/fotos/pedras-"] { object-position: 86% 50%; }
body.site-publico .ts-mini img[src*="/fotos/pes-"] { object-position: 80% 50%; }
body.site-publico .ts-mini img[src*="/fotos/piscina-"] { object-position: 86% 50%; }
body.site-publico .ts-mini img[src*="/fotos/produto-"] { object-position: 50% 100%; }
body.site-publico .ts-mini img[src*="/fotos/rosto-"] { object-position: 50% 50%; }
body.site-publico .ts-mini img[src*="/fotos/roupao-"] { object-position: 20% 50%; }
body.site-publico .ts-mini img[src*="/fotos/sal-"] { object-position: 50% 100%; }
body.site-publico .ts-mini img[src*="/fotos/terapeuta-"] { object-position: 100% 50%; }

/* ---------- legibilidade do texto sobre a fotografia ---------- */
/* painel acima do resumo (caixa baixa, 210 px): véu mais denso na zona da legenda, para fotografias claras (óleo, rosto, sal, pedra) */
body.site-publico .previa-resumo::after {
  background: linear-gradient(to top, rgba(15, 26, 21, 0.92) 0%, rgba(15, 26, 21, 0.74) 24%, rgba(15, 26, 21, 0.3) 50%, rgba(15, 26, 21, 0) 74%);
}
body.site-publico .previa-resumo figcaption { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 1px 14px rgba(0, 0, 0, 0.55); }
body.site-publico .previa-resumo figcaption small { opacity: 0.92; }
/* arco: já passa 4,5:1; só se reforça um pouco a base para o jato e o produto */
body.site-publico .arco::after {
  background: linear-gradient(to top, rgba(15, 26, 21, 0.82) 0%, rgba(15, 26, 21, 0.4) 22%, rgba(15, 26, 21, 0.08) 48%, rgba(15, 26, 21, 0) 100%);
}
body.site-publico .arco figcaption { text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45); }
/* janela do tratamento: véu em baixo para as barras de progresso (brancas) sobre fotografias claras */
body.site-publico .modal-foto.tem-galeria::after {
  height: 46%;
  background: linear-gradient(to top, rgba(15, 26, 21, 0.62), rgba(15, 26, 21, 0.28) 55%, rgba(15, 26, 21, 0));
}
body.site-publico .mf-ponto::before { background: rgba(255, 255, 255, 0.5); }
body.site-publico .mf-ponto i, body.site-publico .mf-ponto::before { box-shadow: 0 0 0 0.5px rgba(15, 26, 21, 0.25); }

/* ---------- placeholder enquanto a fotografia carrega (sem saltos, sem faixa branca) ---------- */
body.site-publico .modal-foto { background: var(--papel-fundo); }
#guia-menu .guia-foto { background: var(--papel-fundo); }
body.site-publico .ts-mini { background: var(--papel-fundo); }

/* ---------- coerência de cor com a paleta (pinho, papel, ouro): correção leve, só por CSS ---------- */
/* jato (turquesa muito saturado) e produto (azul): mais quentes e menos saturados */
img[src*="/fotos/jato-"] { filter: saturate(0.88) sepia(0.06); }
img[src*="/fotos/produto-"] { filter: saturate(0.85) sepia(0.08); }
/* fotografias muito escuras: ligeira subida de luz para não pesarem ao lado das claras */
img[src*="/fotos/cama-"], img[src*="/fotos/terapeuta-"], img[src*="/fotos/piscina-"] { filter: brightness(1.06) saturate(0.95); }
@media (prefers-reduced-data: reduce) { img[src*="/fotos/"] { filter: none; } }

/* painel acima do resumo: as camadas de fotografia não tinham posição/ajuste (ficavam em fila, à altura natural, sem object-fit);
   passam a comportar-se como as do arco: preenchem a caixa, só a camada ativa aparece e a fusão é por opacidade */
body.site-publico .previa-resumo .arco-previa {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.07) translate3d(0, 6px, 0);
  transition: opacity 0.42s var(--ease-out), transform 0.9s var(--ease-out);
  pointer-events: none;
}
body.site-publico .previa-resumo .arco-previa.ativa { opacity: 1; transform: scale(1) translate3d(0, 0, 0); }
@media (prefers-reduced-motion: reduce) {
  body.site-publico .previa-resumo .arco-previa { transform: none; transition: opacity 0.15s ease; }
  body.site-publico .previa-resumo .arco-previa.ativa { transform: none; }
}