/* Cordel D' Prata · v2 — Agenda (o modal «quinze minutos com um editor»)
   Carrega-se em qualquer página com um botão data-agendar. */

  /* acima do cabeçalho fixo (110) e da barra de progresso (120) */
  .agenda-modal{
    position:fixed;inset:0;z-index:130;
    display:grid;place-items:center;padding:clamp(12px,4vw,48px);
    background:rgba(22,18,15,.62);backdrop-filter:blur(3px);
  }
  .agenda-modal[hidden]{display:none!important}
  .agenda-caixa{
    position:relative;width:min(620px,100%);max-height:90vh;overflow-y:auto;
    background:var(--paper);border-radius:18px;
    padding:clamp(20px,3vw,32px);
    box-shadow:0 40px 80px -30px rgba(22,18,15,.6);
    animation:agendaEntra .3s var(--ease) both;
  }
  @keyframes agendaEntra{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.agenda-caixa{animation:none}}

  .agenda-topo{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
  .agenda-topo h2{margin:8px 0 0;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.15}
  .agenda-fechar{
    margin-left:auto;flex:0 0 auto;
    width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
    background:var(--paper-2);color:var(--ink);
    transition:background .3s ease,color .3s ease;
  }
  .agenda-fechar:hover{background:var(--red);color:#fff}
  .agenda-fechar svg{width:18px;height:18px}

  /* passo 1 — dia e hora */
  .agenda-passo{
    margin:0 0 10px;font-family:var(--font-nav);font-size:.72rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;color:var(--red);
  }
  .agenda-passo span{margin-left:8px;font-size:.84rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
  .agenda-dias{
    display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;
    margin:0 -2px 20px;padding:2px 2px 10px;scrollbar-width:thin;
  }
  .agenda-dia{
    flex:0 0 auto;width:62px;display:grid;justify-items:center;gap:1px;
    padding:9px 0 8px;border-radius:12px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);
    scroll-snap-align:start;transition:border-color .2s ease,background .2s ease,color .2s ease;
  }
  .agenda-dia small{font-family:var(--font-nav);font-size:.64rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .agenda-dia b{font-family:var(--font-display);font-size:1.4rem;font-weight:600;line-height:1.05}
  .agenda-dia:hover{border-color:var(--red)}
  .agenda-dia.is-on{background:var(--red);border-color:var(--red);color:#fff}
  .agenda-dia.is-on small{color:rgba(255,255,255,.85)}

  .agenda-horas{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
  .agenda-hora{
    padding:.64em 0;border-radius:10px;border:1px solid var(--line-strong);background:#fff;
    font-family:var(--font-nav);font-size:.94rem;font-weight:600;color:var(--ink);
    transition:border-color .2s ease,color .2s ease,background .2s ease;
  }
  .agenda-hora:hover,.agenda-hora:focus-visible{border-color:var(--red);color:var(--red);background:var(--red-soft)}

  .agenda-nota-curta{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:.82rem;color:var(--muted)}
  .agenda-nota-curta svg,.agenda-escolha svg{width:15px;height:15px;flex:0 0 auto}

  /* passo 2 — os dados */
  .agenda-escolha{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin-bottom:18px;padding:12px 14px;border-radius:12px;
    background:var(--red-soft);color:var(--ink);font-size:.94rem;
  }
  .agenda-escolha span{display:flex;align-items:center;gap:8px;color:var(--red)}
  .agenda-escolha b{color:var(--ink);font-weight:600}
  .agenda-mudar{font-family:var(--font-nav);font-size:.8rem;font-weight:600;color:var(--red);text-decoration:underline;text-underline-offset:3px}

  .agenda-form{display:grid;gap:14px}
  .agenda-linha{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media (max-width:560px){.agenda-linha{grid-template-columns:1fr}}
  .agenda-campo{display:grid;gap:5px}
  .agenda-campo > span{font-family:var(--font-nav);font-size:.8rem;font-weight:600;color:var(--ink-soft)}
  .agenda-campo i{font-style:normal;font-weight:400;color:var(--muted)}
  .agenda-campo input,.agenda-campo textarea{
    width:100%;font:inherit;font-size:.95rem;color:var(--ink);
    padding:.62em .8em;border-radius:10px;border:1px solid var(--line-strong);background:#fff;outline:none;
    transition:border-color .2s ease,box-shadow .2s ease;
  }
  .agenda-campo textarea{resize:vertical;min-height:64px}
  .agenda-campo input:focus,.agenda-campo textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(176,25,31,.12)}
  .agenda-campo.is-erro input,.agenda-campo.is-erro textarea{border-color:var(--red)}

  .agenda-formato{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}
  .agenda-formato legend{margin-bottom:5px;padding:0;font-family:var(--font-nav);font-size:.8rem;font-weight:600;color:var(--ink-soft)}
  .agenda-opcao{
    position:relative;display:grid;gap:1px;cursor:pointer;
    padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;
    transition:border-color .2s ease,box-shadow .2s ease;
  }
  .agenda-opcao input{position:absolute;opacity:0;pointer-events:none}
  .agenda-opcao b{font-size:.92rem;font-weight:600;color:var(--ink)}
  .agenda-opcao small{font-size:.78rem;color:var(--muted)}
  .agenda-opcao.is-on{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
  .agenda-opcao:focus-within{outline:2px solid var(--red);outline-offset:2px}

  /* o pedido de pontualidade — num papel, como os bilhetes da casa */
  .agenda-pedido{
    position:relative;margin-top:4px;padding:16px 16px 14px;border-radius:3px;
    background:#FFF1A8;box-shadow:0 12px 24px -18px rgba(22,18,15,.5);
    transform:rotate(-.35deg);
  }
  .agenda-pedido-titulo{margin:0 0 4px;font-family:var(--font-hand);font-size:1.4rem;line-height:1;color:var(--ink)}
  .agenda-pedido p{margin:0;font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
  .agenda-check{display:flex;align-items:flex-start;gap:9px;margin-top:10px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink)}
  .agenda-check input{flex:0 0 auto;width:17px;height:17px;margin-top:2px;accent-color:var(--red)}
  .agenda-check.is-erro span{color:var(--red)}

  .agenda-mel{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
  .agenda-erro{margin:0 0 4px;padding:10px 12px;border-radius:10px;background:var(--red-soft);color:var(--red);font-size:.88rem;font-weight:600}
  .agenda-enviar{justify-self:start}
  .agenda-privacidade{margin:0;font-size:.78rem;color:var(--muted)}
  .agenda-privacidade a{color:inherit;text-decoration:underline;text-underline-offset:2px}

  /* à espera, vazio, feito */
  .agenda-espera{display:flex;align-items:center;gap:10px;margin:0;padding:22px 0;color:var(--muted);font-size:.92rem}
  .agenda-espera::before{
    content:"";width:16px;height:16px;border-radius:50%;
    border:2px solid var(--line-strong);border-top-color:var(--red);
    animation:agendaRoda .8s linear infinite;
  }
  @keyframes agendaRoda{to{transform:rotate(360deg)}}
  .agenda-vazio p,.agenda-feito p{margin:0 0 10px;color:var(--ink-soft);line-height:1.5}
  .agenda-feito-quando{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.25;color:var(--ink)!important}
  .agenda-feito-email{font-size:.88rem;color:var(--muted)!important}
  /* quem atende, com a fotografia da página da Editora */
  .agenda-com{display:flex;align-items:center;gap:14px;margin:6px 0 12px}
  .agenda-com img{
    flex:0 0 auto;width:58px;height:58px;border-radius:50%;
    object-fit:cover;object-position:top center;background:var(--paper-2);box-shadow:var(--shadow-xs);
  }
  .agenda-com p{margin:0!important;color:var(--ink)!important;line-height:1.3}
  .agenda-com span{display:block;font-size:.84rem;color:var(--muted)}
  .agenda-feito-accoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

  /* na página: a próxima hora livre, por baixo do botão */
  .agenda-proxima{margin:14px 0 0;font-size:.92rem;color:var(--muted)}
  .agenda-proxima b{color:var(--ink);font-weight:600}