/* ===================================================================
   CAFÉ COM ORQUÍDEAS — folha ESPECÍFICA desta página
   Fazenda dos Cordeiros - 03/08/2026

   Carregada DEPOIS de base.css: o que estiver aqui vence o compartilhado.
   Por isso a folha é curta de propósito — cada regra abaixo é uma decisão
   que só vale para esta página, com o motivo escrito ao lado.

   PODA DE 03/08/2026 — a folha tinha 35 seletores e 32 deles eram cópia
   literal (ou quase) do base.css. Como carregam depois, VENCIAM o
   compartilhado: qualquer ajuste no base parava na porta desta página, e
   ela ia divergindo das outras duas sem ninguém perceber. Saíram daqui:

     · h1–h4, .brand-mark, .hero-title, .schedule-date, .rate-name,
       .rate-price, .faq-item summary — só repetiam o base pedindo peso
       700 numa fonte (Bree Serif) que só tem 400: negrito sintetizado;
     · .ph, .btn--terra:hover, .site-header.scrolled .nav-bar,
       .hero-bg .ph-label, .hero-badge, .hero-selo, .schedule-day,
       .walk-content p, .walk-caption, .walk-frame, .walk-ph,
       .rate-card, .rate-tag, .testi-card--ph .ph-label,
       .footer-social .social-mail:hover, .footer-bottom-inner,
       .schedule-draft-note — idênticos ao base a menos de deriva de cor
       (verde rgba(1,58,23) aqui × o tom do base) nascida de as duas LPs
       terem crescido em paralelo. O base é a fonte da verdade;
     · .schedule-weekday e .social-proof-stat — pediam o dourado #ffd766,
       resto do "arranjo B" que foi revertido. Voltam ao --c-terra-lt;
     · .hero-overlay (desktop, 1024 e 640) — os PONTOS do gradiente eram
       idênticos aos do base; só o tom mudava. O scrim é o mesmo.

   O QUE FICOU, e por quê: o enquadramento da foto de orquídea (retrato,
   fundo claro — a única foto de hero do site que não é 16:9), a variante
   .walk--expo da exposição, e a grade de TRÊS dias de programação.
   =================================================================== */


/* ============ HERO — enquadramento da foto de orquídea ============
   Esta é a única regra de hero que sobra, e sobra porque a FOTO é outra:
   um retrato de orquídea, não a paisagem 16:9 das outras duas páginas.

   · object-position Y em 26%: o corte é só vertical (retrato dentro de um
     hero paisagem). 26% enquadra as DUAS flores e deixa de fora a bráctea
     seca da base — aquela que parece uma borboleta, a ~58-73% da altura —
     que antes aparecia no rodapé do hero. De quebra o miolo da flor da
     frente desce para a altura dos botões, saindo de trás do título.
   · brightness .72: a parede branca do fundo desta foto ofuscava o texto do
     hero, e o valor do base era claro demais para segurá-la. A regra continua
     aqui por isso — o base foi para .70 em 10/08/2026 (foto nova de A Gosto de
     Caminhar), então hoje a diferença é pequena e no sentido inverso. */
.hero-bg img { object-position: 50% 26%; filter: brightness(.72) saturate(1.05); }

@media (max-width: 1024px) {
  /* Estica a foto além do hero para empurrar a bráctea seca para fora do
     bloco de texto. O base REMOVEU esta regra ao trocar sua própria foto
     por uma 16:9 (ali ela só ampliava a imagem sem motivo) — aqui ela
     continua necessária porque a foto retrato continua sendo esta. */
  .hero-bg > picture { height: 138%; }
}

@media (max-width: 640px) {
  /* Retrato sobre retrato: a foto inteira cabe na altura e a bráctea caía
     bem no meio do bloco de texto. Com a picture esticada (regra acima) o
     corte vira vertical e sobra só a ponta dela no rodapé, já sob a parte
     densa do scrim. O X em 32% centra a flor da frente.
     A imagem continua sendo REDUZIDA (777px renderizados a partir de
     1067) — sem perda de nitidez. */
  .hero-bg img { object-position: 32% 50%; }
}


/* ============ HERO — DOIS SELOS ============
   Só esta página carrega dois selos: o "10% OFF na reserva direta", que as
   três LPs têm, e a orquídea por quarto — brinde exclusivo desta edição.

   O .hero-selo do base é inline-flex e traz margin-top: 1.8rem PRÓPRIO. Dois
   deles soltos no fluxo viram duas caixas inline separadas por um espaço em
   branco: encostam no desktop e, ao quebrarem no mobile, cada um soma a
   própria margem à linha e abre um vão de 1.8rem entre eles. Este wrapper
   tira os dois do fluxo inline e os empilha com gap fixo — a margem de topo
   passa a ser do bloco, não de cada selo.

   Fica AQUI, e não no base, porque as outras duas LPs têm um selo só. Se
   alguma delas ganhar um segundo, é hora de subir a regra para o base. */
.hero-selos { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.8rem; }
.hero-selos .hero-selo { margin-top: 0; }


/* ============ SOBRE O EVENTO — moldura da foto ============
   4/5 em vez do 4/3 do base: a foto desta seção é retrato. Só a proporção
   muda; raio e sombra vêm do compartilhado. */
.day-media { aspect-ratio: 4/5; }


/* ============ EXPOSIÇÃO (.walk--expo) — exclusiva desta página ============
   Variante da faixa escura .walk para a exposição de fotografia. O base
   descreve esta variante num comentário mas NÃO a define: ela saiu de lá
   junto com a seção, por ser só daqui.

   ⚠ [A CONFIRMAR] A exposição do Allan Pin ainda não foi confirmada
   oficialmente pelo cliente. Se cair, é esta seção inteira (HTML + as
   regras abaixo) que sai. */

/* 4:3 — proporção de quadro pendurado, para as obras */
.walk--expo .walk-frame { max-width: 100%; aspect-ratio: 4/3; }

/* Enquanto não há foto da exposição, a seção roda SEM a coluna de mídia (o
   bloco está comentado no HTML) — uma coluna só, texto em faixa cheia. A
   regra de duas colunas mora no media query de 960px do base e é ela que
   estes seletores precisam vencer: por isso `.walk--expo .walk-inner`
   (2 classes) e não `.walk-inner` — ganha por especificidade, independente
   da ordem dos arquivos.
   Ao receber a obra: descomentar o .walk-media no HTML e apagar estas duas
   regras. */
.walk--expo .walk-inner { grid-template-columns: 1fr; }
.walk--expo .walk-content { max-width: 780px; }


/* ============ MEDIA QUERIES ============ */

/* PROGRAMAÇÃO DE TRÊS DIAS (18, 19 e 20/09) — o base assume DOIS dias,
   porque a página de referência (A Gosto de Caminhar) é de fim de semana.
   Com repeat(2) aqui o terceiro dia caía sozinho numa segunda linha. */
@media (min-width: 720px) and (max-width: 959px) {
  .schedule-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 960px) {
  .schedule-grid { grid-template-columns: repeat(3, 1fr); gap: 1.8rem; }
  /* A moldura 4:3 da exposição ocupa mais da coluna que o retrato 9:16 que
     o base dimensiona em 460px. */
  .walk--expo .walk-frame { max-width: 560px; }
}


/* ============ HERO NO MOBILE — MIGRADO PARA O base.css ============
   Este arquivo teve, entre 03/08 e 04/08/2026, o pacote do hero mobile desta
   página: o corte da 2ª metade da frase (.so-desktop), a ancoragem do bloco no
   pé do hero (align-items:flex-end) e o padding do .hero-content.

   As três regras SAÍRAM daqui em 04/08/2026, e pelo mesmo motivo: a LP do A
   Gosto de Caminhar passou a querer o mesmo comportamento, então o que era
   exceção de uma página virou regra das duas. Agora tudo vive no base.css —
   o corte no @media do hero mobile, a ancoragem sob `.hero--evento`.

   Não recoloque nada disto aqui: duplicaria regra vencida por especificidade
   e o arquivo passaria a dizer o contrário do que a página faz. O que é
   exclusivo desta página continua acima (overlay, walk--expo, etc.). */