:root {
    --public-space-1: 8px;
    --public-space-2: 12px;
    --public-space-3: 16px;
    --public-space-4: 24px;
    --public-space-5: 32px;
    --public-surface: rgba(255, 255, 255, .13);
    --public-surface-hover: rgba(255, 255, 255, .19);
    --public-border: rgba(255, 255, 255, .22);
    --public-focus: #fbbf24;
}

html { scroll-behavior: smooth; }
body {
    padding: clamp(12px, 3vw, 24px);
    padding-bottom: calc(32px + env(safe-area-inset-bottom));
}
body.has-public-whatsapp {
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
}

.links-container {
    width: min(100%, 560px);
    max-width: 560px;
    padding-top: clamp(12px, 5vh, 40px);
}

.profile-card {
    padding: var(--public-space-5) var(--public-space-4) var(--public-space-4);
    margin-bottom: var(--public-space-4);
    border-radius: 28px;
    background: var(--public-surface);
    border-color: var(--public-border);
    box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
}
.profile-cover {
    height: clamp(112px, 24vw, 144px);
    margin: calc(var(--public-space-5) * -1) calc(var(--public-space-4) * -1) var(--public-space-4);
}
.profile-card.has-cover .profile-avatar { margin-top: -66px; }
.profile-avatar {
    width: 92px;
    height: 92px;
    margin-bottom: var(--public-space-3);
    border: 4px solid rgba(255, 255, 255, .72);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .24);
}
.profile-avatar img { width: 100%; height: 100%; border-radius: inherit; }
.profile-name {
    max-width: 28ch;
    margin: 0 auto var(--public-space-1);
    font-size: clamp(1.45rem, 6vw, 1.85rem);
    line-height: 1.15;
    overflow-wrap: anywhere;
}
.profile-bio {
    max-width: 44ch;
    margin: 0 auto;
    font-size: .96rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.linkme-social-icons {
    gap: var(--public-space-1);
    margin: var(--public-space-3) auto 0;
}
.linkme-social-icons a {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .55);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.linkme-social-icons a:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 9px 22px rgba(15, 23, 42, .16); }

.links-list { gap: var(--public-space-2); }
.link-item {
    min-height: 72px;
    padding: var(--public-space-2) var(--public-space-3);
    background: var(--public-surface);
    border-color: var(--public-border);
    backdrop-filter: blur(18px) saturate(125%);
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.link-item:hover {
    transform: translateY(-2px);
    background: var(--public-surface-hover);
    border-color: rgba(255,255,255,.38);
}
.link-item:active { transform: scale(.985); }
.link-content { gap: var(--public-space-2); }
.link-info { min-width: 0; }
.link-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    border-color: rgba(255,255,255,.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}
.link-title {
    margin-bottom: 3px;
    font-size: 1rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.link-description {
    display: -webkit-box;
    overflow: hidden;
    font-size: .84rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.link-arrow { opacity: .8; }
.linkme-layout-card { padding-block: var(--public-space-3); }
.linkme-layout-card .link-content { min-height: 76px; }
.linkme-layout-card .link-icon { width: 64px; height: 64px; border-radius: 16px; }
.linkme-layout-destaque {
    padding: var(--public-space-4);
    background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.1));
}
.linkme-layout-destaque .link-content { min-height: 104px; }
.linkme-layout-destaque .link-title { font-size: 1.15rem; }
.linkme-layout-destaque .link-icon { width: 68px; height: 68px; border-radius: 18px; }
.linkme-badge { flex: 0 0 auto; letter-spacing: .02em; }

.linkme-text-block { padding: var(--public-space-3) 4px 4px; }
.linkme-text-block h2 { font-size: 1.05rem; line-height: 1.35; }
.linkme-text-block p { font-size: .9rem; line-height: 1.55; }
.linkme-divider{width:100%;min-height:42px;margin:18px 0;gap:14px;font-size:.96rem;font-weight:800;letter-spacing:.015em}.linkme-divider:before,.linkme-divider:after{height:2px;min-width:36px;opacity:.5;border-radius:999px}.linkme-divider span{max-width:70%;text-align:center;line-height:1.35;overflow-wrap:anywhere}

.public-language-switcher {
    min-height: 38px;
    border: 1px solid rgba(255,255,255,.62);
}
.public-language-switcher select:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; border-radius: 4px; }

.linkme-whatsapp-fixed {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.65);
    box-shadow: 0 12px 32px rgba(5, 46, 22, .3);
}

.link-item:focus-visible,
.linkme-social-icons a:focus-visible,
.linkme-whatsapp-fixed:focus-visible,
.dbio-footer-button:focus-visible {
    outline: 3px solid var(--public-focus);
    outline-offset: 3px;
}
.link-item.is-opening .link-arrow { animation: publicArrow .65s ease infinite alternate; }
@keyframes publicArrow { to { transform: translateX(5px); opacity: 1; } }

body.public-light-background {
    --public-surface: rgba(255,255,255,.72);
    --public-surface-hover: rgba(255,255,255,.9);
    --public-border: rgba(15,23,42,.12);
}
body.public-light-background .profile-name,
body.public-light-background .link-title { color: var(--linkme-text); text-shadow: none; }
body.public-light-background .profile-bio,
body.public-light-background .link-description { color: color-mix(in srgb, var(--linkme-text) 76%, transparent); }

@media (max-width: 576px) {
    .profile-card { padding: 24px 18px 20px; margin-bottom: 16px; }
    .profile-cover { margin: -24px -18px 20px; }
    .profile-avatar { width: 82px; height: 82px; }
    .link-item { padding: 12px 14px; }
    .linkme-layout-destaque { padding: 18px; }
    .link-arrow { display: none; }
    .dbio-footer-cta { margin-top: 20px; }
}

@media (max-width: 359px) {
    body { padding-inline: 10px; }
    .link-icon { width: 44px; height: 44px; }
    .linkme-layout-card .link-icon,
    .linkme-layout-destaque .link-icon { width: 56px; height: 56px; }
    .linkme-whatsapp-fixed { left: 12px; right: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .particles { display: none; }
}
.link-item.has-custom-color .link-title,.link-item.has-custom-color .link-description,.link-item.has-custom-color .link-arrow{color:#fff}.link-item.has-custom-color .link-icon{background:rgba(255,255,255,.2)!important}
.link-icon-fallback{width:100%;height:100%;display:grid;place-items:center}.link-icon-fallback[hidden]{display:none}.link-icon-fallback .linkme-icon,.link-icon-fallback iconify-icon,.link-icon-fallback svg{width:24px!important;height:24px!important;font-size:24px!important}
.linkme-section-block{margin:22px 0 8px;text-align:center;font:800 1.05rem Sora,Inter,sans-serif;letter-spacing:-.02em}.linkme-divider{min-height:24px}.linkme-divider span:empty{display:none}.linkme-divider span:empty~*{display:none}
.linkme-social-icons a.social-named{width:auto;min-width:94px;height:44px;padding:5px 12px 5px 7px;border-radius:999px;display:flex;gap:7px;font-size:12px;font-weight:800}.linkme-social-icons a.social-named .linkme-icon{flex:0 0 24px}