/* ALVA — atendimento da Alessio Engenharia e Arquitetura. Gerado por adapta_widget.py; não editar à mão.
   Base: CSS do widget oficial do AvaliBOT (mesma geometria) recolorido; depois, as regras da Engenharia. */
#alva-bubble{position:fixed;right:20px;bottom:calc(20px + var(--alva-sobe,0px));z-index:99990;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#CC4A14,#CC4A14);box-shadow:0 12px 30px rgba(204,74,20,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;border:none}
#alva-bubble:hover{transform:scale(1.07)}
#alva-tip{position:fixed;right:88px;bottom:34px;z-index:99990;background:#EEF2F6;color:#10202E;border:1px solid rgba(16,32,46,.14);border-radius:12px;padding:10px 14px;font:500 13px 'Red Hat Text','Segoe UI',Arial,sans-serif;max-width:230px;box-shadow:0 10px 30px rgba(16,32,46,.18);cursor:pointer;animation:alvaIn .3s ease}
#alva-tip b{color:#CC4A14}
#alva-panel{position:fixed;right:20px;bottom:calc(20px + var(--alva-sobe,0px));z-index:99991;width:368px;max-width:calc(100vw - 32px);height:680px;max-height:calc(100vh - 110px);background:#FFFFFF;border:1px solid rgba(16,32,46,.14);border-radius:18px;box-shadow:0 26px 70px rgba(16,32,46,.24);display:none;flex-direction:column;overflow:hidden;font-family:'Red Hat Text','Segoe UI',Arial,sans-serif;animation:alvaIn .25s ease}
#alva-panel.open{display:flex}
.alva-hd{display:flex;align-items:center;gap:11px;padding:15px 16px;background:#EEF2F6;border-bottom:1px solid rgba(16,32,46,.14)}
.alva-hd .av{width:40px;height:40px;border-radius:50%;background:rgba(204,74,20,.12);border:1px solid rgba(204,74,20,.35);display:flex;align-items:center;justify-content:center}
.alva-hd .nm{font-weight:700;color:#fff;font-size:14px}
.alva-hd .st{font-size:11px;color:#39d98a;display:flex;align-items:center;gap:5px;margin-top:2px}
.alva-hd .st::before{content:"";width:6px;height:6px;border-radius:50%;background:#39d98a;box-shadow:0 0 6px #39d98a}
.alva-hd .x{background:none;border:none;color:rgba(16,32,46,.72);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.alva-fs{margin-left:auto;display:flex;gap:5px;align-items:center}
.alva-fs button{background:rgba(255,255,255,.06);border:1px solid rgba(16,32,46,.22);color:#10202E;border-radius:7px;min-width:30px;height:28px;cursor:pointer;font-family:inherit;font-weight:800;line-height:1;padding:0 6px}
.alva-fs button:hover{border-color:rgba(204,74,20,.6);color:#CC4A14}
.alva-fs button:disabled{opacity:.35;cursor:default}
.alva-fs .s{font-size:11px}
.alva-fs .l{font-size:16px}
#alva-panel[data-fs="1"] .alva-m{font-size:15.5px}
#alva-panel[data-fs="2"] .alva-m{font-size:18px;line-height:1.5}
#alva-panel[data-fs="3"] .alva-m{font-size:21px;line-height:1.5}
#alva-panel[data-fs="1"] .alva-row input,#alva-panel[data-fs="1"] .alva-chip{font-size:14px}
#alva-panel[data-fs="2"] .alva-row input,#alva-panel[data-fs="2"] .alva-chip{font-size:15.5px}
#alva-panel[data-fs="3"] .alva-row input,#alva-panel[data-fs="3"] .alva-chip{font-size:17px}
.alva-bd{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#FFFFFF}
.alva-m{max-width:84%;padding:10px 13px;font-size:13.5px;line-height:1.55;border-radius:13px;white-space:pre-wrap;word-wrap:break-word}
.alva-m.u{align-self:flex-end;background:rgba(204,74,20,.16);border:1px solid rgba(204,74,20,.28);color:#10202E;border-bottom-right-radius:4px}
.alva-m.a{align-self:flex-start;background:#EEF2F6;border:1px solid rgba(16,32,46,.14);color:#10202E;border-bottom-left-radius:4px}
.alva-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 10px;background:#FFFFFF}
.alva-chip{background:rgba(255,255,255,.05);border:1px solid rgba(16,32,46,.14);color:#10202E;border-radius:99px;padding:7px 13px;font-size:12px;cursor:pointer;font-family:inherit}
.alva-chip:hover{border-color:rgba(204,74,20,.5);color:#CC4A14}
.alva-ft{padding:12px;border-top:1px solid rgba(16,32,46,.14);background:#FFFFFF}
.alva-row{display:flex;gap:8px}
.alva-row input,.alva-form input,.alva-form textarea{flex:1;background:#FFFFFF;border:1px solid rgba(16,32,46,.14);border-radius:10px;padding:11px 13px;color:#10202E;font-size:13px;outline:none;font-family:inherit;width:100%}
.alva-row input:focus,.alva-form input:focus,.alva-form textarea:focus{border-color:#CC4A14}
.alva-send{background:#CC4A14;color:#FFFFFF;border:none;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer;font-family:inherit}
.alva-send:disabled{opacity:.5;cursor:default}
.alva-form{display:flex;flex-direction:column;gap:8px}
.alva-form .lbl{font-size:11px;color:rgba(16,32,46,.64);text-transform:uppercase;letter-spacing:1px}
.alva-form .b{background:#CC4A14;color:#FFFFFF;border:none;border-radius:10px;padding:11px;font-weight:700;cursor:pointer;font-family:inherit}
.alva-form .bk{background:none;border:none;color:rgba(16,32,46,.72);font-size:12px;cursor:pointer;font-family:inherit;text-align:center}
.alva-survey{padding:16px;background:#FFFFFF;border-top:1px solid rgba(16,32,46,.14);display:flex;flex-direction:column;gap:12px;align-items:center;animation:alvaIn .25s ease}
.alva-survey-q{font-size:14px;color:#10202E;font-weight:600;text-align:center}
.alva-faces{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;gap:2px;width:100%}
.alva-face{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;border-radius:10px;transition:transform .15s;font-family:inherit;animation:alvaRoll .5s cubic-bezier(.2,.7,.3,1.3) both}
.alva-faces .alva-face:nth-child(1){animation-delay:.06s}
.alva-faces .alva-face:nth-child(2){animation-delay:.14s}
.alva-faces .alva-face:nth-child(3){animation-delay:.22s}
.alva-faces .alva-face:nth-child(4){animation-delay:.30s}
.alva-faces .alva-face:nth-child(5){animation-delay:.38s}
.alva-face:hover{transform:translateY(-3px) scale(1.12)}
.alva-face span{font-size:9px;color:rgba(16,32,46,.72);white-space:nowrap}
@keyframes alvaRoll{0%{opacity:0;transform:translateX(40px) rotate(38deg) scale(.4)}
60%{opacity:1;transform:translateX(-5px) rotate(-8deg) scale(1.1)}
100%{opacity:1;transform:none}
}
.alva-skip{background:none;border:none;color:rgba(16,32,46,.64);font-size:12px;cursor:pointer;font-family:inherit}
.alva-skip:hover{color:rgba(16,32,46,.72)}
@keyframes alvaIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:none}
}

#alva-panel .alva-hd .nm{font-family:'Red Hat Display','Segoe UI',sans-serif;font-size:14px;line-height:18px;letter-spacing:.02em}
/* alturas de linha fixas: a fonte Red Hat tem métricas maiores que a Inter do AvaliBOT; assim as caixas ficam idênticas */
.alva-hd .st{line-height:14px}
.alva-chip{line-height:15px}
.alva-row input,.alva-form input{height:40px;line-height:16px}
.alva-send{height:40px;line-height:40px}
/* mensagens: ALVA em névoa com texto azul-noite; visitante em laranja com texto branco */
.alva-m.a{background:#EEF2F6;border-color:#EEF2F6;color:#10202E}
.alva-m.u{background:#CC4A14;border-color:#CC4A14;color:#FFFFFF}
.alva-m.a a,.alva-aviso a{color:#CC4A14;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.alva-m.u a{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
/* atalhos em contorno laranja */
.alva-chip{background:#FFFFFF;border-color:#CC4A14;color:#CC4A14;font-weight:700}
.alva-chip:hover{background:#CC4A14;border-color:#CC4A14;color:#FFFFFF}
.alva-chip.alva-chip-guia{background:#CC4A14;border-color:#CC4A14;color:#FFFFFF}
/* campo e botões */
.alva-row input,.alva-form input,.alva-form textarea{border-color:rgba(16,32,46,.5)}
.alva-row input::placeholder,.alva-form input::placeholder,.alva-form textarea::placeholder{color:rgba(16,32,46,.68)}
.alva-row input:focus,.alva-form input:focus,.alva-form textarea:focus{border-color:#CC4A14}
.alva-send,.alva-form .b{background:#CC4A14;color:#FFFFFF}
.alva-send:hover,.alva-form .b:hover{background:#10202E;color:#FFFFFF}
.alva-ft{border-top-color:rgba(16,32,46,.12)}
.alva-guia{background:#CC4A14;border:0;color:#FFFFFF;font-weight:700;cursor:pointer;text-align:center}
/* foco visível (fundo claro) */
#alva-bubble:focus-visible,#alva-panel button:focus-visible,#alva-panel input:focus-visible,#alva-panel textarea:focus-visible,#alva-panel a:focus-visible,#alva-tip:focus-visible{outline:3px solid #CC4A14;outline-offset:2px}
/* no campo de texto a borda já fica laranja: o anel de foco é discreto, sem duplicar a moldura */
#alva-panel input:focus-visible,#alva-panel textarea:focus-visible{outline:2px solid rgba(204,74,20,.3);outline-offset:1px}
/* aviso honesto quando o sistema não responde */
.alva-aviso{align-self:stretch;background:#EEF2F6;border:0;border-left:3px solid #CC4A14;color:#10202E;font-size:13.5px;line-height:1.55;padding:12px 14px;border-radius:10px}
.alva-lgpd{font-size:11px;line-height:1.45;color:rgba(16,32,46,.64)}
.alva-lgpd a{color:#10202E}
/* convite */
#alva-tip{background:#FFFFFF;color:#10202E;border-color:rgba(16,32,46,.14)}
#alva-tip b{color:#CC4A14}
@media (prefers-reduced-motion:reduce){#alva-panel,#alva-tip,.alva-face{animation:none!important}}

/* cabeçalho laranja, texto branco (contraste 4,6:1) */
.alva-hd{background:#CC4A14;border-bottom-color:#CC4A14}
.alva-hd .nm,.alva-hd .st,.alva-hd .x{color:#FFFFFF}
.alva-hd .av{background:#FFFFFF;border-color:#FFFFFF}
.alva-fs button{background:transparent;border-color:rgba(255,255,255,.6);color:#FFFFFF}
.alva-fs button:hover{background:rgba(255,255,255,.14);border-color:#FFFFFF;color:#FFFFFF}
#alva-panel .alva-hd button:focus-visible{outline-color:#FFFFFF}

/* celular: balão escondido enquanto a abertura está na tela */
#alva-bubble.alva-oculto-abertura{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}