:root{--share-text:#182c23;--share-muted:#52675b;--share-accent:#16643d;--share-list:rgba(24,26,29,.9)}
*{box-sizing:border-box}body{margin:0;background:#b8bfc4;color:var(--share-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
main{position:relative;isolation:isolate;width:min(calc(100% - 32px),580px);margin:40px auto;padding:28px;border-radius:28px;background:#edf0f1;border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 60px rgba(25,35,40,.16)}
main>:not(.metal-background){position:relative;z-index:1}
.metal-background{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.metal-image{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(46px) saturate(1.35);opacity:.72}
.metal-background::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(230,235,238,.72) 30%,rgba(255,255,255,.86) 49%,rgba(205,215,222,.64) 72%,rgba(247,249,250,.88))}
.profile-header{display:block;text-align:center;color:inherit;text-decoration:none;margin-bottom:24px;border-radius:16px;overflow-wrap:anywhere}
.profile-header:focus-visible{outline:3px solid var(--share-accent);outline-offset:5px}
.profile-image{display:block;margin:0 auto 16px;background:transparent;border:0;box-shadow:none}
.profile-photo{width:128px;height:128px;border-radius:50%;object-fit:cover}
.custom-image{max-width:min(100%,300px);max-height:200px;width:auto;height:auto;border-radius:0;object-fit:contain}
h1{font-size:1.85rem;line-height:1.2;margin:0 0 6px}.subtitle{font-size:1.12rem;margin:0 0 12px}.description{white-space:pre-line;color:var(--share-muted);margin:14px 0}.country{font-size:1.4rem;margin:10px 0 4px}.location-text{margin:4px 0;color:var(--share-muted)}
.public-section{border-radius:16px;background:var(--share-list);color:#fff;margin:16px 0;overflow:hidden}
.public-section summary{cursor:pointer;padding:16px;font-weight:650}.public-section summary span{font-weight:400}.public-section summary:focus-visible{outline:3px solid var(--share-accent);outline-offset:-3px}
.content-row{display:flex;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;color:inherit;border-top:1px solid rgba(255,255,255,.12);overflow-wrap:anywhere}
a.content-row:hover{background:rgba(255,255,255,.09)}.content-row img{width:60px;height:70px;object-fit:contain;flex-shrink:0}.content-row span{min-width:0}.content-row small{display:block;color:#ddd;margin-top:3px}
footer{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:30px}.bgg-credit img{display:block;max-width:140px;max-height:50px}.preview-note{padding:12px;border-radius:12px;background:#fff3cd;font-size:.9rem}
@media(max-width:480px){main{padding:22px 18px;margin:16px auto}h1{font-size:1.6rem}.custom-image{max-width:min(100%,260px)}}

/* Ícones pessoais no topo */
.profile-social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 20px;
}

    .profile-social-icons > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        color: inherit;
        text-decoration: none;
        border-radius: 10px;
    }

        .profile-social-icons > a:hover {
            background: rgba(255,255,255,.55);
        }

        .profile-social-icons > a:focus-visible {
            outline: 3px solid var(--share-accent);
            outline-offset: 3px;
        }

    .profile-social-icons .grupo-link-icone {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
    }

    .profile-social-icons svg,
    .profile-social-icons img {
        display: block;
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

/* Secções do site: botão com emblema, sem seta */
.public-section {
    margin: 10px 0;
    border-radius: 14px;
}

    .public-section > summary.section-toggle {
        position: relative;
        display: block;
        list-style: none;
        padding: 14px 52px;
        background: #fff;
        color: var(--share-text);
        border: 1px solid #dce5df;
        border-radius: 14px;
        text-align: center;
        line-height: 1.5;
        font-weight: 650;
        overflow-wrap: anywhere;
    }

        .public-section > summary.section-toggle::marker {
            content: "";
        }

        .public-section > summary.section-toggle::-webkit-details-marker {
            display: none;
        }

        .public-section > summary.section-toggle:hover {
            background: #e6eee9;
        }

.section-emblem {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.public-section[open] > summary.section-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}