*{

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;

justify-content:center;

align-items: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;

}





/* PORTADA */


.hero{

text-align:center;

padding:60px 20px;

}



.hero h2{

font-family:Georgia,serif;

font-size:45px;

color:#6a4e72;

}



.hero p{

font-size:20px;

color:#886891;

margin-top:15px;

}





/* TARJETAS */


.container{

padding:20px 10% 60px;

display:grid;

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

gap:30px;

}



.card{

background:white;

padding:35px;

border-radius:25px;

text-align:center;

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

transition:.3s;

}



.card:hover{

transform:translateY(-10px);

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

}



.icon{

width:80px;

height:80px;

margin:auto;

border-radius:50%;

background:#f5f0fa;

display:flex;

align-items:center;

justify-content:center;

}



.icon i{

font-size:35px;

color:#886891;

}



.card h3{

color:#6a4e72;

margin:20px 0;

font-size:22px;

}



.card p{

line-height:1.7;

}





/* FINAL */


.aceptacion{

background:#886891;

color:white;

text-align:center;

padding:45px;

}



.aceptacion h2{

margin-bottom:30px;

}



.aceptacion a{

display:inline-block;

background:white;

color:#886891;

padding:14px 35px;

border-radius:30px;

text-decoration:none;

font-weight:bold;

}



.aceptacion a:hover{

background:#f5f0fa;

}





@media(max-width:900px){

.container{

grid-template-columns:1fr;

}

}