<style>

:root{
    --primary:#003B8F;
    --secondary:#0B63F6;
    --gold:#FFD700;
    --success:#00C853;
    --danger:#FF3D00;
    --dark:#101828;
    --gray:#667085;
    --light:#F9FAFB;
    --white:#FFFFFF;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#f4f7fb;
}

/* HERO */

.hero{
    min-height:100vh;
    background: linear-gradient(#003b8f, rgba(0, 0, 0, .65));
    background-size:cover;
    background-position:center;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:white;
    padding:20px;
}

.hero-content{
    max-width:900px;
}


.badge{
    background:var(--gold);
    color:#58ed90;
    padding:8px 20px;
    border-radius:50px;
    font-weight:600;
    display:inline-block;
    margin-bottom:20px;
}

.hero h1{
    font-size:3.2rem;
    margin-bottom:20px;
}

.hero p{
    font-size:1.2rem;
    line-height:1.7;
    margin-bottom:35px;
}

.buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.btn{
    text-decoration:none;
    padding:15px 30px;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
}

.buy{
    background:#00C853;
    color:white;
}

.sell{
    background:#ff3d00;
    color:white;
}

.whats{
    background:#25D366;
    color:white;
}

.btn:hover{
    transform:translateY(-3px);
}

/* SECTION */

.container{
    max-width:1200px;
    margin:auto;
    padding:70px 20px;
}

.title{
    text-align:center;
    margin-bottom:40px;
    color:var(--primary);
}

.card{
    background:rgb(237, 237, 240);
    border-radius:15px;
    padding:25px;
    box-shadow:0 10px 25px #667085;
}

/* LOCALIZAÇÃO */

#locationResult{
    font-weight:500;
    color:var(--gray);
}

/* LOJAS */

.stores{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
    margin-top:30px;
}

.store{
    background:white;
    padding:25px;
    border-radius:15px;
    box-shadow:0 10px 25px #667085;
}

.store h3{
    color:var(--primary);
    margin-bottom:10px;
}

.store a{
    margin-top:15px;
    display:inline-block;
    text-decoration:none;
    background:#25D366;
    color:white;
    padding:10px 20px;
    border-radius:8px;
}

/* TABELA */

table{
    width:100%;
    background:white;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:15px;
    box-shadow: 0 10px 25px #667085;
}

th{
   background: #0e745f;
    color: #ffffff;
    padding:15px;
}

td{
    padding:15px;
    border-bottom:1px solid #eee;
}

input,select{
    width:100%;
    padding:12px;
    border:2px solid #0e745f7a;
    border-radius:8px;
}

.generate{
    margin-top:20px;
    border:none;
    background: #0e745f;
    color: #ffffff;
    padding:15px 25px;
    border-radius:10px;
    cursor:pointer;
    font-size:1rem;
}

.result{
    margin-top:30px;
    display:none;
}

.result p{
    margin:10px 0;
}

.code{
    color:var(--primary);
    font-size:1.4rem;
    font-weight:bold;
}

/* FLOAT WHATS */

.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    width:65px;
    height:65px;
    z-index:999;
}

.whatsapp-float img{
    width:100%;
}

/* RESPONSIVO */

@media(max-width:768px){

.hero h1{
    font-size:2rem;
}

table,
thead,
tbody,
tr,
td,
th{
    display:block;
}

th{
    display:none;
}

td{
    padding:10px;
}

}
.topbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:white;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 40px;
    z-index:9999;
}

.logo{
    font-size:1.2rem;
    font-weight:700;
    color:#003B8F;
}

.languages{
    display:flex;
    gap:10px;
}

.languages img{
    width:35px;
    cursor:pointer;
    transition:.3s;
}

.languages img:hover{
    transform:scale(1.1);
}

.hero{
    padding-top:80px;
}
.currency-card{
    margin-top:20px;
    background:white;
    border-radius:15px;
    padding:20px;
    display:flex;
    align-items:center;
    gap:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.currency-card img{
    width:80px;
    border-radius:10px;
}

.currency-info h3{
    color:#003B8F;
}
.btn-maps{
        background:#0e745f;
        color:#fff;
        border:none;
        padding:15px 30px;
        border-radius:50px;
        font-size:18px;
        cursor:pointer;
        box-shadow:0 5px 15px rgba(0,0,0,.2);
        transition:.3s;
    }

    .btn-maps:hover{
        background:#0b5ed7;
        transform:translateY(-2px);
    }
    .footer{
    background: linear-gradient(135deg, #0e745f, #106755, #1a0000);
    color:#fff;
    padding-top:60px;
    font-family:'Segoe UI',sans-serif;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-container{
    max-width:1200px;
    margin:auto;
    padding:0 30px 50px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.footer-col h3{
    margin-bottom:20px;
    color:#d4af37;
    font-size:1.3rem;
}

.footer-col ul{
    list-style:none;
    padding:0;
}

.footer-col ul li{
    margin-bottom:12px;
}

.footer-col ul li a{
    color:#ddd;
    text-decoration:none;
    transition:.3s;
}

.footer-col ul li a:hover{
    color:#d4af37;
    padding-left:8px;
}

.footer-col p{
    color:#cfcfcf;
    line-height:1.7;
}

.destaque{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.15);
    border-radius:15px;
    padding:25px;
    backdrop-filter:blur(10px);
}

.btn-localizacao,
.btn-whatsapp{
    display:inline-block;
    margin-top:15px;
    padding:14px 25px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.4s;
}

.btn-localizacao{
    background:#d4af37;
    color:#000;
}

.btn-localizacao:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(212,175,55,.4);
}

.btn-whatsapp{
    background:#25D366;
    color:#fff;
}

.btn-whatsapp:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(37,211,102,.4);
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    padding:25px;
    color:#999;
    font-size:.95rem;
}

/* Responsivo */
@media(max-width:768px){

    .footer-container{
        grid-template-columns:1fr;
    }

    .footer-col{
        text-align:center;
    }

    .btn-localizacao,
    .btn-whatsapp{
        width:100%;
    }
}
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{

background:#f5f6fa;
padding: 0px 0;

}

.avaliacoes{

width:90%;
max-width:1400px;
margin:auto;

}

.titulo{

text-align:center;
margin-bottom:50px;

}

.titulo span{

color:#f4b400;
font-weight:600;
letter-spacing:2px;

}

.titulo h2{

font-size:40px;
margin-top:10px;
color:#222;

}

.carousel{

display:flex;
align-items:center;
position:relative;

}

.carousel-container{

overflow:hidden;
width:100%;

}

.carousel-track{

display:flex;
transition:.6s ease;

}

.card{

min-width:calc(100% / 3 - 20px);
margin:10px;

background:white;

border-radius:20px;

padding:30px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.3s;

}

.card:hover{

transform:translateY(-8px);

box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.topo{

display:flex;

align-items:center;

gap:15px;

margin-bottom:20px;

}

.topo img{

width:70px;
height:70px;

border-radius:50%;

object-fit:cover;

}

.topo h3{

font-size:18px;

}

.topo span{

font-size:13px;

color:#999;

}

.stars{

color:#FFC107;

font-size:22px;

margin-bottom:15px;

}

.card p{

line-height:1.8;
color:#555;
font-size:15px;

}

.carousel-btn{
    width:50px;
    height:50px;
    border:none;
    background:#fff;
    border-radius:50%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    cursor:pointer;
    font-size:18px;
    transition:.3s;
    z-index:10;
    display:flex;
    align-items:center;
    justify-content:center;
}

.carousel-btn:hover{
    background:#FFC107;
    color:#fff;
}

.prev{
    margin-right:15px;
}

.next{
    margin-left:15px;
}
.dots{

display:flex;

justify-content:center;

margin-top:35px;

gap:10px;

}

.dot{

width:12px;
height:12px;

border-radius:50%;

background:#d8d8d8;

cursor:pointer;

transition:.3s;

}

.dot.active{

background:#FFC107;

width:28px;

border-radius:30px;

}

@media(max-width:992px){

.card{

min-width:calc(100% / 2 - 20px);

}

}

@media(max-width:700px){

.card{

min-width:100%;

}

.titulo h2{

font-size:30px;

}

}
.reviews{

position:relative;
max-width:1350px;
margin:auto;
padding:30px 70px;

}

.carousel-window{

overflow:hidden;

}

.carousel-track{

display:flex;
gap:25px;

transition:transform .6s ease;

}

.review-card{

background:#fff;

border-radius:18px;

padding:30px;

box-shadow:0 12px 35px rgba(0,0,0,.08);

flex:0 0 calc((100% - 50px)/3);

}

.review-header{

display:flex;
align-items:center;
gap:15px;
margin-bottom:20px;

}

.review-header img{

width:65px;
height:65px;

border-radius:50%;

object-fit:cover;

}

.review-header h3{

font-size:18px;

margin-bottom:4px;

}

.review-header span{

color:#888;
font-size:14px;

}

.stars{

font-size:22px;

color:#FFC107;

margin-bottom:18px;

}

.review-card p{

line-height:1.7;

color:#666;

}

.carousel-arrow{

position:absolute;

top:50%;

transform:translateY(-50%);

width:52px;

height:52px;

border:none;

border-radius:50%;

background:#fff;

box-shadow:0 10px 25px rgba(0,0,0,.12);

cursor:pointer;

font-size:28px;

color:#444;

transition:.3s;

z-index:5;

}

.carousel-arrow:hover{

background:#FFC107;

color:#fff;

}

.carousel-prev{

left:0;

}

.carousel-next{

right:0;

}

@media(max-width:992px){

.review-card{

flex:0 0 calc((100% - 25px)/2);

}

}

@media(max-width:700px){

.reviews{

padding:20px 50px;

}

.review-card{

flex:0 0 100%;

}

.carousel-arrow{

width:42px;
height:42px;

font-size:22px;

}

}
</style>