/* Pop-up de contato da LS Evolução Canina (antes do WhatsApp).
   Mesma lógica do pop-up do Francisco Canto, com a cara da página: papel claro, costura aparente,
   o patch do cão no topo e o botão verde do WhatsApp.
   Celular: a caixa fica centralizada e usa dvh, então encolhe junto quando o teclado sobe. */

.ls-modal{position:fixed;inset:0;z-index:99999;background:rgba(26,8,93,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px}
.ls-modal.on{display:flex;animation:ls-fade .22s ease-out}
.ls-modal *,.ls-modal *::before,.ls-modal *::after{box-sizing:border-box}

.ls-modal-box{position:relative;background:#fff;color:var(--tinta,#1F1A3A);width:min(460px,100%);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:26px;padding:34px 30px 26px;box-shadow:0 30px 80px -20px rgba(26,8,93,.6);font-family:var(--fonte,Inter,system-ui,sans-serif);animation:ls-sobe .28s cubic-bezier(.2,.7,.2,1)}
.ls-modal-box::-webkit-scrollbar{width:0;height:0;display:none}

#ls-modal .ls-modal-x{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#6E6890;font-size:28px;line-height:1;cursor:pointer;z-index:3}
#ls-modal .ls-modal-x:hover{background:rgba(26,8,93,.07);color:#1A085D}

.ls-modal-patch{width:84px;margin:-4px 0 12px -4px;filter:drop-shadow(0 6px 10px rgba(26,8,93,.2))}
#ls-modal h2{font-family:var(--fonte-tit,Outfit,system-ui,sans-serif);font-weight:800;letter-spacing:-.02em;font-size:1.65rem;line-height:1.1;margin:0 0 8px;color:#1A085D}
#ls-modal .ls-modal-lede{font-size:.95rem;line-height:1.5;color:#4A4466;margin:0 0 20px}

#ls-modal .ls-campo{margin:0 0 14px}
#ls-modal .ls-campo label{display:block;font-family:var(--fonte-tit,Outfit,system-ui,sans-serif);font-weight:600;font-size:.85rem;color:#3B2A8A;margin:0 0 6px}
#ls-modal .ls-campo input{width:100%;font-family:inherit;font-size:16px;color:#1F1A3A;background:#fff;border:1.5px solid rgba(26,8,93,.18);border-radius:12px;padding:13px 14px;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none;scroll-margin:90px}
#ls-modal .ls-campo input::placeholder{color:#9A95B4}
#ls-modal .ls-campo input:focus{outline:0;border-color:#1A085D;box-shadow:0 0 0 3px rgba(255,215,102,.7)}
#ls-modal .ls-erro{color:#A1262C;font-size:.88rem;margin:-4px 0 10px}

/* campo-isca contra robô: fica fora da tela, ninguém vê nem tabula até ele */
#ls-modal .ls-campo-mel{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

#ls-modal .ls-btn-pop{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 0;border:0;border-radius:999px;color:#fff;font-family:var(--fonte-tit,Outfit,system-ui,sans-serif);font-weight:700;font-size:1.05rem;padding:17px 22px;cursor:pointer;background:linear-gradient(180deg,#2FDB70,#1FC05B);box-shadow:0 12px 26px -12px rgba(18,140,74,.75),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .18s ease}
#ls-modal .ls-btn-pop:hover{transform:translateY(-2px)}
#ls-modal .ls-btn-pop.ok{opacity:.85}
#ls-modal .ls-btn-pop svg{width:21px;height:21px;flex:none}

#ls-modal .ls-modal-nota{font-size:.8rem;color:#6E6890;text-align:center;margin:16px 0 0}
body.ls-modal-aberto{overflow:hidden}

@keyframes ls-fade{from{opacity:0}to{opacity:1}}
@keyframes ls-sobe{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}

@media (max-width:600px){
  .ls-modal{padding:12px}
  .ls-modal-box{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:22px;padding:26px 20px 20px}
  .ls-modal-patch{width:66px;margin-bottom:8px}
  #ls-modal h2{font-size:1.4rem}
  #ls-modal .ls-modal-lede{font-size:.9rem;margin:0 0 16px}
}
@media (max-height:620px){
  .ls-modal-patch,#ls-modal .ls-modal-lede,#ls-modal .ls-modal-nota{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ls-modal.on,.ls-modal-box{animation:none}
  #ls-modal .ls-btn-pop:hover{transform:none}
}