*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
background:#fafafa;
color:#444;
}

/* HEADER */

header{

position:sticky;
top:0;
background:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 60px;
box-shadow:0 4px 15px rgba(0,0,0,0.05);
z-index:1000;

}

.logo{

font-size:24px;
font-weight:600;
color:#e91e63;

}

nav a{

margin:0 15px;
text-decoration:none;
color:#555;
font-weight:500;
transition:0.2s;

}

nav a:hover{

color:#e91e63;

}

/* HERO */

.hero{

background:linear-gradient(135deg,#f8c8dc,#f3a6c0);
padding:120px 20px;
text-align:center;
color:white;

}

.hero h1{

font-size:48px;

}

.hero p{

margin-top:10px;
font-size:18px;

}

.hero button{

margin-top:25px;
background:white;
color:#e91e63;
border:none;
padding:15px 35px;
font-size:16px;
border-radius:30px;
cursor:pointer;
transition:0.3s;

}

.hero button:hover{

transform:scale(1.05);

}

/* SECCIONES */

.container{

max-width:1200px;
margin:auto;
padding:80px 20px;

}

.section-title{

text-align:center;
font-size:32px;
margin-bottom:50px;
color:#e91e63;

}

/* TARJETAS */

.grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;

}

.card{

background:white;
padding:35px;
border-radius:15px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
transition:0.3s;

}

.card:hover{

transform:translateY(-6px);

}

/* PROFESIONALES */

.pro-card img{

width:120px;
height:120px;
border-radius:100%;
object-fit:cover;
margin-bottom:10px;

}

/* BOTON */

.btn{

background:#e91e63;
color:white;
border:none;
padding:15px 35px;
border-radius:30px;
cursor:pointer;
font-size:16px;

}

.btn:hover{

background:#c2185b;

}

/* FOOTER */

footer{

background:#222;
color:white;
text-align:center;
padding:40px;

}