.obras-site .obras-stories{background:var(--obras-paper);border-bottom:1px solid var(--obras-line);padding:24px 0 28px}
.obras-stories__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.obras-site .obras-stories__heading .eyebrow{margin:0 0 3px;color:var(--obras-violet-dark);font-size:.68rem;letter-spacing:.1em}
.obras-site .obras-stories__heading h2{margin:0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2;letter-spacing:-.025em}
.obras-stories__track{display:flex;gap:14px;list-style:none;margin:0;padding:4px 4px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b3a1c9 transparent}
.obras-stories__track>li{flex:0 0 144px;scroll-snap-align:start}
.obras-site .obras-story{position:relative;isolation:isolate;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:14px;background:#262338;color:#fff;text-decoration:none;box-shadow:0 0 0 2px #fff,0 0 0 3px #d1c4e1}
.obras-story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0009,transparent 35%,#0002 48%,#000e)}
.obras-story__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.obras-story__author{position:absolute;inset:10px 8px auto;display:flex;align-items:center;gap:6px;font-size:.67rem;font-weight:700;line-height:1.2;text-shadow:0 1px 5px #000}
.obras-story__author>span:last-child{min-width:0;overflow-wrap:anywhere}
.obras-story__avatar{flex:none;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#604191;border:2px solid #f4bd46;font-size:.65rem;text-shadow:none}
.obras-story__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.obras-story__avatar svg{width:20px;height:20px}
.obras-story__caption{position:absolute;inset:auto 10px 12px;display:grid;gap:5px;line-height:1.25}
.obras-story__caption small{font-size:.6rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:#f4bd46}
.obras-story__caption strong{font-size:.83rem;font-weight:750;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.obras-story__caption>span{font-size:.64rem;color:#f0e7fa}
.obras-story__play{position:absolute;left:calc(50% - 17px);top:42%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0007;border:1px solid #fffa;font-size:13px}
.obras-site .obras-story:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--obras-violet-dark);color:#fff;text-decoration:none}
.obras-site .obras-story:focus-visible{outline:3px solid #604191;outline-offset:5px}
.obras-stories__navigation{display:flex;justify-content:flex-end;gap:8px;margin:0 4px 10px}
.obras-stories__navigation[hidden]{display:none}
.obras-stories__navigation button{width:40px;height:40px;border:1px solid #d1c4e1;border-radius:50%;background:#fff;color:#604191;font-size:20px;cursor:pointer}
.obras-stories__navigation button:disabled{opacity:.35;cursor:default}
@media(max-width:600px){.obras-stories__track>li{flex-basis:128px}.obras-stories__heading .obras-button{font-size:.72rem;padding:9px 10px}.obras-story__caption strong{font-size:.76rem}.obras-site .obras-stories{padding:20px 0}.obras-stories__heading{gap:10px}}

.obras-story__audio-cover{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#604191,#262338);font-size:4rem;color:#f4bd46;z-index:-2}
.obras-community-audio{display:block;width:100%;margin:1rem 0}

.obras-site .obras-citizen-box{padding:22px 24px;background:#eee8f5;border:1px solid #dfd5ea;border-radius:16px;margin:24px 0 34px}.obras-citizen-box .obras-stories__track>li{flex-basis:160px}@media(max-width:600px){.obras-site .obras-citizen-box{padding:18px 12px}.obras-citizen-box .obras-stories__track>li{flex-basis:136px}.obras-citizen-box .obras-stories__heading{align-items:flex-start;flex-direction:column}}

/* Texturas canônicas da identidade: fundo claro com cavaletes/PARE; lavanda com cones. */
.obras-site .obras-stories{position:relative;isolation:isolate}
.obras-site .obras-stories::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:#33204c;opacity:.045;mask-image:url("brand/pattern-safety.svg");mask-size:360px 240px;mask-repeat:repeat}
.obras-site .obras-citizen-box::before{mask-image:url("brand/pattern-cones.svg")}