/* CSS do formulário: roda em iframe próprio para não interferir nos outros scripts. */
:root {--ink:#4b5d8a;--widget-font:"Courier New",monospace;}
html, body {width:100%;margin:0;padding:0;background:transparent;color:var(--ink);overflow:hidden;}
* {box-sizing:border-box;}
body {font:400 13px/1.55 var(--widget-font);}
.contact-widget {width:100%;max-width:100%;padding:7px 0 25px;overflow-wrap:anywhere;}
.mode-options {border:0;margin:0 0 10px;padding:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.mode-options legend {font-size:11px;letter-spacing:.06em;margin-bottom:8px;text-align:left;}
.mode-choice {min-width:0;position:relative;display:flex;}
.mode-choice input {position:absolute;opacity:0;inset:0;}
.mode-choice span {cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:8px 6px;border:1px solid currentColor;text-align:center;line-height:1.2;}
.mode-choice input:checked+span {background:var(--ink);color:#fff;}
.mode-choice input:focus-visible+span {outline:2px solid var(--ink);outline-offset:3px;}
.mode-description {font-size:11px;text-align:left;margin:0 0 18px;}
form {display:flex;flex-direction:column;gap:8px;text-align:left;}
form label {font-size:11px;letter-spacing:.04em;display:block;}
form input,form textarea {display:block;width:100%;min-width:0;background:transparent;color:var(--ink);border:1px solid currentColor;border-radius:0;padding:11px 10px;outline:none;font:400 13px/1.5 var(--widget-font);}
form input:focus-visible,form textarea:focus-visible {outline:2px solid var(--ink);outline-offset:2px;}
form input::placeholder,form textarea::placeholder {color:var(--ink);opacity:.62;}
#email-field {display:flex;flex-direction:column;gap:8px;}
#email-field[hidden]{display:none;}
form textarea {resize:vertical;min-height:110px;max-height:300px;}
.ic-privacy {font-size:10px;opacity:.85;margin:3px 0;}
#ic-submit,#ic-refresh {cursor:pointer;border:1px solid currentColor;color:inherit;background:transparent;padding:10px 11px;font:700 12px/1.35 var(--widget-font);}
#ic-submit:hover,#ic-refresh:hover {background:var(--ink);color:white;}
#ic-submit:disabled {cursor:not-allowed;opacity:.55;}
#ic-form-status {min-height:20px;margin:4px 0;font-size:11px;}
.ic-wall {margin-top:28px;border-top:1px solid currentColor;padding-top:18px;}
.ic-wall-header {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;}
.ic-wall h2 {margin:0;font:700 12px/1.4 var(--widget-font);}
#ic-refresh {font-size:10px;padding:6px;white-space:nowrap;}
.ic-muted {font-size:11px;opacity:.8;}
.ic-item {border:1px solid currentColor;padding:10px;margin-bottom:10px;text-align:left;}
.ic-item-header {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;margin:0 0 7px;font-size:11px;}
.ic-item p {white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:0;}
.hidden-field {position:absolute;left:-9999px;opacity:0;pointer-events:none;height:1px;width:1px;}
@media(max-width:420px){body{font-size:11px;} .mode-choice span{font-size:9px;min-height:35px;padding:6px 3px;} .mode-options{gap:5px;} form label,.mode-description{font-size:10px;} form input, form textarea{font-size:11px;padding:9px 8px;} .ic-item p{font-size:11px;}}


/* ================================================================
   IMAGAS — BOTÕES PERSONALIZADOS EM PNG (PÚBLICA/PRIVADA/ENVIAR)
   O estado selecionado continua ligado ao radio e acessível.
   ================================================================ */
:root {
  --ic-mode-art-width:190px;
  --ic-mode-art-height:54px;
  --ic-send-art-width:330px;
  --ic-send-art-height:67px;
}
.ic-sr-only {
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.mode-choice {align-items:center;justify-content:center;}
.mode-choice .mode-art {
  box-sizing:border-box;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(100%,var(--ic-mode-art-width));
  height:var(--ic-mode-art-height);
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.mode-choice .mode-art img {
  width:100%;height:100%;max-width:100%;max-height:100%;
  display:block;object-fit:contain;object-position:center;
}
.mode-choice input:checked + .mode-art {
  background:transparent;
  color:inherit;
  box-shadow:none; /* remove a linha na base do botao selecionado */
}
/* Sombra sobre o PNG, acompanhando o contorno da imagem transparente. */
.mode-choice input:checked + .mode-art img {
  filter:drop-shadow(
    var(--ic-selected-shadow-x, 0px)
    var(--ic-selected-shadow-y, 4px)
    var(--ic-selected-shadow-blur, 4px)
    var(--ic-selected-shadow-color, rgba(75, 93, 138, .65))
  );
}
.mode-choice input:focus-visible + .mode-art {
  outline:2px solid var(--ink);outline-offset:3px;
}
.mode-choice .mode-art:hover {opacity:.75;}
#ic-submit {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  width:min(100%, var(--ic-send-art-width));
  height:var(--ic-send-art-height);
  min-height:0;
  border:0;
  padding:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
#ic-submit img {
  display:block;
  width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center;
}
#ic-submit:hover {background:transparent;color:inherit;opacity:.75;}
#ic-submit:focus-visible {outline:2px solid var(--ink);outline-offset:3px;}
#ic-submit:disabled {opacity:.45;cursor:not-allowed;}
@media(max-width:420px) {
  :root {
    --ic-mode-art-height:44px;
    --ic-send-art-width:220px;
    --ic-send-art-height:54px;
  }
}
:root {
  --ic-refresh-width: 150px;
  --ic-refresh-height: 150px;
}

#ic-refresh {
  width: var(--ic-refresh-width) !important;
  height: var(--ic-refresh-height) !important;
  min-width: 0;
  min-height: 0;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#ic-refresh img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: none;
}

#ic-refresh:hover,
#ic-refresh:active,
#ic-refresh:focus {
  background: transparent !important;
  box-shadow: none !important;
}

#ic-refresh:focus-visible {
  outline: none;
}