@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f4f3ee;color:#20332b;font:15px "DM Sans",system-ui,sans-serif}header{background:#18372d;color:#fff;padding:18px max(5vw,20px);display:flex;align-items:center;gap:13px}.marca{display:grid;place-items:center;background:#dfebd8;color:#18372d;width:36px;height:36px;border-radius:50%;font:26px "Instrument Serif",Georgia,serif}.demo{margin-left:auto;color:#d4e4d8;font-size:13px}main{max-width:1320px;margin:auto;padding:24px max(4vw,16px)}nav{display:flex;gap:8px;margin-bottom:20px}button,input,select{font:inherit}button{background:#fff;border:1px solid #d4ddd4;border-radius:8px;padding:9px 13px;color:inherit;cursor:pointer}button:hover{background:#e6eee4}button[aria-pressed=true],.principal,.principal:hover{background:#235440;color:white;border-color:#235440}:focus-visible{outline:3px solid #708d47;outline-offset:2px}section{background:#fff;border:1px solid #dce2d9;border-radius:16px;padding:24px}.titulo,#semana,footer{display:flex;align-items:center;gap:8px}.titulo,footer{justify-content:space-between}h1,h2{font:44px/1 "Instrument Serif",Georgia,serif;margin:0}h2{font-size:34px}p{margin:8px 0 0;color:#52665b}#semana{margin:22px 0 14px;flex-wrap:wrap}#periodo{margin-left:8px}.grade{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));gap:8px;overflow:auto}.dia{background:#f4f6f2;min-height:240px;padding:10px;border-radius:8px}.dia h3{margin:0 0 12px;font-size:14px;text-transform:capitalize}.consulta{display:block;text-align:left;width:100%;margin:0 0 8px;border-left:3px solid #719d81;overflow-wrap:anywhere}.consulta small{display:block;margin-top:4px;color:#52665b}.consulta[data-status=Cancelada]{border-left-color:#b98272}.lista{padding:0;list-style:none;margin-top:22px}.lista li{border-top:1px solid #dce2d9;padding:14px 0}dialog{border:1px solid #dce2d9;border-radius:16px;padding:24px;width:min(420px,calc(100% - 24px));color:inherit}dialog::backdrop{background:#10271db0}label{display:block;margin-top:14px}input,select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #b9c9bd;border-radius:6px}footer{margin-top:20px}#erro{color:#932d20}@media(max-width:520px){section{padding:14px}h1{font-size:34px}.titulo{align-items:flex-start;flex-direction:column}}
[hidden]{display:none!important}
.caixa-whatsapp{display:grid;grid-template-columns:minmax(155px,1fr) minmax(0,3fr);gap:20px;margin-top:24px}
.conversas-whatsapp{display:grid;align-content:start;gap:8px}
.conversas-whatsapp button{text-align:left}
.conversas-whatsapp small{display:block;margin-top:4px}
.atendimento-whatsapp{padding:18px;background:#f4f6f2;border-radius:10px}
.atendimento-whatsapp h2{margin-bottom:12px}
.historico-whatsapp{padding:0;list-style:none;display:grid;gap:10px}
.historico-whatsapp li{padding:10px;background:white;border-radius:8px;justify-self:start;max-width:90%;overflow-wrap:anywhere}
.historico-whatsapp .saida{background:#dfebd8;justify-self:end}
.resposta-whatsapp button{margin-top:10px}
@media(max-width:600px){.caixa-whatsapp{grid-template-columns:1fr}.conversas-whatsapp{grid-template-columns:repeat(2,minmax(0,1fr))}}
