/* Botão e pop-up de agendamento */
.agenda-cta{margin-top:30px;position:relative}
.agenda-modal{border:none;padding:0;margin:auto;width:min(860px,calc(100% - 32px));height:min(820px,calc(100% - 48px));max-width:none;max-height:none;border-radius:20px;background:#fff;box-shadow:0 40px 100px rgba(21,49,59,.35);overflow:hidden}
.agenda-modal::backdrop{background:rgba(21,49,59,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.agenda-modal[open]{display:flex;flex-direction:column}
.agenda-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--line);flex-shrink:0}
.agenda-head strong{font-family:'Fraunces',serif;font-weight:500;font-size:19px;color:var(--ink)}
.agenda-close{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.agenda-close:hover{border-color:var(--teal);color:var(--teal-deep)}
.agenda-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.agenda-body iframe{display:block;width:100%;height:100%!important;min-height:0;border:none}
html.agenda-aberta{overflow:hidden}
@media(max-width:780px){.agenda-modal{width:100%;height:100%;border-radius:0}}

/* Etiqueta do topo ("Sistema de Crescimento | Negócios Locais") sempre numa só linha no telemóvel:
   o tamanho da letra ajusta-se à largura do ecrã */
@media(max-width:480px){
  .pill{white-space:nowrap;font-size:clamp(7.5px,calc((100vw - 93px) / 24.5),11.5px);letter-spacing:.03em;padding:8px 12px;gap:7px;border-radius:100px;line-height:1.35}
}