/* /contato: canais, horários e formulário que monta a mensagem do WhatsApp. Complementa pages.css. */

.ct-hero{padding-bottom:clamp(40px,4.5vw,80px)}

/* duas colunas: canais e horários à esquerda, formulário à direita */
.ct-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,56px);align-items:start}
.ct-side{display:grid;gap:clamp(20px,2.4vw,40px);min-width:0;position:sticky;top:clamp(24px,4vh,64px)}
@media (max-width:1000px){.ct-main{grid-template-columns:1fr}.ct-side{position:static}}

/* canais */
.ct-channels{display:grid;gap:clamp(10px,1vw,14px)}
.ct-ch{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(20px,2vw,32px);border-radius:var(--r-lg);background:var(--card-soft);color:inherit;text-decoration:none;min-width:0;transition:background .3s,transform .5s var(--ease)}
a.ct-ch:hover{background:var(--card);transform:translateY(-3px)}
.ct-ch--wa{background:var(--pastel);color:#121212}
a.ct-ch--wa:hover{background:var(--pastel)}
.ct-ch--wa .pg-label,.ct-ch--wa .ct-ch-sub{color:#3d3d48}
.ct-ch--wa .ct-ch-main{color:#121212}
.ct-ch-top{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px}
.ct-ch-tag{font-family:var(--mono)!important;font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;line-height:1;padding:.6em .9em;border-radius:999px;background:#ffffffb3;color:#121212}
.ct-ch-main{font-size:clamp(22px,1.9vw,32px);line-height:1.12;letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere}
.ct-mail{font-size:clamp(19px,1.55vw,26px)}
.ct-ch-sub{font-size:var(--fs-small);line-height:1.55;color:var(--body);max-width:42ch}
.ct-ch-go{display:inline-flex;align-items:center;gap:.55em;margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:var(--fs-small);line-height:1.2;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}
.ct-ch-go svg{width:11px;height:11px;flex:none}
.ct-copy:hover{opacity:.6}
.ct-copy.is-done{text-decoration:none}

/* horários */
.ct-hours{padding:clamp(20px,2vw,32px);border-radius:var(--r-lg);background:var(--card-soft)}
.ct-facts{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ct-facts dd{font-size:clamp(18px,1.35vw,24px)}
.ct-note{margin:18px 0 0;font-size:var(--fs-small);line-height:1.55;color:var(--body);max-width:52ch}
@media (max-width:420px){.ct-facts{grid-template-columns:1fr}}

/* formulário */
.ct-form{display:grid;gap:clamp(18px,1.8vw,26px);min-width:0;background:var(--card-soft)}
.ct-form-head .pg-h3{margin-top:16px;max-width:30ch;text-wrap:balance}
.ct-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.4vw,20px)}
@media (max-width:640px){.ct-row{grid-template-columns:1fr}}
.ct-set{border:0;margin:0;padding:0;min-width:0}
.ct-flabel{display:block;padding:0;margin:0 0 8px;font-family:var(--mono)!important;font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--body)}
.ct-flabel em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--muted);margin-left:.6em}
.ct-form .pg-input,.ct-form .pg-textarea{font-size:clamp(16px,1.05vw,18px)}
.ct-form .pg-input::placeholder,.ct-form .pg-textarea::placeholder{color:var(--muted);opacity:1}
.ct-form .pg-options span{font-size:clamp(14px,.95vw,16px)}

/* dropdown próprio (sem select nativo) */
.ct-dd{position:relative}
.ct-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.ct-dd-btn svg{width:12px;height:12px;flex:none;transition:transform .3s var(--ease)}
.ct-dd-btn[aria-expanded=true]{border-color:var(--ink)}
.ct-dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.ct-dd-btn [data-dd-val].is-empty{color:var(--muted)}
.ct-dd-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--card);border-radius:var(--r-md);border:1px solid var(--line);box-shadow:0 12px 32px #0000001a;max-height:min(320px,50vh);overflow:auto;outline:none}
.ct-dd-list[hidden]{display:none}
.ct-dd-list li{padding:11px 14px;border-radius:10px;cursor:pointer;font-size:clamp(15px,1vw,17px);line-height:1.3;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
.ct-dd-list li:hover,.ct-dd-list li.is-active{background:var(--page)}
.ct-dd-list li[aria-selected=true]::after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--green)}

/* prévia */
.ct-preview{padding:clamp(16px,1.6vw,24px);border-radius:var(--r-md);background:var(--card)}
.ct-preview p{margin:10px 0 0;font-size:var(--fs-small);line-height:1.6;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}

.ct-submit{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.ct-submit .ct-note{margin:0;max-width:40ch}
.ct-submit .pg-btn{min-height:52px;padding:0 28px}