ilibras-widget 1.4.0 → 1.5.2

package/dist/ilibras-widget.js

@@ -1,5 +1,5 @@
 /*!
- * iLibras Widget v1.4.0
+ * iLibras Widget v1.5.2
  * https://github.com/Dimendes-Solucoes/Ilibras_widget
  * Licença MIT
  *
@@ -27,28 +27,28 @@
 }
 
 /* Posicionamento */
-.ilibras-widget-bottom-right {
+#ilibras-widget-container .ilibras-widget-bottom-right {
   bottom: 30px;
   right: 30px;
 }
 
-.ilibras-widget-bottom-left {
+#ilibras-widget-container .ilibras-widget-bottom-left {
   bottom: 30px;
   left: 30px;
 }
 
-.ilibras-widget-top-right {
+#ilibras-widget-container .ilibras-widget-top-right {
   top: 30px;
   right: 30px;
 }
 
-.ilibras-widget-top-left {
+#ilibras-widget-container .ilibras-widget-top-left {
   top: 30px;
   left: 30px;
 }
 
 /* Botão flutuante (apenas ícone) */
-.ilibras-widget-button {
+#ilibras-widget-container .ilibras-widget-button {
   position: relative;
   border: none;
   font: inherit;
@@ -70,23 +70,23 @@
   z-index: 10001;
 }
 
-.ilibras-widget-button img {
+#ilibras-widget-container .ilibras-widget-button img {
   width: 64px;
   height: 64px;
 }
 
 .ilibras-widget-button:hover,
-.ilibras-widget-button:active {
+#ilibras-widget-container .ilibras-widget-button:active {
   transform: none;
   box-shadow: none;
 }
 
-.ilibras-widget-button svg {
+#ilibras-widget-container .ilibras-widget-button svg {
   filter: none;
 }
 
 /* Badge de notificação */
-.ilibras-widget-badge {
+#ilibras-widget-container .ilibras-widget-badge {
   position: absolute;
   top: -2px;
   right: -2px;
@@ -114,7 +114,7 @@
 }
 
 /* Modal */
-.ilibras-widget-modal {
+#ilibras-widget-container .ilibras-widget-modal {
   position: fixed;
   /* responsivo ao tamanho do monitor */
   width: clamp(320px, 26vw, 480px);
@@ -131,7 +131,7 @@
   overflow: hidden;
 }
 
-.ilibras-widget-modal-open {
+#ilibras-widget-container .ilibras-widget-modal-open {
   opacity: 1;
   visibility: visible;
   transform: translateY(0) scale(1);
@@ -139,26 +139,26 @@
 
 /* Posicionamento do modal baseado na posição do botão */
 .ilibras-widget-bottom-right .ilibras-widget-modal,
-.ilibras-widget-bottom-left .ilibras-widget-modal {
+#ilibras-widget-container .ilibras-widget-bottom-left .ilibras-widget-modal {
   bottom: 105px;
 }
 
 .ilibras-widget-top-right .ilibras-widget-modal,
-.ilibras-widget-top-left .ilibras-widget-modal {
+#ilibras-widget-container .ilibras-widget-top-left .ilibras-widget-modal {
   top: 105px;
 }
 
 .ilibras-widget-bottom-right .ilibras-widget-modal,
-.ilibras-widget-top-right .ilibras-widget-modal {
+#ilibras-widget-container .ilibras-widget-top-right .ilibras-widget-modal {
   right: 0;
 }
 
 .ilibras-widget-bottom-left .ilibras-widget-modal,
-.ilibras-widget-top-left .ilibras-widget-modal {
+#ilibras-widget-container .ilibras-widget-top-left .ilibras-widget-modal {
   left: 0;
 }
 
-.ilibras-widget-header {
+#ilibras-widget-container .ilibras-widget-header {
   background: white;
   padding: 14px 24px;
   display: flex;
@@ -169,18 +169,18 @@
   border-bottom: 2px solid rgba(53,122,189,0.06);
 }
 
-.ilibras-widget-header-content {
+#ilibras-widget-container .ilibras-widget-header-content {
   display: flex;
   align-items: center;
   gap: 16px;
   flex: 1;
 }
 
-.ilibras-widget-logo {
+#ilibras-widget-container .ilibras-widget-logo {
   display: none !important;
 }
 
-.ilibras-widget-title {
+#ilibras-widget-container .ilibras-widget-title {
   padding-left: 0;
   font-size: 17px;
   font-weight: 700;
@@ -188,7 +188,7 @@
   color: #1f4f7a;
 }
 
-.ilibras-widget-close {
+#ilibras-widget-container .ilibras-widget-close {
   background: transparent;
   border: none;
   cursor: pointer;
@@ -203,22 +203,22 @@
   flex-shrink: 0;
 }
 
-.ilibras-widget-close:hover {
+#ilibras-widget-container .ilibras-widget-close:hover {
   background: rgba(53,122,189,0.08);
   transform: translateY(-1px);
 }
 
-.ilibras-widget-close:active {
+#ilibras-widget-container .ilibras-widget-close:active {
   background: rgba(53,122,189,0.12);
 }
 
 /* Body do modal */
-.ilibras-widget-body {
+#ilibras-widget-container .ilibras-widget-body {
   padding: 20px !important;
   background: white; /* fundo branco do widget */
 }
 
-.ilibras-widget-message {
+#ilibras-widget-container .ilibras-widget-message {
   background: rgba(74,144,226,0.06); /* leve tom da cor da logo */
   border-radius: 14px; 
   border: 1px solid rgba(74,144,226,0.08);
@@ -229,19 +229,19 @@
 }
 
 /* Formulário */
-.ilibras-widget-form {
+#ilibras-widget-container .ilibras-widget-form {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 
-.ilibras-widget-form-group {
+#ilibras-widget-container .ilibras-widget-form-group {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-.ilibras-widget-form-group label {
+#ilibras-widget-container .ilibras-widget-form-group label {
   font-size: 13px;
   font-weight: 500;
   color: #495057;
@@ -249,7 +249,7 @@
 }
 
 .ilibras-widget-form-group input[type="text"],
-.ilibras-widget-form-group input[type="tel"] {
+#ilibras-widget-container .ilibras-widget-form-group input[type="tel"] {
   background: #ffffff;
   border: 1px solid rgba(20,30,45,0.06);
   padding: 12px 14px !important;
@@ -258,7 +258,7 @@
 }
 
 .ilibras-widget-form-group input[type="text"]:focus,
-.ilibras-widget-form-group input[type="tel"]:focus {
+#ilibras-widget-container .ilibras-widget-form-group input[type="tel"]:focus {
   background: white;
   border-color: #357ABD;
   box-shadow: 0 6px 18px rgba(53,122,189,0.08);
@@ -266,12 +266,12 @@
 }
 
 .ilibras-widget-form-group input[type="text"]::placeholder,
-.ilibras-widget-form-group input[type="tel"]::placeholder {
+#ilibras-widget-container .ilibras-widget-form-group input[type="tel"]::placeholder {
   color: #6c757d;
 }
 
 /* Checkbox customizado */
-.ilibras-widget-checkbox-label {
+#ilibras-widget-container .ilibras-widget-checkbox-label {
   display: flex;
   align-items: flex-start;
   gap: 10px;
@@ -283,7 +283,7 @@
   line-height: 1.4;
 }
 
-.ilibras-widget-checkbox-label input[type="checkbox"] {
+#ilibras-widget-container .ilibras-widget-checkbox-label input[type="checkbox"] {
   margin-top: 2px;
   width: 18px;
   height: 18px;
@@ -291,13 +291,13 @@
   accent-color: #357ABD;
 }
 
-.ilibras-widget-checkbox-label span {
+#ilibras-widget-container .ilibras-widget-checkbox-label span {
   flex: 1;
 }
 
 /* Botão de submit */
 
-.ilibras-widget-submit {
+#ilibras-widget-container .ilibras-widget-submit {
   padding: 12px 14px !important;
   border-radius: 10px;
   font-size: 15px;
@@ -310,17 +310,17 @@
   transition: transform 0.14s ease, box-shadow 0.14s ease, opacity 0.12s;
 }
 
-.ilibras-widget-submit:hover {
+#ilibras-widget-container .ilibras-widget-submit:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 22px rgba(53,122,189,0.18);
 }
 
-.ilibras-widget-submit:active {
+#ilibras-widget-container .ilibras-widget-submit:active {
   transform: translateY(0);
   box-shadow: 0 4px 10px rgba(53,122,189,0.12);
 }
 
-.ilibras-widget-submit:disabled {
+#ilibras-widget-container .ilibras-widget-submit:disabled {
   opacity: 0.6;
   cursor: not-allowed;
   transform: none;
@@ -329,7 +329,7 @@
 /* Agendar é a segunda escolha, não a concorrente: contorno em vez de preenchido,
    para a hierarquia entre "agora" e "depois" ficar visível antes da leitura. O
    form tem gap de 20px; as margens negativas colam o botão na dica que o explica. */
-.ilibras-widget-agendar {
+#ilibras-widget-container .ilibras-widget-agendar {
   padding: 11px 14px !important;
   border-radius: 10px;
   font-size: 15px;
@@ -343,73 +343,73 @@
   margin-top: -8px;
 }
 
-.ilibras-widget-agendar:hover:not(:disabled) {
+#ilibras-widget-container .ilibras-widget-agendar:hover:not(:disabled) {
   background: #F2F7FD;
   border-color: #357ABD;
 }
 
-.ilibras-widget-agendar:disabled {
+#ilibras-widget-container .ilibras-widget-agendar:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
 
-.ilibras-widget-dica-agendar {
+#ilibras-widget-container .ilibras-widget-dica-agendar {
   margin-top: -14px;
   text-align: center;
 }
 
 /* Responsividade */
 @media (max-width: 480px) {
-  .ilibras-widget-modal {
+  #ilibras-widget-container .ilibras-widget-modal {
     width: calc(100vw - 40px);
     max-width: 100%;
   }
 
   .ilibras-widget-bottom-right,
-  .ilibras-widget-bottom-left {
+  #ilibras-widget-container .ilibras-widget-bottom-left {
     bottom: 20px;
     left: 20px !important;
     right: 20px !important;
   }
 
   .ilibras-widget-top-right,
-  .ilibras-widget-top-left {
+  #ilibras-widget-container .ilibras-widget-top-left {
     top: 20px;
     left: 20px !important;
     right: 20px !important;
   }
 
-  .ilibras-widget-button {
+  #ilibras-widget-container .ilibras-widget-button {
     width: 64px;
     height: 64px;
   }
 
-  .ilibras-widget-button svg {
+  #ilibras-widget-container .ilibras-widget-button svg {
     width: 32px;
     height: 32px;
   }
 
-  .ilibras-widget-modal {
+  #ilibras-widget-container .ilibras-widget-modal {
     bottom: 94px !important;
     right: 0 !important;
     left: 0 !important;
     margin: 0 20px;
   }
 
-  .ilibras-widget-body {
+  #ilibras-widget-container .ilibras-widget-body {
     padding: 18px 16px;
   }
 }
 
 @media (min-width: 1600px) {
-  .ilibras-widget-modal {
+  #ilibras-widget-container .ilibras-widget-modal {
     width: clamp(360px, 20vw, 560px);
   }
 }
 
 .ilibras-widget-button:focus-visible,
 .ilibras-widget-close:focus-visible,
-.ilibras-widget-submit:focus-visible {
+#ilibras-widget-container .ilibras-widget-submit:focus-visible {
   outline: 3px solid rgba(53,122,189,0.18);
   outline-offset: 3px;
 }
@@ -435,43 +435,43 @@
 /* Accessibilidade */
 .ilibras-widget-button:focus-visible,
 .ilibras-widget-close:focus-visible,
-.ilibras-widget-submit:focus-visible {
+#ilibras-widget-container .ilibras-widget-submit:focus-visible {
   outline: 3px solid #4A90E2;
   outline-offset: 2px;
 }
 
 /* Tema escuro (opcional) */
 @media (prefers-color-scheme: dark) {
-  .ilibras-widget-modal {
+  #ilibras-widget-container .ilibras-widget-modal {
     background: #1e1e1e;
   }
 
-  .ilibras-widget-body {
+  #ilibras-widget-container .ilibras-widget-body {
     background: #2d2d2d;
   }
 
-  .ilibras-widget-message {
+  #ilibras-widget-container .ilibras-widget-message {
     background: #363636;
     color: #e0e0e0;
   }
 
-  .ilibras-widget-form-group label {
+  #ilibras-widget-container .ilibras-widget-form-group label {
     color: #b0b0b0;
   }
 
   .ilibras-widget-form-group input[type="text"],
-  .ilibras-widget-form-group input[type="tel"] {
+  #ilibras-widget-container .ilibras-widget-form-group input[type="tel"] {
     background: #363636;
     border-color: #4a4a4a;
     color: #e0e0e0;
   }
 
   .ilibras-widget-form-group input[type="text"]::placeholder,
-  .ilibras-widget-form-group input[type="tel"]::placeholder {
+  #ilibras-widget-container .ilibras-widget-form-group input[type="tel"]::placeholder {
     color: #6c6c6c;
   }
 
-  .ilibras-widget-checkbox-label {
+  #ilibras-widget-container .ilibras-widget-checkbox-label {
     color: #b0b0b0;
   }
 }
@@ -485,7 +485,7 @@
 
 /* Visível só para leitor de tela. Não usa display:none — o que some da tela
    dessa forma some também da leitura. */
-.ilibras-widget-sr-only {
+#ilibras-widget-container .ilibras-widget-sr-only {
   position: absolute !important;
   width: 1px;
   height: 1px;
@@ -499,7 +499,7 @@
 
 /* Armadilha do anti-robô: fora da tela e fora da leitura, mas presente no DOM
    (bot que ignora display:none continua encontrando e preenchendo). */
-.ilibras-widget-hp {
+#ilibras-widget-container .ilibras-widget-hp {
   position: absolute !important;
   left: -9999px;
   top: auto;
@@ -510,23 +510,23 @@
 
 /* O diálogo fechado não pode receber foco: com hidden, nada dentro dele entra
    na ordem de tabulação. */
-.ilibras-widget-modal[hidden] {
+#ilibras-widget-container .ilibras-widget-modal[hidden] {
   display: none !important;
 }
 
-.ilibras-widget-legenda {
+#ilibras-widget-container .ilibras-widget-legenda {
   font-size: 12px;
   color: #495057;
   margin: 0 0 -8px 4px;
 }
 
-.ilibras-widget-dica {
+#ilibras-widget-container .ilibras-widget-dica {
   font-size: 12px;
   color: #495057;
   padding-left: 4px;
 }
 
-.ilibras-widget-erro {
+#ilibras-widget-container .ilibras-widget-erro {
   font-size: 13px;
   font-weight: 500;
   color: #b02a37;
@@ -538,23 +538,23 @@
 
 /* A cor não pode ser o único sinal de erro: quem não distingue vermelho
    precisa do símbolo e do texto. */
-.ilibras-widget-erro::before {
+#ilibras-widget-container .ilibras-widget-erro::before {
   content: "\\26A0";
   font-size: 13px;
   line-height: 1.3;
 }
 
-.ilibras-widget-erro[hidden] {
+#ilibras-widget-container .ilibras-widget-erro[hidden] {
   display: none;
 }
 
-.ilibras-widget-form-group input.ilibras-widget-invalido {
+#ilibras-widget-container .ilibras-widget-form-group input.ilibras-widget-invalido {
   border-color: #b02a37;
   border-width: 2px;
 }
 
 /* Aviso de falha de serviço / limite de uso. */
-.ilibras-widget-aviso {
+#ilibras-widget-container .ilibras-widget-aviso {
   background: #fdf2f2;
   border: 1px solid #f0c2c2;
   border-left: 4px solid #b02a37;
@@ -566,47 +566,47 @@
   line-height: 1.5;
 }
 
-.ilibras-widget-aviso[hidden] {
+#ilibras-widget-container .ilibras-widget-aviso[hidden] {
   display: none;
 }
 
-.ilibras-widget-aviso:focus-visible {
+#ilibras-widget-container .ilibras-widget-aviso:focus-visible {
   outline: 3px solid #b02a37;
   outline-offset: 2px;
 }
 
-.ilibras-widget-aviso-texto {
+#ilibras-widget-container .ilibras-widget-aviso-texto {
   margin: 0;
 }
 
 /* Plano de contingência: aparece quando a API não responde. */
-.ilibras-widget-fallback {
+#ilibras-widget-container .ilibras-widget-fallback {
   margin-top: 10px;
   padding-top: 10px;
   border-top: 1px solid #f0c2c2;
   font-size: 13px;
 }
 
-.ilibras-widget-fallback p {
+#ilibras-widget-container .ilibras-widget-fallback p {
   margin: 0 0 6px;
 }
 
-.ilibras-widget-fallback ul {
+#ilibras-widget-container .ilibras-widget-fallback ul {
   margin: 0;
   padding-left: 18px;
   list-style: disc;
 }
 
-.ilibras-widget-fallback li {
+#ilibras-widget-container .ilibras-widget-fallback li {
   margin: 2px 0;
 }
 
-.ilibras-widget-fallback a {
+#ilibras-widget-container .ilibras-widget-fallback a {
   color: #1f4f7a;
   font-weight: 600;
 }
 
-.ilibras-widget-status {
+#ilibras-widget-container .ilibras-widget-status {
   font-size: 13px;
   color: #495057;
   margin: 0;
@@ -620,7 +620,7 @@
 .ilibras-widget-submit:focus-visible,
 .ilibras-widget-form-group input:focus-visible,
 .ilibras-widget-checkbox-label input:focus-visible,
-.ilibras-widget-fallback a:focus-visible {
+#ilibras-widget-container .ilibras-widget-fallback a:focus-visible {
   outline: 3px solid #1f4f7a;
   outline-offset: 2px;
 }
@@ -631,14 +631,14 @@
   .ilibras-widget-modal,
   .ilibras-widget-form-group input,
   .ilibras-widget-submit,
-  .ilibras-widget-aviso {
+  #ilibras-widget-container .ilibras-widget-aviso {
     border: 1px solid CanvasText;
   }
 
   .ilibras-widget-button:focus-visible,
   .ilibras-widget-close:focus-visible,
   .ilibras-widget-submit:focus-visible,
-  .ilibras-widget-form-group input:focus-visible {
+  #ilibras-widget-container .ilibras-widget-form-group input:focus-visible {
     outline: 3px solid Highlight;
   }
 }
@@ -650,13 +650,13 @@
   .ilibras-widget-modal,
   .ilibras-widget-submit,
   .ilibras-widget-close,
-  .ilibras-widget-badge {
+  #ilibras-widget-container .ilibras-widget-badge {
     animation: none !important;
     transition: none !important;
   }
 
   .ilibras-widget-submit:hover,
-  .ilibras-widget-close:hover {
+  #ilibras-widget-container .ilibras-widget-close:hover {
     transform: none;
   }
 }
@@ -664,44 +664,44 @@
 @media (prefers-color-scheme: dark) {
   .ilibras-widget-legenda,
   .ilibras-widget-dica,
-  .ilibras-widget-status {
+  #ilibras-widget-container .ilibras-widget-status {
     color: #c9c9c9;
   }
 
-  .ilibras-widget-erro {
+  #ilibras-widget-container .ilibras-widget-erro {
     color: #ff9aa2;
   }
 
-  .ilibras-widget-form-group input.ilibras-widget-invalido {
+  #ilibras-widget-container .ilibras-widget-form-group input.ilibras-widget-invalido {
     border-color: #ff9aa2;
   }
 
-  .ilibras-widget-aviso {
+  #ilibras-widget-container .ilibras-widget-aviso {
     background: #3a2224;
     border-color: #6b3a3f;
     border-left-color: #ff9aa2;
     color: #ffd9dc;
   }
 
-  .ilibras-widget-fallback {
+  #ilibras-widget-container .ilibras-widget-fallback {
     border-top-color: #6b3a3f;
   }
 
-  .ilibras-widget-fallback a {
+  #ilibras-widget-container .ilibras-widget-fallback a {
     color: #9ecbff;
   }
 
-  .ilibras-widget-title {
+  #ilibras-widget-container .ilibras-widget-title {
     color: #e6f0f8;
   }
 
-  .ilibras-widget-header {
+  #ilibras-widget-container .ilibras-widget-header {
     background: #1e1e1e;
     border-left-color: #333;
     border-bottom-color: #333;
   }
 
-  .ilibras-widget-close {
+  #ilibras-widget-container .ilibras-widget-close {
     color: #e0e0e0;
   }
 }
@@ -740,75 +740,6 @@
       texto: ""
     }
   };
-  var DDDS = [
-    11,
-    12,
-    13,
-    14,
-    15,
-    16,
-    17,
-    18,
-    19,
-    21,
-    22,
-    24,
-    27,
-    28,
-    31,
-    32,
-    33,
-    34,
-    35,
-    37,
-    38,
-    41,
-    42,
-    43,
-    44,
-    45,
-    46,
-    47,
-    48,
-    49,
-    51,
-    53,
-    54,
-    55,
-    61,
-    62,
-    63,
-    64,
-    65,
-    66,
-    67,
-    68,
-    69,
-    71,
-    73,
-    74,
-    75,
-    77,
-    79,
-    81,
-    82,
-    83,
-    84,
-    85,
-    86,
-    87,
-    88,
-    89,
-    91,
-    92,
-    93,
-    94,
-    95,
-    96,
-    97,
-    98,
-    99
-  ];
   var FOCAVEIS = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
   var ILibrasWidget = class {
     constructor(config = {}) {
@@ -891,24 +822,6 @@
               <span class="ilibras-widget-erro" id="ilibras-name-erro" hidden></span>
             </div>
 
-            <div class="ilibras-widget-form-group">
-              <label for="ilibras-cpf">CPF <span aria-hidden="true">*</span></label>
-              <input type="text" id="ilibras-cpf" name="cpf" placeholder="000.000.000-00"
-                     required aria-required="true" maxlength="14" autocomplete="off"
-                     inputmode="numeric" aria-describedby="ilibras-cpf-dica ilibras-cpf-erro" />
-              <span class="ilibras-widget-dica" id="ilibras-cpf-dica">Somente números.</span>
-              <span class="ilibras-widget-erro" id="ilibras-cpf-erro" hidden></span>
-            </div>
-
-            <div class="ilibras-widget-form-group">
-              <label for="ilibras-phone">Telefone <span aria-hidden="true">*</span></label>
-              <input type="tel" id="ilibras-phone" name="phone" placeholder="(00) 00000-0000"
-                     required aria-required="true" maxlength="15" autocomplete="tel"
-                     inputmode="numeric" aria-describedby="ilibras-phone-dica ilibras-phone-erro" />
-              <span class="ilibras-widget-dica" id="ilibras-phone-dica">Com DDD. Ex.: (11) 98765-4321.</span>
-              <span class="ilibras-widget-erro" id="ilibras-phone-erro" hidden></span>
-            </div>
-
             <div class="ilibras-widget-form-group">
               <label for="ilibras-consent" class="ilibras-widget-checkbox-label">
                 <input type="checkbox" id="ilibras-consent" name="consent" required aria-required="true"
@@ -974,14 +887,11 @@
         }
         if (e.key === "Tab") this.prenderFoco(e);
       });
-      this.setupInputMasks();
-      [["name", "nome"], ["cpf", "cpf"], ["phone", "telefone"]].forEach(([id, campo]) => {
-        const input = this.container.querySelector("#ilibras-" + id);
-        input.addEventListener("blur", () => {
-          if (input.value.trim() !== "") this.validarCampo(campo);
-        });
-        input.addEventListener("input", () => this.limparErro(id));
+      const nome = this.container.querySelector("#ilibras-name");
+      nome.addEventListener("blur", () => {
+        if (nome.value.trim() !== "") this.validarCampo("nome");
       });
+      nome.addEventListener("input", () => this.limparErro("name"));
       this.container.querySelector("#ilibras-consent").addEventListener("change", () => this.limparErro("consent"));
       this.form.addEventListener("submit", (e) => this.handleSubmit(e, "fila"));
       if (this.agendar) {
@@ -1001,28 +911,6 @@
         primeiro.focus();
       }
     }
-    setupInputMasks() {
-      const cpfInput = this.container.querySelector("#ilibras-cpf");
-      const phoneInput = this.container.querySelector("#ilibras-phone");
-      cpfInput.addEventListener("input", (e) => {
-        let value = e.target.value.replace(/\D/g, "").slice(0, 11);
-        value = value.replace(/(\d{3})(\d)/, "$1.$2");
-        value = value.replace(/(\d{3})(\d)/, "$1.$2");
-        value = value.replace(/(\d{3})(\d{1,2})$/, "$1-$2");
-        e.target.value = value;
-      });
-      phoneInput.addEventListener("input", (e) => {
-        let value = e.target.value.replace(/\D/g, "").slice(0, 11);
-        if (value.length <= 10) {
-          value = value.replace(/(\d{2})(\d)/, "($1) $2");
-          value = value.replace(/(\d{4})(\d)/, "$1-$2");
-        } else {
-          value = value.replace(/(\d{2})(\d)/, "($1) $2");
-          value = value.replace(/(\d{5})(\d)/, "$1-$2");
-        }
-        e.target.value = value;
-      });
-    }
     toggleWidget() {
       if (this.isOpen) this.closeWidget();
       else this.openWidget();
@@ -1057,8 +945,6 @@
     valores() {
       return {
         nome: this.container.querySelector("#ilibras-name").value.trim().replace(/\s+/g, " "),
-        cpf: this.container.querySelector("#ilibras-cpf").value.replace(/\D/g, ""),
-        telefone: this.container.querySelector("#ilibras-phone").value.replace(/\D/g, ""),
         consentimento: this.container.querySelector("#ilibras-consent").checked,
         honeypot: this.container.querySelector("#ilibras-site-url").value
       };
@@ -1075,23 +961,6 @@
         if (palavras.length < 2) return "Informe o nome completo (nome e sobrenome).";
         return null;
       }
-      if (campo === "cpf") {
-        if (!v.cpf) return "Informe seu CPF.";
-        if (!this.validateCPF(v.cpf)) return "CPF inválido. Verifique o número digitado.";
-        return null;
-      }
-      if (campo === "telefone") {
-        if (!v.telefone) return "Informe seu telefone com DDD.";
-        if (v.telefone.length < 10 || v.telefone.length > 11) {
-          return "O telefone deve ter DDD e 8 ou 9 dígitos.";
-        }
-        if (!DDDS.includes(parseInt(v.telefone.slice(0, 2), 10))) return "O DDD informado não existe.";
-        const assinante = v.telefone.slice(2);
-        if (/^(\d)\1+$/.test(assinante)) return "O telefone informado é inválido.";
-        const inicioOk = assinante.length === 9 ? assinante[0] === "9" : ["2", "3", "4", "5"].includes(assinante[0]);
-        if (!inicioOk) return "O telefone informado é inválido.";
-        return null;
-      }
       if (campo === "consent" && !v.consentimento) {
         return "É preciso aceitar para continuar.";
       }
@@ -1099,7 +968,7 @@
     }
     validarCampo(campo) {
       const erro = this.erroDoCampo(campo, this.valores());
-      const id = { nome: "name", cpf: "cpf", telefone: "phone", consent: "consent" }[campo];
+      const id = { nome: "name", consent: "consent" }[campo];
       if (erro) this.mostrarErro(id, erro);
       else this.limparErro(id);
       return !erro;
@@ -1110,7 +979,7 @@
     validarTudo() {
       const v = this.valores();
       let primeiroInvalido = null;
-      for (const [campo, id] of [["nome", "name"], ["cpf", "cpf"], ["telefone", "phone"], ["consent", "consent"]]) {
+      for (const [campo, id] of [["nome", "name"], ["consent", "consent"]]) {
         const erro = this.erroDoCampo(campo, v);
         if (erro) {
           this.mostrarErro(id, erro);
@@ -1144,18 +1013,6 @@
         campo.classList.remove("ilibras-widget-invalido");
       }
     }
-    validateCPF(cpf) {
-      cpf = String(cpf).replace(/\D/g, "");
-      if (cpf.length !== 11 || /^(\d)\1{10}$/.test(cpf)) return false;
-      for (let t = 9; t < 11; t++) {
-        let soma = 0;
-        for (let i = 0; i < t; i++) soma += parseInt(cpf[i], 10) * (t + 1 - i);
-        const resto = soma % 11;
-        const digito = resto < 2 ? 0 : 11 - resto;
-        if (parseInt(cpf[t], 10) !== digito) return false;
-      }
-      return true;
-    }
     // ─── Avisos ─────────────────────────────────────────────────────────────
     mostrarAviso(mensagem, { fallback = false } = {}) {
       this.aviso.innerHTML = "";
@@ -1239,8 +1096,6 @@
       const v = this.valores();
       const corpo = new FormData();
       corpo.append("nome", v.nome);
-      corpo.append("cpf", v.cpf);
-      corpo.append("telefone", v.telefone);
       corpo.append("site_url", v.honeypot);
       corpo.append("iniciado_em", String(this.abertoEm || Date.now()));
       corpo.append("modo", modo);
@@ -1250,8 +1105,12 @@
         const destino = resultado.link_fila || resultado.link || resultado.url || resultado.redirect;
         if (!destino) throw new FalhaDeServico("resposta_inesperada");
         this.anunciar(modo === "agendamento" ? "Cadastro feito. Abrindo o calendário para escolher data e horário." : "Atendimento criado. Abrindo a sala de atendimento.");
-        const aba = window.open(destino, "_blank", "noopener");
-        if (!aba) window.location.assign(destino);
+        const aba = window.open(destino, "_blank");
+        if (aba) {
+          aba.opener = null;
+        } else {
+          window.location.assign(destino);
+        }
         this.form.reset();
         this.closeWidget();
       } catch (erro) {
@@ -1341,7 +1200,7 @@
     tratarFalha(erro) {
       const tipo = erro instanceof FalhaDeServico ? erro.tipo : "desconhecido";
       if (tipo === "validacao" && erro.detalhe.erros) {
-        const mapa = { nome: "name", cpf: "cpf", telefone: "phone" };
+        const mapa = { nome: "name" };
         let primeiro = null;
         for (const [campo, mensagens2] of Object.entries(erro.detalhe.erros)) {
           const id = mapa[campo];