/* Modelo de bio "Editorial" — escuro, fashion, acentos dourados. */
*,*::before,*::after{ box-sizing:border-box; }
:root{ --paper:#0e0c0b; --ink:#f3ece1; --muted:#9a9085; --gold:var(--accent); --line:rgba(201,162,94,.28); }
html,body{ margin:0; }
.eb{
    font-family:'Inter',system-ui,sans-serif;
    background:var(--paper); color:var(--ink);
    min-height:100vh; display:grid; place-items:start center;
    padding:30px 18px 56px;
    -webkit-font-smoothing:antialiased;
}
.eb-wrap{ width:100%; max-width:520px; text-align:center; }
.eb-eyebrow{
    font-size:11.5px; letter-spacing:.34em; text-transform:uppercase;
    color:var(--muted); margin:6px 0 18px;
}
.eb-hero{
    position:relative; width:100%; aspect-ratio:4/5; max-height:600px;
    border-radius:6px; overflow:hidden;
    box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.eb-hero img{ width:100%; height:100%; object-fit:cover; }
.eb-hero::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(14,12,11,.85)); }
.eb-niche{
    font-size:12px; letter-spacing:.28em; text-transform:uppercase;
    color:var(--gold); margin:24px 0 6px;
}
.eb-name{
    font-family:'Cormorant Garamond',serif; font-weight:600;
    font-size:54px; line-height:1.02; margin:0 0 10px; letter-spacing:.01em;
}
.eb-name em{ font-style:italic; font-weight:500; }
.eb-tag{ color:var(--muted); font-size:15px; margin:0 auto 4px; max-width:360px; }

.eb-social{ display:flex; justify-content:center; gap:14px; margin:22px 0 8px; }
.eb-social a{
    width:44px; height:44px; border-radius:50%;
    display:grid; place-items:center; color:var(--gold);
    border:1px solid var(--line);
    transition:background .15s ease, color .15s ease, transform .15s ease;
}
.eb-social a:hover{ background:var(--gold); color:var(--paper); transform:translateY(-3px); }
.eb-social svg{ width:19px; height:19px; }

.eb-section{
    font-size:11.5px; letter-spacing:.3em; text-transform:uppercase;
    color:var(--muted); margin:40px 0 16px;
}
.eb-cards{ display:flex; flex-direction:column; gap:13px; }
.eb-card{
    display:flex; align-items:center; gap:14px; text-align:left;
    background:rgba(255,255,255,.02);
    border:1px solid var(--line); border-radius:10px;
    padding:16px 18px; min-height:74px; text-decoration:none; color:var(--ink);
    transition:background .15s ease, border-color .15s ease, transform .15s ease;
}
.eb-card:hover{ background:rgba(201,162,94,.07); border-color:var(--gold); transform:translateY(-2px); }
.eb-card-img{ width:54px; height:54px; border-radius:6px; overflow:hidden; flex-shrink:0; }
.eb-card-img img{ width:100%; height:100%; object-fit:cover; }
.eb-card-text{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.eb-card-text strong{ font-size:14px; font-weight:600; letter-spacing:.07em; line-height:1.25; }
.eb-card-text span{ color:var(--muted); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.eb-badge{
    align-self:flex-start; font-size:9.5px; font-weight:700; letter-spacing:.12em;
    color:var(--gold); border:1px solid var(--line); border-radius:99px;
    padding:3px 10px; margin-bottom:3px;
}
.eb-arrow{ font-size:20px; color:var(--gold); flex-shrink:0; }
.eb-card--cta{ background:var(--gold); border-color:var(--gold); color:var(--paper); }
.eb-card--cta .eb-card-text strong{ color:var(--paper); }
.eb-card--cta .eb-card-text span{ color:rgba(14,12,11,.7); }
.eb-card--cta .eb-arrow{ color:var(--paper); }
.eb-foot{ color:var(--muted); font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; margin-top:34px; }

@media (max-width:420px){
    .eb-name{ font-size:44px; }
    .eb-hero{ aspect-ratio:3/4; }
}
