* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif; /* Fonte clean e moderna */
}
body {
    background-color: #f9f9f9;
    color: #333;
    line-height: 1.6;
}
.nav {
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    z-index: 100;
}
.logo img {
    height: 62px;
    vertical-align: middle;
}
nav {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}
nav ul {
    list-style: none;
    display: flex;
    padding-left: 50px;
}
nav ul li {
    margin-left: 20px;
    padding-right: 20px;
}
nav ul li a {
    text-decoration: none;
    color: #003087;
    font-weight: normal;
    transition: color 0.3s;
}
nav ul li a:hover {
    color: #BF0A30;
}

body {
     margin:0; 
     font-family:'Inter',sans-serif;
     background:#f8fafc; color:#1e293b; line-height:1.6;
}
.container { 
    max-width:1100px; 
    margin:0 auto; 
    padding:20px; 
    text-align:center; 
}

header { 
    background:#0f172a; 
    color:white; 
    padding:60px 20px; 
}

h1 { 
    font-size:42px; 
    margin:0 0 20px; 
}

h2 { 
    font-size:32px; 
    color:#1e40af; 
}

.badge { 
    background:#dc2626; 
    color:white; 
    padding:8px 16px; 
    border-radius:50px; 
    font-weight:700; 
    display:inline-block; 
    margin:15px 0; 
}

.btn { 
    display:inline-block; 
    background:#ea580c; 
    color:white; 
    padding:18px 40px; 
    border-radius:12px; 
    font-size:22px; 
    font-weight:700; 
    text-decoration:none; 
    margin:30px 0; 
}

.btn:hover { 
    background:#c2410c; 
}

.features {
     display:flex; 
     flex-wrap:wrap; 
     justify-content:center; 
     gap:20px; margin:50px 0; 
}

.feature { 
    background:white; 
    padding:25px; 
    border-radius:12px; 
    box-shadow:0 4px 20px rgba(0,0,0,0.05); 
    width:300px; 
}

footer { 
    background:#0f172a; 
    color:white; 
    padding:40px; 
    margin-top:60px; 
}


.price { 
    width: 100%;
    margin:0; 
    font-family:'Inter',sans-serif; 
    background:#f8fafc; 
    color:#1e293b; 
    text-align:center; 
    padding:40px 20px; 
}

.table {
    width: 100%;
    overflow-x: auto;
}

.table table { 
    max-width:1000px; 
    margin:40px auto; 
    border-collapse:collapse;
 }

 .table  th, td { padding:20px; border:1px solid #e2e8f0; }

.table  th { 
    background:#0f172a; 
    color:white; 
}


.table-items {
    text-align: left;
    padding-left: 20px;
}

.table-items ul {
    list-style: none;
}


.price-best-seller { 
    background:#fef3c7; 
    font-weight:700; 
}

.price-td { 
    font-size:28px; 
    color:#dc2626; 
    font-weight:700; 
}

.btn { 
    display:inline-block;
    background:#ea580c; 
    color:white; 
    padding:16px 32px; 
    border-radius:12px; 
    text-decoration:none; 
    font-weight:700; 
    margin:10px;
 }

.btn:hover { 
    background:#c2410c; 
}

.about { 
    margin:0; 
    font-family:'Inter',sans-serif; 
    background:#f8fafc; 
    color:#1e293b; 
    line-height:1.7; 
}


.section { 
    background:white; 
    padding:40px 40px; 
    border-radius:16px; 
    box-shadow:0 4px 25px rgba(0,0,0,0.06); 
    margin:30px auto; 
    max-width:800px; 
}

.section p{
    text-align: left;
}

.section h2 {
    padding-bottom: 20px;
}

#whatsapp-button-container {
    position: fixed; /* Makes the element float relative to the viewport */
    bottom: 20px;    /* Adjust for desired vertical position */
    right: 20px;     /* Adjust for desired horizontal position */
    z-index: 9999;   /* Ensures the button appears on top of other content */
}

/* Style the actual button or icon within the container */
#whatsapp-button {
    /* Add styles for your button, e.g., background, icon, size, border-radius */
    background-color: #25d366; /* WhatsApp green */
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}


@media (max-width:768px) {
    h1{
        font-size:32px;
    } 
    .btn{
        font-size:18px;
    } 

    nav {
        display: block;
    }
    
    .nav ul {
        padding-left: 0px;
    }

    .logo{
        display: block;
        width: 100%;
    }

    .logo img{
        width: 90%;
    }
}