*{

margin:0;
padding:0;
box-sizing:border-box;
font-family:'Segoe UI',sans-serif;

}



body{

background:#f5f0fa;

color:#444;

}



/* HEADER */


.header{

height:90px;

background:white;

display:flex;

align-items:center;

justify-content:center;

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

}



.header h1{

font-family:Georgia,serif;

font-size:38px;

color:#886891;

}



.header i{

color:#b88fc2;

}





/* HERO */


.hero{

text-align:center;

padding:60px 20px 40px;

}



.hero h2{

font-family:Georgia,serif;

font-size:45px;

color:#6a4e72;

}



.hero p{

font-size:20px;

color:#886891;

margin-top:15px;

}





/* TARJETAS */


.privacidad-container{

padding:20px 10% 60px;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}



.politica-card{

background:white;

padding:35px;

border-radius:25px;

text-align:center;

box-shadow:0 10px 25px rgba(136,104,145,.15);

transition:.3s;

}



.politica-card:hover{

transform:translateY(-10px);

}



.icon{

width:80px;

height:80px;

margin:auto;

background:#f5f0fa;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

}



.icon i{

font-size:35px;

color:#886891;

}



.politica-card h3{

margin:20px 0;

color:#6a4e72;

font-size:22px;

}



.politica-card p{

line-height:1.7;

}





/* FINAL */


.final{

background:#886891;

color:white;

text-align:center;

padding:50px;

}



.final h2{

margin-bottom:15px;

}



.final p{

margin-bottom:30px;

}



.final a{

background:white;

color:#886891;

padding:15px 35px;

border-radius:30px;

text-decoration:none;

font-weight:bold;

}



.final a:hover{

background:#f5f0fa;

}





@media(max-width:900px){


.privacidad-container{

grid-template-columns:1fr;

}


}