/* Identidade SomDeBar: Inter, laranja #FF6600, grafite e superfícies suaves. */
body{font-family:Inter,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
.no-scrollbar::-webkit-scrollbar{display:none}
[hidden]{display:none!important}
.filter-btn[aria-pressed=true]{background:#FF6600;color:#fff;border-color:#FF6600;box-shadow:0 8px 24px #FF660026}
.modal-open{overflow:hidden}
#content{padding-top:var(--sombio-header-height,calc(118px + env(safe-area-inset-top,0px)))}
#discover,#events,#product{scroll-margin-top:calc(var(--sombio-header-height,118px) + 20px)}
.location-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:24px;padding:22px;background:#fff;border:1px solid #FF660026;box-shadow:0 12px 32px #00000006}
.location-panel strong{display:flex;align-items:center;gap:8px;font-size:15px}
.location-panel p{font-size:13px;line-height:1.6;color:#6b7280;margin-top:6px}
.location-panel button,#loadMore{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:999px;background:#FF6600;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}
.location-panel button:disabled{opacity:.65;cursor:wait}
.dark .location-panel{background:#18181B;border-color:#FF660040}
.dark .location-panel p{color:#a1a1aa}
.profile-card{overflow:hidden;min-width:0}
.profile-cover{height:160px;position:relative;background:#18181B;overflow:hidden}
.profile-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.profile-card:hover .profile-cover>img{transform:scale(1.04)}
.profile-kind{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:7px;background:#050505dd;color:#fff;border:1px solid #ffffff22;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:700}
.profile-kind i{color:#FF6600;font-size:16px}
.profile-body{padding:20px}
.profile-distance{margin-top:12px;font-size:12px;font-weight:600;color:#FF6600;line-height:1.5}
.feed-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:30px}
#rankingInfo{min-height:44px;font-size:13px;font-weight:600;color:#6b7280}
.dark #rankingInfo{color:#a1a1aa}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #FF6600;outline-offset:4px}
footer{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}
#installBanner{bottom:calc(20px + env(safe-area-inset-bottom,0px))}
@media(max-width:639px){.location-panel{align-items:stretch;flex-direction:column;gap:14px;padding:18px}.location-panel button{width:100%}.profile-cover{height:170px}#discover{padding-top:40px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Mesma linguagem do cabeçalho principal: logo oficial e controles circulares. */
html[data-sombio-home]{font-size:var(--sombio-font-scale,100%)!important}
.sombio-site-header{position:fixed;inset:0 0 auto;z-index:50;background:#f9fafbf2;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 8px #00000008;backdrop-filter:blur(20px);padding-top:env(safe-area-inset-top,0px)}
.dark .sombio-site-header{background:#050505f2;border-color:#ffffff1a}
.sombio-site-header .sombio-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:10px;padding:12px max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px))}
.sombio-header-brand{display:flex;align-items:center;gap:4px;min-width:0}
.sombio-official-logo{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
.sombio-official-logo img{width:96px;height:auto;filter:brightness(0);object-fit:contain}
.dark .sombio-official-logo img{filter:brightness(0) invert(1)}
.sombio-menu-toggle,.sombio-control,.sombio-account{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;font-size:20px;touch-action:manipulation}
.sombio-menu-toggle{color:#6b7280;font-size:24px}
.sombio-menu-toggle:hover{background:#00000008;color:#FF6600}
.sombio-control{background:#e5e7eb80;border:1px solid #d1d5db;color:#4b5563;box-shadow:0 1px 3px #0000000d}
.sombio-control:hover{border-color:#FF660080;color:#FF6600}
.sombio-control span{font-size:12px;font-weight:800}
.dark .sombio-control{background:#18181b;border-color:#ffffff1a;color:#d1d5db}
.dark .sombio-theme-control{color:#facc15}
.sombio-header-actions{display:flex;align-items:center;gap:6px}
.sombio-account{position:relative;background:#333;color:#fff;border:2px solid #fff;box-shadow:0 2px 6px #0000001a;font-size:29px;overflow:visible}
.dark .sombio-account{border-color:#18181b}
.sombio-account:hover{outline:2px solid #FF6600;outline-offset:2px}
.sombio-account img{height:100%;width:100%;object-fit:cover;border-radius:50%}
.sombio-login-dot{position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:#ef4444;border:2px solid #f9fafb}
.dark .sombio-login-dot{border-color:#050505}
.sombio-header-links{grid-column:1/-1;grid-row:2;display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;min-width:0}
.sombio-header-links::-webkit-scrollbar{display:none}
.sombio-header-links a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 13px;white-space:nowrap;font-size:12px;font-weight:700;color:#6b7280;border-radius:999px}
.sombio-header-links a:hover{background:#FF660010;color:#FF6600}
.dark .sombio-header-links a{color:#9ca3af}
.dark .sombio-header-links a:hover{color:#FF6600}
.sombio-header-links a[href="#discover"]{color:#FF6600;background:#FF660010}
.sombio-header-dropdown{position:relative}
.sombio-dropdown{position:absolute;top:calc(100% + 14px);right:0;z-index:80;width:232px;max-width:calc(100vw - 24px);padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#111827;box-shadow:0 16px 48px #00000026}
.dark .sombio-dropdown{background:#18181b;border-color:#ffffff1a;color:#fff}
.sombio-dropdown>strong{display:block;margin-bottom:12px;font-size:12px;overflow-wrap:anywhere}
.sombio-font-dropdown>strong{text-align:center;text-transform:uppercase;font-size:10px;color:#9ca3af;letter-spacing:.5px}
.sombio-font-dropdown>div{display:flex;gap:8px}
.sombio-font-dropdown button{flex:1;min-width:44px;height:44px;border-radius:10px;background:#f3f4f6;font-size:13px;font-weight:700}
.dark .sombio-font-dropdown button{background:#ffffff0d}
.sombio-font-dropdown button:hover{background:#FF66001a;color:#FF6600}
.sombio-account-dropdown a{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px;border-radius:12px;font-size:13px;font-weight:600}
.sombio-account-dropdown a:hover{background:#FF660010;color:#FF6600}
.sombio-account-dropdown .sombio-logout{color:#ef4444;border-top:1px solid #e5e7eb;margin-top:6px}
.sombio-menu-overlay{position:fixed;inset:0;z-index:160}
.sombio-menu-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(5px)}
.sombio-menu-panel{position:relative;width:min(360px,100%);height:100vh;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:calc(20px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:#f9fafb;color:#111827;border-right:1px solid #e5e7eb}
.dark .sombio-menu-panel{background:#050505;color:#fff;border-color:#ffffff1a}
.sombio-menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sombio-menu-top .sombio-official-logo img{width:128px}
.sombio-menu-panel h2{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:26px 0 16px;color:#9ca3af}
.sombio-menu-panel nav{display:grid;gap:5px}
.sombio-menu-panel nav a,.sombio-menu-bottom>a,.sombio-menu-bottom>button{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border-radius:14px;font-weight:700;font-size:13px}
.sombio-menu-panel nav i{font-size:20px;color:#FF6600}
.sombio-menu-panel nav a:hover{background:#FF660010;color:#FF6600}
.sombio-menu-bottom{display:grid;gap:10px;margin-top:auto;padding-top:24px}
.sombio-menu-bottom>a,.sombio-menu-bottom>button{justify-content:center;border:1px solid #e5e7eb}
.dark .sombio-menu-bottom>a,.dark .sombio-menu-bottom>button{border-color:#ffffff1a}
.sombio-menu-bottom .sombio-signup{background:#FF6600;color:#fff;border-color:#FF6600}
@media(min-width:1024px){.sombio-site-header .sombio-header-row{display:flex;justify-content:space-between;min-height:80px;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));gap:24px}.sombio-header-brand{gap:10px}.sombio-official-logo img{width:114px}.sombio-header-links{gap:12px}.sombio-header-links a{min-height:44px;font-size:13px}.sombio-header-actions{gap:12px}#content{padding-top:var(--sombio-header-height,calc(80px + env(safe-area-inset-top,0px)))}}
@media(max-width:360px){.sombio-official-logo img{width:90px}.sombio-header-actions{gap:4px}.sombio-header-links{gap:4px}.sombio-header-links a{padding:8px;font-size:11px}.sombio-font-dropdown{position:fixed;top:calc(var(--sombio-header-height,118px) + 8px);right:max(12px,env(safe-area-inset-right,0px))}}

@media(max-width:1023px){body[data-sdb-public="sombio_home"] main .max-w-7xl,body[data-sdb-public="sombio_home"] footer .max-w-7xl{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}

/* A descoberta abre a página; filtros se adaptam sem comprimir os campos. */
#discover{padding-top:32px}
.sombio-feed-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.sombio-feed-filters>*{min-width:0;width:100%}
@media(min-width:640px){.sombio-feed-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.sombio-feed-filters{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(160px,200px))}}