@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* A cor principal vem da marca da pizzaria (--gold, injetada no <head>) */
:root{ --b1:var(--gold,#4F2234); --bg:#FBF6F0; --tx:#2B1520; --soft:color-mix(in srgb, var(--tx) 62%, transparent); --line:color-mix(in srgb, var(--tx) 12%, transparent); }
*{box-sizing:border-box;}
html,body{margin:0;}
body{background:var(--bg); color:var(--tx); font-family:'Poppins',system-ui,sans-serif; -webkit-font-smoothing:antialiased; min-height:100vh;}
.bio{max-width:460px; margin:0 auto; padding:0 16px 40px;}

.bio-head{position:relative; text-align:center; padding-top:120px;}
.bio-cover{position:absolute; inset:0 -16px auto; height:170px; background:linear-gradient(160deg, color-mix(in srgb, var(--b1) 80%, #000), var(--b1)); background-size:cover; background-position:center; border-radius:0 0 28px 28px;}
.bio-cover::after{content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.45));}
@media (min-width:500px){ .bio-cover{inset:16px 0 auto; border-radius:28px;} .bio-head{padding-top:132px;} }
.bio-logo{position:relative; z-index:1; width:104px; height:104px; margin:0 auto; border-radius:26px; background:#fff; display:grid; place-items:center; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.18); border:4px solid var(--bg);}
.bio-logo img{width:86%; height:86%; object-fit:contain;}
.bio-logo span{font-size:42px; font-weight:700; color:var(--b1);}
.bio-head h1{margin:14px 0 0; font-size:24px; font-weight:700; letter-spacing:-.01em;}
.bio-tag{margin:6px auto 0; max-width:340px; font-size:13.5px; line-height:1.45; color:var(--soft);}
.bio-status{display:inline-flex; align-items:center; gap:8px; margin:14px 0 0; padding:7px 14px; border-radius:100px; background:#E6F4EA; color:#1E6B3A; font-size:12.5px; font-weight:600;}
.bio-status i{width:8px; height:8px; border-radius:50%; background:#2E9A55; flex:none;}
.bio-status.closed{background:color-mix(in srgb, var(--b1) 10%, transparent); color:var(--b1);}
.bio-status.closed i{background:var(--b1);}
.bio-status[hidden]{display:none;}

.bio-links{display:flex; flex-direction:column; gap:12px; margin-top:26px;}
.bio-link{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:18px; background:#fff; border:1px solid var(--line); color:var(--tx); text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.04); transition:transform .18s ease, box-shadow .18s ease;}
.bio-link:hover{transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,.08);}
.bio-link:active{transform:translateY(0) scale(.99);}
.bio-link:focus-visible{outline:3px solid color-mix(in srgb, var(--b1) 45%, transparent); outline-offset:2px;}
.bl-ic{width:42px; height:42px; flex:none; border-radius:13px; display:grid; place-items:center; background:color-mix(in srgb, var(--b1) 9%, transparent); color:var(--b1);}
.bl-tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; text-align:left;}
.bl-tx b{font-size:15px; font-weight:600;}
.bl-tx small{font-size:12px; color:var(--soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bl-go{width:9px; height:9px; flex:none; border-right:2px solid currentColor; border-top:2px solid currentColor; transform:rotate(45deg); opacity:.35; margin-right:4px;}
.bio-link.main{background:var(--b1); color:#fff; border-color:transparent; padding:18px 16px; box-shadow:0 10px 26px color-mix(in srgb, var(--b1) 35%, transparent);}
.bio-link.main .bl-ic{background:rgba(255,255,255,.14); color:#fff;}
.bio-link.main .bl-tx b{font-size:16px;}
.bio-link.main .bl-tx small{color:rgba(255,255,255,.78);}
.bio-link.main .bl-go{opacity:.8;}

.bio-foot{margin-top:28px; text-align:center; font-size:12px; line-height:1.6; color:var(--soft);}
.bio-foot p{margin:2px 0;}
@media (prefers-reduced-motion: reduce){ .bio-link{transition:none;} }