body{
margin:0;
font-family:'Poppins', sans-serif;
background:#f4f4f4;
color:#222;
}

/* HERO */
.hero{
position:relative;
background:url('../images/background-reading.jpg') center center / cover no-repeat;
padding:100px 20px;
text-align:center;
}

.hero::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.88);
}

.hero *{
position:relative;
z-index:2;
}

.hero small{
letter-spacing:3px;
font-size:11px;
color:#777;
display:block;
margin-bottom:10px;
}

.hero h1{
font-size:40px;
margin:0;
font-weight:600;
}

.hero .divider{
width:55px;
height:3px;
background:#ff9900;
margin:18px auto;
}

.hero p{
font-size:17px;
color:#555;
max-width:600px;
margin:0 auto;
}

/* ONDA */
.wave-divider{
position:relative;
width:100%;
height:80px;
overflow:hidden;
line-height:0;
margin-top:-1px;
}

.wave-divider svg{
position:absolute;
bottom:0;
width:100%;
height:100%;
}

.wave-divider path{
fill:#f4f4f4;
}

/* FUNDO */
.section-bg{
position:relative;
background:linear-gradient(to bottom,#f4f4f4,#ececec);
padding:120px 0 100px 0; /* mais espaço em cima */
margin-top:-40px; /* sobe levemente */
box-shadow:0 -40px 60px rgba(0,0,0,0.03) inset;
}

/* brilho suave central */
.bg-glow{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:900px;
height:400px;
background:radial-gradient(circle, rgba(255,255,255,0.7), transparent 70%);
border-radius:50%;
z-index:0;
}

.container{
position:relative;
z-index:1;
max-width:1000px;
margin:auto;
padding:0 20px;
}

.product-section{
background:#ffffff;
border-radius:18px;
padding:50px;
display:flex;
flex-wrap:wrap;
gap:40px;
align-items:center;
justify-content:center;
box-shadow:0 20px 40px rgba(0,0,0,0.06);
}

/* CARROSSEL */
.carousel{
position:relative;
width:380px;
max-width:100%;
overflow:hidden;
border-radius:12px;
}

.carousel img{
width:100%;
display:none;
border-radius:12px;
}

.carousel img.active{
display:block;
}

.nav-btn{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.6);
border:none;
color:#fff;
font-size:16px;
padding:8px 12px;
cursor:pointer;
border-radius:6px;
}

.prev{ left:10px; }
.next{ right:10px; }

.details{
max-width:420px;
}

.highlight{
font-size:18px;
font-weight:500;
margin-bottom:10px;
}

.description{
color:#555;
line-height:1.6;
font-size:14px;
}

.btn{
margin-top:20px;
background:#ff9900;
color:#000;
padding:14px 28px;
border:none;
cursor:pointer;
font-weight:600;
border-radius:10px;
font-size:16px;
box-shadow:0 4px 12px rgba(255,153,0,0.3);
transition:0.2s;
}

.btn:hover{
background:#e68a00;
transform:translateY(-2px);
}

.trust{
margin-top:18px;
color:#666;
font-size:13px;
line-height:1.6;
}

.specs{
margin-top:25px;
color:#444;
line-height:1.6;
font-size:14px;
}

/* LOADING */
#loading-screen{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#ffffff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
z-index:9999;
opacity:0;
visibility:hidden;
transition:0.3s;
}

#loading-screen.active{
opacity:1;
visibility:visible;
}

.loader{
width:40px;
height:40px;
border:4px solid #ddd;
border-top:4px solid #000;
border-radius:50%;
animation:spin 1s linear infinite;
margin-bottom:20px;
}

@keyframes spin{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}

/* WHATSAPP */
.whatsapp-btn{
position:fixed;
bottom:25px;
right:25px;
width:55px;
height:55px;
background:#25D366;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
font-size:24px;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
transition:0.3s;
z-index:9999;
}

.whatsapp-btn:hover{
transform:scale(1.1);
}

footer{
margin-top:60px;
text-align:center;
font-size:10px;
color:#888;
padding:20px;
}