@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--brand:#eb641f;--brand-hover:#f97316;--brand-glow:rgba(235,100,31,.35);--teal:#41aaa5;--gold:#fbbf24;--emerald:#34d399;--bg-card:rgba(18,22,31,.75);--border-card:rgba(255,255,255,.08);--text-main:#f8fafc;--text-muted:#94a3b8}
*{box-sizing:border-box}
html,body{overflow-x:hidden!important;max-width:100vw!important;background-color:#07090e!important;min-height:100%!important}
body{background-color:#07090e!important;background:radial-gradient(circle at 50% 0%,#171d2b 0%,#0a0d14 45%,#07090e 100%) no-repeat!important;background-size:100% 1200px!important;color:var(--text-main)!important;font-family:'Inter',-apple-system,sans-serif!important;min-height:100vh!important;margin:0!important}
#biolink_preview,.container,.link-content{background-color:#07090e!important}
.container{padding-left:8px!important;padding-right:8px!important}
.col-md-8.link-content{padding-left:0!important;padding-right:0!important}
#blocks_container,#biolink_blocks,main#links{max-width:500px!important;margin:0 auto!important;padding:14px 10px 130px!important;position:relative!important}
[data-biolink-block-type="avatar"]{margin:10px 0 6px!important;display:flex!important;justify-content:center!important;position:relative!important}
[data-biolink-block-type="avatar"] img{width:104px!important;height:104px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid var(--brand)!important;box-shadow:0 0 28px var(--brand-glow),inset 0 0 10px rgba(0,0,0,.5)!important}
.status-dot{position:absolute;bottom:4px;right:calc(50% - 46px);width:16px;height:16px;background:#22c55e;border:3px solid #0a0d14;border-radius:50%;box-shadow:0 0 10px rgba(34,197,94,.6)}
[data-biolink-block-type="heading"] h1{font-family:'Space Grotesk',sans-serif!important;font-size:1.45rem!important;font-weight:700!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;letter-spacing:-.02em!important;margin:6px 0 2px!important;width:100%!important}
.verified-icon{color:#38bdf8;font-size:1.05rem}
.brand-subtitle{font-size:.85rem;color:var(--teal);font-weight:500;margin-top:2px;letter-spacing:.02em;text-align:center}
[data-biolink-block-type="paragraph"]{text-align:center!important;color:#cbd5e1!important;font-size:.88rem!important;line-height:1.55!important;padding:0 8px!important;margin-bottom:12px!important}
.location-pill{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.78rem;color:#94a3b8;background:rgba(255,255,255,.04);padding:3px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}
.link-socials-button-wrapper{display:flex!important;justify-content:center!important;gap:12px!important;margin:4px 0 16px!important}
.link-socials-button{width:44px!important;height:44px!important;border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .25s ease!important}
.link-socials-button:hover{background:var(--brand)!important;border-color:var(--brand)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px var(--brand-glow)!important}
.link-socials-button svg{fill:#fff!important;width:18px!important;height:18px!important}
.product-card-col{padding:0 5px!important;margin-bottom:10px!important;flex:0 0 50%!important;max-width:50%!important}
.product-card-col .link-btn{background:rgba(18,22,31,.8)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:12px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative!important;transition:transform .2s,border-color .2s!important;width:100%!important;height:100%!important;cursor:pointer!important}
.product-card-col .link-btn:hover{transform:translateY(-2px)!important;border-color:var(--brand)!important}
.floating-whatsapp{position:fixed;bottom:20px;right:20px;width:58px;height:58px;background:#25D366;color:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 8px 24px rgba(37,211,102,.45);z-index:99999;text-decoration:none;transition:transform .25s ease}
.floating-whatsapp:hover{transform:scale(1.1);box-shadow:0 12px 28px rgba(37,211,102,.6)}
<script>
(function() {
function applyTransform() {
var blocks = document.getElementById('blocks_container') || document.getElementById('biolink_blocks') || document.querySelector('main#links') || document.body;
if (!blocks) return;
// 1. Bolinha Verde Pulsante no Avatar
var av = document.querySelector('[data-biolink-block-type="avatar"]');
if (av && !document.getElementById('jpz_status_dot')) {
var dot = document.createElement('div');
dot.id = 'jpz_status_dot';
dot.className = 'status-dot';
dot.title = 'Disponível para agendamento';
av.appendChild(dot);
}
// 2. Selo Oficial de Verificado Azul no H1 (Troque o nome da barbearia se desejar)
var h1 = document.querySelector('[data-biolink-block-type="heading"] h1');
if (h1 && !document.getElementById('jpz_verified')) {
h1.innerHTML = 'Dom Castro Barbearia <span id="jpz_verified" class="verified-icon" title="Perfil Verificado">✓</span>';
var sub = document.createElement('div');
sub.className = 'brand-subtitle';
sub.innerText = 'Visagismo Masculino & Barboterapia';
h1.parentNode.appendChild(sub);
}
// 3. Pílula de Localização na Biografia
var bio = document.querySelector('[data-biolink-block-type="paragraph"]');
if (bio && !document.getElementById('jpz_loc_pill')) {
bio.innerHTML = 'Cortes clássicos, degradê técnico, barboterapia sensorial e visagismo. O padrão de acabamento que a sua imagem pessoal exige.<div style="margin-top:6px;"><span id="jpz_loc_pill" class="location-pill">📍 Jardins · São Paulo, SP</span></div>';
}
// 4. Botão Flutuante de WhatsApp Concierge (Troque pelo seu número de WhatsApp)
if (!document.getElementById('jpz_floating_zap')) {
var fz = document.createElement('a');
fz.id = 'jpz_floating_zap';
fz.href = 'https://wa.me/5562982344598?text=' + encodeURIComponent('Olá! Gostaria de tirar uma dúvida sobre horários e serviços na barbearia.');
fz.target = '_blank';
fz.rel = 'noopener noreferrer';
fz.className = 'floating-whatsapp';
fz.innerHTML = '💬';
fz.title = 'Falar no WhatsApp';
document.body.appendChild(fz);
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', applyTransform);
} else {
applyTransform();
}
})();
</script>
