feat atualização de textos e posições dos botões

public/index.html

@@ -28,7 +28,7 @@
         </div>
         <div class="description-content">
           <p>
-            A capilaridade da fibra óptica da Sothis Telecom está sempre em expansão, por isso, atualizamos essa página constantemente. Essa página é de uso interno e de canais de revenda, o resultado da consulta informa a distância em em metros da caixa mais próxima, bem como identifica se ela pertence a rede própria ou parceiro last mile. Não sem divulgue as informações desta página sem o consentimento prévio da Sothis Telecom.
+            A capilaridade da fibra óptica da Sothis Telecom está sempre em expansão, por isso, atualizamos essa página constantemente. Essa página é de uso interno e de canais de revenda, o resultado da consulta informa a distância em metros da caixa mais próxima, bem como identifica se ela pertence a rede própria ou parceiro last mile. Não divulgue as informações desta página sem o consentimento prévio da Sothis Telecom.
           </p>
         </div>
       </div>
@@ -37,18 +37,21 @@
         <div class="card-body">
           <h5>Consulta em lote:</h5>
           <p>
-            Faça um upload de um arquivo .CSV com a primeira coluna com os CEPs e a segunda coluna com o número do logradouro. O resultado da consulta será baixado automaticamente em um arquivo .CSV em seu computador. Também é possível consultar a partir da geolocalização: faça um upload de um arquivo .CSV com a primeira coluna sendo latitude e a segunda longitude.
+            Faça um upload somente de arquivos .CSV ou .XLSX com a primeira coluna com os CEPs e a segunda coluna com o número do logradouro. O resultado da consulta será baixado automaticamente em um arquivo no seu computador. Também é possível consultar a partir da geolocalização: faça o upload somente de arquivos .CSV ou .XLSX com a primeira coluna sendo latitude e a segunda longitude. Dentro da célula, deve conter apenas números e sem espaço.
           </p>
 		  <p>
 			  Caso precise baixar os modelos de arquivo para upload, clique em "Baixar Modelos".
 		  </p>
+      <div>
+        <button type="button" class="btn btn-primary button-mobile" id="card__button-download">Baixar Modelos</button>
+      </div>
+      <br>
           <form id="uploadForm">
             <div class="mb-3">
-              <input class="form-control" type="file" id="csvfile" accept=".csv,.xls,.xlsx" required />
+              <input class="form-control" type="file" id="csvfile" accept=".csv,.xls,.xlsx" required />
             </div>
             <div class="card-buttons__container">
-              <button class="btn btn-primary button-mobile" type="submit">Enviar CSV</button>
+              <button class="btn btn-primary button-mobile" id="card__button-enviar" type="submit">Enviar</button>
-              <button type="button" class="btn btn-primary button-mobile" id="card__button-download">Baixar Modelos</button>
             </div>
           </form>
           <div id="uploadResult" class="mt-3"></div>
@@ -68,11 +71,22 @@
           <div class="row g-2">
             <div class="col-md-4"><input id="cep" class="form-control" placeholder="CEP (somente números)"></div>
             <div class="col-md-4"><input id="numero" class="form-control" placeholder="Número"></div>
-            <div class="col-md-4 card-buttons__container"><button id="btnConsultaCep" class="btn btn-secondary">Consultar CEP</button></div>
+            <div class="col-md-4 consultar-cep__container"><button id="btnConsultaCep" class="btn btn-secondary">Consultar CEP</button></div>
           </div>
           <div id="consultaResult" class="mt-3"></div>
         </div>
       </div>
+      
+      <div>
+        <div class="aviso-importante__container">
+            <h4>Aviso Importante</h4>
+            <p>
+                A consulta de viabilidade disponibilizada neste sistema possui caráter preliminar e é baseada nas informações cadastrais da rede e no endereço informado.
+                A confirmação da disponibilidade do serviço dependerá de análise técnica realizada antes da instalação. Nessa etapa, poderão ser identificadas limitações que inviabilizem o atendimento, como indisponibilidade de capacidade da rede, necessidade de expansão da infraestrutura, distância acima do limite técnico, obstáculos para passagem da fibra óptica, restrições de acesso ao imóvel, ausência de autorizações necessárias ou outras condições técnicas e operacionais.
+                Por esse motivo, o resultado desta consulta não constitui garantia de disponibilidade ou contratação do serviço, estando a instalação condicionada à aprovação da análise técnica final.
+            </p>
+        </div>
+      </div>
 
     </div>
 

public/style.css

@@ -35,6 +35,7 @@
 
 .card-buttons__container {
     display: flex;
+    justify-content: flex-end;
 }
 
 button {
@@ -50,7 +51,8 @@ button:hover {
     background-color: transparent !important;
     border: 1px solid #31a3b5 !important;
     color: #31a3b5 !important;
-    margin-left: 10px;
+    margin-left: 0px;
+    top: -5px !important;
 }
 
 .progress-bar {
@@ -61,6 +63,26 @@ button:hover {
     margin-top: 40px;
 }
 
+.aviso-importante__container {
+    margin-top: 35px;
+    padding-top: 15px;
+    color: #6c757d;
+    font-size: 12px;
+    margin-left: 5px;
+}
+
+.aviso-importante__container h4 {
+    font-size: 14px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    color: #495057;
+}
+
+.aviso-importante__container p {
+    line-height: 1.6;
+    margin-bottom: 10px;
+    text-align: justify;
+}
 
 @media screen and (max-width: 768px) {
     .header__container {