@CHARSET "utf8";

		body {
          margin: 0;
          font-family: 'Inter', sans-serif;
          color: #333;
          
          background: url('img/fundo_tech.jpg') fixed no-repeat #ffffff;
          background-size: cover;
        }
        
        header {
          /* background: linear-gradient(0deg, #111 0%, #33b7bf 100%); */
    
          background: url('img/fundo_tech.jpg') fixed no-repeat #e0e0e0;
          background-size: cover;
          color: #ffffff;
          text-align: center;
          padding: 3rem 1rem;
          
        }
        header h1 {
          font-size: 1.8rem;
          margin: 0;
          padding-bottom: 1em;
        }
        
        header img {
        	width: 30%;
          	min-width: 250px;
          	max-width: 350px;
          	padding-bottom: 3em;
        }
    
        
        header p {
          margin-top: 1rem;
          font-size: 1.2rem;
        }
        .cta-button {
          display: inline-block;
          margin-top: 1.5rem;
          padding: 0.75rem 1.5rem;
          background: #ffcc00;
    	  color: #111;
          text-decoration: none;
          border-radius: 8px;
          font-weight: 600;
        }
        
        .cta-button-whats {
          display: inline-block;
          margin-top: 1.5rem;
          padding: 0.75rem 1.5rem;
          background: #009900;
    	  color: #ffffff;
          text-decoration: none;
          border-radius: 8px;
          font-weight: 600;
        }
        
        section {
          scroll-margin-top: 60px;
          transition: background 0.5s ease-in-out;
          max-width: 1140px;
            background: #ffffff;
            border-radius: 0.7em;
          margin: 0 auto 2em auto;
          padding: 2rem 1rem;
          
        }
        h2 {
          text-align: center;
          font-size: 1.8rem;
          margin-bottom: 2rem;
          color: #015f7d;
        }
        .cards {
          display: flex;
          flex-wrap: wrap;
          gap: 2rem;
          justify-content: center;
        }
        .card {
          background: white;
          padding: 1.5rem;
          border-radius: 12px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          width: 300px;
          border-top: 4px solid #015f7d;
        }
        
        .check {
		  color: green;
		  font-weight: bold;
		}
		.fail {
		  color: red;
		  font-weight: bold;
		}
		

        .card h3 {
          margin-top: 1em;
          color: #015f7d;
          font-size: 1.5em;          
        }
        .card .price {
          font-size: 1.2rem;
          font-weight: bold;
          color: #880000;
          margin-top: 0.2rem;

        }
        .card ul {
          padding-left: 1rem;
          margin-top: 1rem;
        }
        .card ul li {
          margin-bottom: 1.3rem;
        }
        
        .card a {
          text-decoration: none;
        }
        
        .compare-table {
          width: 100%;
          border-collapse: collapse;
          margin-top: 1rem;
        }
        .compare-table th, .compare-table td {
          border: 1px solid #ccc;
          padding: 0.75rem;
          text-align: center;
        }
        .compare-table th {
          background: #f5f5f5;
        }
        
        #contato form{
        	max-width: 600px;
        	margin: 0 auto;

        }
        
        #contato p{
        	text-align: center;
        }
        
        #contato input[type=text]{
        	width: 90%;
        	margin: 0.5em;
        	font-size: 1.2em;
        	border-radius: 0.3em;
        	border: solid 1px #015f7d;
        	padding: 0.5em;
        	font-family: "Inter";
        	color: #015f7d;
		}
		
		#contato input[type=tel]{
        	width: 90%;
        	margin: 0.5em;
        	font-size: 1.2em;
        	border-radius: 0.3em;
        	border: solid 1px #015f7d;
        	padding: 0.5em;
        	font-family: "Inter";
        	color: #015f7d;
		}
		
		#contato button{
			
        	margin: 0 auto;
        	font-size: 1.2em;
        	border-radius: 0.3em;
        	border: solid 1px #015f7d;
        	padding: 0.5em;
        	background: #015f7d;
        	font-family: "Inter";
        	color: #ffffff;
       	
        	cursor: pointer;
		}
        
        
        #contato #sucesso{
			
        	margin: 2em auto 2em auto;
        	font-size: 1.2em;
        	border-radius: 0.3em;
        	padding: 2em;
        	
        	border: solid 3px #0e7c01;
        	background: #bdeac5;
        	font-family: "Inter";
        	color: #0e7c01;
		}
		
		
		#contato #erro{
			
        	margin: 2em auto 2em auto;
        	font-size: 1.2em;
        	border-radius: 0.3em;
        	padding: 2em;
        	
        	border: solid 3px #790404;
        	background: #f9aeae;
        	font-family: "Inter";
        	color: #790404;
		}
        
        
        footer {
          background: #111;
          color: white;
          text-align: center;
          padding: 2rem 1rem;
          font-size: 0.9rem;
        }
        footer p {
          margin: 0.5rem 0;
        }
        
        .whatsapp-float {
			  position: fixed;
			  width: 60px;
			  height: 60px;
			  bottom: 20px;
			  right: 20px;
			  background-color: #25D366;
			  border-radius: 50%;
			  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
			  z-index: 1000;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  transition: background-color 0.3s;
			}
			
			.whatsapp-float img {
			  width: 70%;
			  height: 70%;
			}
			
			.whatsapp-float:hover {
			  background-color: #1da851;
			}