/* BASE */

body{
font-family: 'Poppins', sans-serif;
margin:0;
padding:20px;

background: radial-gradient(circle at top left,#7f1d1d,#020617 70%),
linear-gradient(135deg,#000000,#020617);

display:flex;
justify-content:center;
align-items:center;

min-height:100vh;
color:white;
}

/* CONTAINER */

.container{
max-width:480px;
padding:30px;

background:rgba(255,255,255,0.04);
backdrop-filter: blur(12px);

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,0.6);
border:1px solid rgba(255,255,255,0.08);

text-align:center;

animation:fadeIn 0.6s ease;
}

/* LOGO */

.logo{
max-width:220px;
margin:0 auto 20px;
display:block;

background:white;
padding:8px;
border-radius:10px;
}

/* TITULO */

h1{
font-size:28px;
font-weight:700;
line-height:1.2;
}

h1 span{
color:#facc15; /* dourado */
text-shadow:0 0 10px rgba(250,204,21,0.8);
}

/* SUBTITULO */

.subtitle{
font-size:14px;
color:#facc15;
margin-bottom:15px;
}

/* TEXTO */

.desc{
font-size:15px;
color:#cbd5f5;
margin-bottom:25px;
line-height:1.5;
}

/* BOTÃO */

.whatsapp-btn{
display:block;

background:linear-gradient(135deg,#dc2626,#7f1d1d);

color:white;

font-size:19px;
font-weight:700;

padding:20px;

border-radius:14px;

text-decoration:none;

margin-bottom:25px;

position:relative;
overflow:hidden;

animation:pulseStrong 1.2s infinite;
}

/* PULSO FORTE */

@keyframes pulseStrong{
0%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(34,197,94,0.7);
}

50%{
transform:scale(1.06);
box-shadow:0 0 0 20px rgba(34,197,94,0);
}

100%{
transform:scale(1);
box-shadow:0 0 0 0 rgba(34,197,94,0);
}
}

/* BRILHO PASSANDO */

.whatsapp-btn::after{
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);
animation:shine 2s infinite;
}

@keyframes shine{
0%{left:-100%;}
100%{left:100%;}
}

/* REVIEWS */

.reviews{
display:flex;
flex-direction:column;
gap:10px;
margin-bottom:20px;
}

.review{
background:rgba(255,255,255,0.06);
padding:12px;
border-radius:10px;
text-align:left;
position:relative;
}

.review::before{
content:"“";
font-size:30px;
position:absolute;
top:-10px;
left:10px;
opacity:0.2;
}

.review p{
font-size:13px;
margin:5px 0;
}

.name{
font-size:11px;
opacity:0.7;
}

.stars{
color:#facc15;
font-size:12px;
}

/* BLOCO FINAL */

.trust{
text-align:center;
margin-top:20px;
}

.selo{
width:100%;
max-width:320px; /* bem maior */

display:block;
margin:20px auto 0;

filter:drop-shadow(0 15px 30px rgba(0,0,0,0.6));

transition:0.3s;
}

.selo:hover{
transform:scale(1.07);
}


/* SELO */

.garantia{
margin-top:12px;

display:inline-block;

background:white;
color:#166534;

padding:6px 12px;

border-radius:20px;

font-size:12px;
font-weight:600;

box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

/* ANIMAÇÃO */

@keyframes fadeIn{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}


.whatsapp-chat{
position:fixed;
right:20px;

/* controla altura manual */
top:65%;

display:flex;
align-items:center;
gap:10px;

z-index:999;
text-decoration:none;
}

/* BALÃO */

.chat-box{
background:white;
color:#111;

padding:10px 14px;

border-radius:20px;

font-size:13px;
font-weight:500;

box-shadow:0 5px 20px rgba(0,0,0,0.3);

animation:fadeInChat 0.6s ease;
}

/* ÍCONE */

.chat-icon{
background:#22c55e;
color:white;

width:55px;
height:55px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

font-size:24px;

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

animation:pulseChat 1.5s infinite;
}

/* ANIMAÇÕES */

@keyframes pulseChat{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

@keyframes fadeInChat{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}




.urgency{
font-size:13px;
color:#facc15;

margin-top:-15px;
margin-bottom:20px;

animation:blink 1.5s infinite;
}

@keyframes blink{
0%,100%{opacity:1;}
50%{opacity:0.4;}
}