/* Cabeçalho de marca / Promoções — mesma linguagem do hero de marcas */
.sosc {
  --ink: #141010; --ink-2: #3b3230; --muted: #7a6d69; --line-2: #dcd1ca;
  position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(70% 140% at 90% 0%, color-mix(in srgb, var(--brand) 22%, transparent) 0%, transparent 60%),
    radial-gradient(60% 120% at 0% 100%, color-mix(in srgb, var(--brand) 10%, transparent) 0%, transparent 70%),
    #fbf8f5;
  color: var(--ink);
}
.sosc::after { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .35; pointer-events: none; background-image: radial-gradient(rgba(20,16,16,.05) 1px, transparent 1px); background-size: 4px 4px; }
.sosc-in { max-width: 1320px; margin: 0 auto; padding: 28px max(16px, 3vw) 22px; }
.sosc-crumbs { font-size: 13px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sosc-crumbs a { color: var(--ink-2); text-decoration: none; border-bottom: 1px solid transparent; }
.sosc-crumbs a:hover { border-color: currentColor; }
.sosc-crumbs span[aria-current] { color: var(--ink); font-weight: 600; }
.sosc-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; }
.sosc-eyebrow { margin: 0 0 6px !important; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand); }
.sosc .sosc-title { margin: 0 !important; font-size: clamp(34px, 5.5vw, 68px) !important; line-height: .95 !important; font-weight: 850 !important; letter-spacing: -.04em !important; text-transform: none !important; color: var(--ink) !important; animation: sosc-rise .55s cubic-bezier(.2,.7,.2,1) both; }
.sosc-meta { margin: 12px 0 0 !important; font-size: 15px; color: var(--ink-2); display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.sosc-n { font-family: 'Iowan Old Style', Palatino, Georgia, serif; font-style: italic; font-size: 22px; color: var(--brand); line-height: 1; }
.sosc-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--line-2); align-self: center; margin: 0 4px; }
.sosc-logo { height: 90px; width: auto; max-width: 220px; object-fit: contain; mix-blend-mode: multiply; transform: scale(1.5); }
.sosc-chips { display: flex; gap: 8px; margin-top: 22px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg,#000 94%,transparent); mask-image: linear-gradient(90deg,#000 94%,transparent); }
.sosc-chips::-webkit-scrollbar { display: none; }
.sosc-chip {
  flex: none; display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 14px; border-radius: 999px;
  background: rgba(255,255,255,.75); border: 1px solid var(--line-2); color: var(--ink-2) !important; text-decoration: none !important;
  font-size: 14px; font-weight: 650; transition: background .2s, border-color .2s, color .2s, transform .2s;
}
.sosc-chip span { font-family: 'Iowan Old Style', Palatino, Georgia, serif; font-style: italic; font-weight: 400; color: var(--muted); font-size: 13px; }
.sosc-chip:hover { border-color: var(--brand); color: var(--ink) !important; transform: translateY(-1px); }
.sosc-chip.is-active { background: var(--ink); border-color: var(--ink); color: #fff !important; }
.sosc-chip.is-active span { color: rgba(255,255,255,.65); }
.sosc-grid { max-width: 1320px; margin: 28px auto 40px; padding: 0 15px; }
@keyframes sosc-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
  .sosc-in { padding: 20px 16px 16px; }
  .sosc-logo { display: none; }
}
@media (prefers-reduced-motion: reduce) { .sosc .sosc-title { animation: none; } }
