/* Modelo de bio "Imersivo" — foto de fundo + cards largos (cor creme). */
*,*::before,*::after{ box-sizing:border-box; }
:root{ --cream:#f4efe8; --ink:#2a2320; --muted:#7c7068; }
html,body{ margin:0; }
.ib{
    font-family:'Inter',system-ui,sans-serif;
    color:#fff; min-height:100vh; position:relative;
    background:#1c1714;
    -webkit-font-smoothing:antialiased;
}
.ib-bg{
    position:fixed; inset:0;
    background-size:cover; background-position:center top;
    transform:scale(1.05); filter:saturate(1.05);
}
.ib-veil{
    position:fixed; inset:0;
    background:
        radial-gradient(120% 70% at 50% 0%, rgba(20,15,12,.25), transparent 60%),
        linear-gradient(180deg, rgba(20,15,12,.35) 0%, rgba(20,15,12,.55) 45%, rgba(20,15,12,.92) 100%);
}
.ib-wrap{
    position:relative; z-index:1;
    width:100%; max-width:500px; margin:0 auto;
    min-height:100vh; padding:54px 20px 50px;
    display:flex; flex-direction:column;
}
.ib-head{ text-align:center; margin-bottom:auto; padding-bottom:26px; }
.ib-avatar{
    width:96px; height:96px; margin:0 auto 16px; border-radius:50%;
    overflow:hidden; border:2px solid rgba(255,255,255,.7);
    box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.ib-avatar img{ width:100%; height:100%; object-fit:cover; }
.ib-name{
    font-family:'Fraunces',serif; font-weight:600;
    font-size:32px; margin:0 0 6px; text-shadow:0 2px 18px rgba(0,0,0,.4);
}
.ib-tag{ color:rgba(255,255,255,.82); font-size:15px; margin:0 auto; max-width:330px; }
.ib-social{ display:flex; justify-content:center; gap:14px; margin-top:18px; }
.ib-social a{
    width:42px; height:42px; border-radius:50%;
    display:grid; place-items:center; color:#fff;
    background:rgba(255,255,255,.14); backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.2);
    transition:background .15s ease, transform .15s ease;
}
.ib-social a:hover{ background:var(--accent); transform:translateY(-3px); border-color:var(--accent); }
.ib-social svg{ width:19px; height:19px; }

.ib-cards{ display:flex; flex-direction:column; gap:14px; }
.ib-card{
    display:flex; align-items:center; gap:14px;
    background:var(--cream); color:var(--ink);
    border-radius:20px; padding:14px 16px; min-height:84px;
    text-decoration:none;
    box-shadow:0 14px 36px rgba(0,0,0,.34);
    transition:transform .14s ease, box-shadow .14s ease;
}
.ib-card:hover{ transform:translateY(-3px); box-shadow:0 20px 46px rgba(0,0,0,.42); }
.ib-card-text{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ib-card-text strong{ font-size:17px; font-weight:600; line-height:1.2; }
.ib-card-text span{ color:var(--muted); font-size:13.5px; line-height:1.35; }
.ib-badge{
    align-self:flex-start; font-size:10.5px; font-weight:700; letter-spacing:.06em;
    text-transform:uppercase; color:#fff; background:var(--accent);
    padding:3px 9px; border-radius:99px; margin-bottom:2px;
}
.ib-card-img{
    width:66px; height:66px; border-radius:14px; overflow:hidden; flex-shrink:0;
    background:#e6ddd2;
}
.ib-card-img img{ width:100%; height:100%; object-fit:cover; }
.ib-arrow{ font-size:22px; color:var(--accent); flex-shrink:0; padding-right:4px; }
.ib-card--cta{ background:var(--accent); color:#fff; }
.ib-card--cta .ib-card-text span{ color:rgba(255,255,255,.85); }
.ib-card--cta .ib-arrow{ color:#fff; }
.ib-foot{ text-align:center; color:rgba(255,255,255,.55); font-size:12px; margin-top:30px; letter-spacing:.05em; }

@media (max-width:420px){
    .ib-wrap{ padding:40px 16px 40px; }
    .ib-name{ font-size:28px; }
    .ib-card-img{ width:58px; height:58px; }
}