body {
    margin: 0;
    font-family: "Inter", Arial, sans-serif;
    background: linear-gradient(#f2e8d5, #b5d4ba);
    text-align: center;
    color: #222;
}
.container { max-width: 420px; margin: auto; padding: 20px; position: relative; }
.background-illustration {
    width: 100%; height: 160px;
    background-image: url('img/fondo.png');
    background-size: contain; background-repeat: no-repeat;
    background-position: top center; margin-bottom: -40px;
}
.profile-img {
    width: 110px; height: 110px; border-radius: 50%;
    object-fit: cover; border: 3px solid #ffffffaa;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}
h1 { margin-top: 12px; font-size: 22px; font-weight: bold; }
.desc { font-size: 14px; margin: 10px 20px 20px; line-height: 1.4; }
.icon-row { display: flex; justify-content: center; gap: 20px; margin-bottom: 25px; }
.icon-row i { font-size: 24px; color: #000; }
.links { margin-top: 10px; }
.btn {
    display: flex; align-items: center; justify-content: flex-start;
    gap: 12px; padding: 14px 18px; margin: 10px 0;
    background: #f7e9d9; border-radius: 30px;
    font-size: 16px; font-weight: 500;
    text-decoration: none; color: #000;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.btn i { font-size: 22px; }