:root {
    --primary: #bfdb00;
    --dark: #000000;
    --light: #ffffff;
}

*{margin:0;padding:0;box-sizing:border-box;}
body, html{height:100%;font-family:'Poppins', sans-serif;}
body{background-image:url('../img/background2-asprana.webp');background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
body::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:-1;}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;}
.content{position:relative;z-index:2;max-width:800px;padding:20px;animation:fadeUp 1.2s ease forwards;opacity:0;}
.logoasprana{display:block;width:260px;height:203px;margin:0 auto;}
h1{font-size:2.5rem;font-weight:600;margin-top:30px;margin-bottom:30px;}
.highlight{color:var(--primary);}
p{font-size:1.1rem;margin-bottom:40px;color:#ccc;}
.btn-whatsapp{display:block;width:64px;height:64px;margin:0 auto;opacity:1;}
.btn-whatsapp:hover{opacity:.7}
.services {   display: flex;   flex-direction: column;   gap: 16px;   margin: 0 auto;   margin-bottom:40px;   text-align: center; }  
.services p {   margin: 0;   position: relative;   font-size: 18px;   line-height: 1.6;   color: #ccc;   font-size:1.1rem ; }

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

@media (max-width:768px){
	h1{font-size:1.8rem;}
	p{font-size:1rem;}
	.logo{width:140px;}
}