/* Complementos do design (ppr.css é o do Claude Design, sem alteração): o que o design não
   cobre — formulário, texto vindo do Markdown, busca. */

/* Prosa vinda do Markdown da API */
.prosa h3,.prosa h4{margin-top:var(--s-5)}
.prosa ul,.prosa ol{margin-top:var(--s-4);padding-left:var(--s-5);color:var(--ink-3)}
.prosa li+li{margin-top:var(--s-2)}
.prosa a{text-decoration:underline}

/* Contato */
.horario{margin-top:var(--s-5);color:var(--ink-3)}

/* Formulário (contato e busca) */
[data-bloco="formulario"]{padding-block:var(--s-8);background:var(--paper-2)}
.form{margin-top:var(--s-6);display:grid;gap:var(--s-4);max-width:36rem}
.campo{display:grid;gap:var(--s-2);font-size:var(--t-sm);font-weight:600;color:var(--ink)}
.campo input,.campo textarea,.busca input{width:100%;min-height:var(--tap);padding:var(--s-3) var(--s-4);font:inherit;font-weight:400;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:0}
.campo textarea{min-height:9rem;resize:vertical}
.form .btn{justify-self:start;cursor:pointer}
#contact-status{min-height:1.6em;font-size:var(--t-sm)}
#contact-status[data-kind="ok"]{color:var(--wa-dk)}
#contact-status[data-kind="error"]{color:var(--red-ink)}

/* Busca */
.busca{padding-block:var(--s-7)}
.busca form{display:flex;gap:var(--s-3);flex-wrap:wrap}
.busca input{flex:1 1 14rem}
#search-results{margin-top:var(--s-6)}

/* Fotos do serviço: várias lado a lado (as do cliente costumam ser em pé) */
.imagens{display:grid;gap:var(--s-5)}
.imagens img{aspect-ratio:3/4}
@media(min-width:720px){.imagens{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}

/* Relacionados: três cartões iguais (o span dos destaques deixaria um buraco na grade) */
@media(min-width:720px){
  .servs--rel{grid-template-columns:repeat(3,1fr)}
  .servs--rel .serv.destaque,.servs--rel .serv.destaque:first-of-type{grid-column:span 1}
}

/* Antes e depois na home: link legível sobre o fundo escuro */
.ad-pe a{color:var(--red-hi);text-decoration:underline}

/* Aviso de privacidade junto ao botão do formulário e títulos da página /privacidade */
.prosa h2{margin-top:var(--s-6);font-size:var(--t-xl)}
.prosa h2:first-child{margin-top:0}