/* Páginas de conteúdo: peças comuns (abas, campos, placeholders, FAQ, steppers). Rollback: apagar o arquivo e o enqueue em inc/pages.php. */
.pat-w{background-image:url(../img/pattern-white.png);background-repeat:repeat;background-size:1100px auto}
.ph{background-color:#3a3537;background-image:url(../img/pattern-white-07.png);background-size:900px auto;color:#f2c791}
.row-h{transition:background .2s}.row-h:hover{background:#fbf3f3}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.inp,.page-form input,.page-form select,.page-form textarea{font-family:'Red Hat Display',sans-serif}
.inp{height:50px;border:1px solid #bfbfbf;padding:0 14px;font-size:16px;font-weight:400;background:#fff;color:#262224;box-sizing:border-box;width:100%}
form input,form select,form textarea{font-family:'Red Hat Display',sans-serif;color:#262224;background:#fff}
textarea{border:1px solid #bfbfbf;padding:12px 14px;font-size:16px;width:100%;box-sizing:border-box}
.lead-ok,.lead-err{flex:1 1 100%;margin:0;padding:14px 16px;font-size:15px;font-weight:600}
.lead-ok{background:#e9f4ea;color:#1d5a2a}.lead-ok a{color:inherit}
.lead-err{background:#fbeaea;color:#801313}
/* Abas como links (filtro por querystring, sem JS) */
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;font:600 15px 'Red Hat Display',sans-serif;border:1.5px solid #bfbfbf;color:#262224;text-decoration:none;background:transparent}
.tab:hover{border-color:#262224;color:#262224}
.tab[aria-current]{background:#262224;border-color:#262224;color:#fff}
/* Chips / assuntos / temas: radios reais (sem JS) */
.chip{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;font:600 16px 'Red Hat Display',sans-serif;border:1.5px solid #bfbfbf;background:#fff;color:#262224;cursor:pointer}
.sr:checked+.chip{background:#a91d1d;border-color:#a91d1d;color:#fff}
.sr:focus-visible+.chip,.sr:focus-visible+.assunto,.sr:focus-visible~.tm-list .tema{outline:3px solid var(--cs-gold);outline-offset:2px}
.assunto{display:block;min-height:76px;padding:14px 16px;border:2px solid #d0cdcd;background:#fff;color:#262224;cursor:pointer;text-align:left}
.assunto span:last-child{color:#5f5b5d;overflow-wrap:anywhere}
.sr:checked+.assunto{background:#a91d1d;border-color:#a91d1d;color:#fff}.sr:checked+.assunto span:last-child{color:#ffe2bf}
.tema{display:block;padding:22px 24px;border:2px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;text-align:left;font-family:'Red Hat Display',sans-serif}
.f29>.tm-p{display:none}
#tm1:checked~.tm-list [for=tm1],#tm2:checked~.tm-list [for=tm2],#tm3:checked~.tm-list [for=tm3]{background:#fff;border-color:#fff;color:#a91d1d}
#tm1:checked~#p1,#tm2:checked~#p2,#tm3:checked~#p3{display:flex}
/* FAQ */
details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}
.h111{display:flex;transition:transform .2s}details[open] .h111{transform:rotate(180deg)}
/* Fotos */
.tile{cursor:zoom-in;padding:0;border:0;background:none;display:block;width:100%;position:relative;overflow:hidden}
.tile:hover .cap,.tile:focus-visible .cap{opacity:1}.cap{opacity:0;transition:opacity .2s}
.tile.big{grid-column:span 2;grid-row:span 2}
dialog.lb{border:0;padding:0;background:transparent;max-width:min(1100px,94vw);color:#fff}
dialog.lb::backdrop{background:rgba(20,18,19,.94)}
dialog.lb img{display:block;max-width:100%;max-height:80vh;margin:0 auto}
dialog.lb button{position:fixed;top:20px;right:20px;width:52px;height:52px;border:1.5px solid #fff;background:none;color:#fff;font-size:22px;cursor:pointer}
/* Evento: stepper */
.step-btn{cursor:pointer;background:#fff;border:1.5px solid #262224;color:#262224;font-family:inherit}
.step-btn:hover{background:#262224;color:#fff}
.step-btn:disabled{border-color:#d0cdcd;color:#bfbfbf;background:#fff;cursor:not-allowed}
@media(max-width:760px){.tile.big{grid-column:auto;grid-row:auto}}
.price strong{white-space:nowrap}
@media(max-width:760px){.evbuy{flex-wrap:wrap;padding:16px 20px}.evbtns{margin-left:0;flex:1 1 100%}.evbtns .btn{flex:1;padding:0 12px}}
.site-footer{margin-top:0}
/* Form de lead estilo Typeform (assets/js/lead-steps.js). Rollback: apagar este bloco. */
form.tf{display:flex;flex-direction:column;gap:22px}
.tf .tf-off{display:none!important}
.tf-bar{height:3px;background:#e2dfdd}.tf-bar span{display:block;height:100%;width:0;background:var(--cs-red);transition:width .3s ease}
form.tf>label{display:flex;flex-direction:column;gap:16px;font-size:16px;font-weight:400;color:var(--cs-graphite)}
form.tf>label[data-dir=f]{animation:tf-in .22s ease both}form.tf>label[data-dir=b]{--tf-x:-12px;animation:tf-in .22s ease both}
@keyframes tf-in{from{opacity:0;transform:translateX(var(--tf-x,12px))}to{opacity:1;transform:none}}
.tf-q{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline}
.tf-n{font-size:30px;color:var(--cs-gold-dark)}
.tf-qt{font-size:24px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.tf-opt-hint{display:block;margin-top:4px;font-size:14px;font-weight:400;letter-spacing:0;color:var(--cs-muted)}
form.tf>label .inp,form.tf>label textarea{height:56px;font-size:18px;border:0;border-bottom:2px solid #bfbfbf;padding:0 2px;background:transparent}
form.tf>label textarea{height:auto;min-height:120px;padding:10px 2px;border:2px solid #bfbfbf}
form.tf>label .inp:focus,form.tf>label textarea:focus{outline:none;border-color:var(--cs-red)}
.tf-opts{display:flex;flex-direction:column;gap:8px}
.tf-opt{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid #bfbfbf;background:#fff;color:var(--cs-graphite);font:400 16px 'Red Hat Display',sans-serif;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.tf-opt:hover{border-color:var(--cs-graphite)}
.tf-opt[aria-checked=true]{border-color:var(--cs-red);background:#fbeaea}
.tf-opt:focus-visible,.tf-arw:focus-visible{outline:2px solid var(--cs-red);outline-offset:2px}
.tf-key{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid currentColor;font-size:13px;font-weight:700}
.tf-opt[aria-checked=true] .tf-key{background:var(--cs-red);border-color:var(--cs-red);color:#fff}
.tf-pick{animation:tf-blink .22s steps(2) both}@keyframes tf-blink{50%{background:#fff}}
.tf-nav{display:flex;align-items:center;gap:10px;margin-top:4px}
.tf-count{margin-right:auto;font-size:14px;font-variant-numeric:tabular-nums;color:var(--cs-muted)}
.tf-enter{display:none;font-size:13px;color:var(--cs-muted)}
@media (hover:hover) and (pointer:fine){.tf-enter{display:inline}}
.tf-arw{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--cs-graphite);background:#fff;color:var(--cs-graphite);cursor:pointer}
.tf-arw:hover{background:var(--cs-graphite);color:#fff}
.tf-next{background:var(--cs-red);border-color:var(--cs-red);color:#fff}.tf-next:hover{background:var(--cs-red-800);border-color:var(--cs-red-800)}
.tf-back:disabled{opacity:.35;cursor:default;background:#fff;color:var(--cs-graphite)}
form.tf>button[type=submit]{align-self:flex-start}
@media (prefers-reduced-motion:reduce){.tf-bar span,.tf-opt{transition:none}form.tf>label[data-dir],.tf-pick{animation:none}}
