
/* Refinamento responsivo e vidro translúcido — 2026-10-31c */
.series-editorial{min-width:0;max-width:100%;overflow:clip}
.series-head h2{font-size:clamp(34px,4vw,60px)}
.series-head p{max-width:795px;font-size:clamp(14px,1.3vw,16px);line-height:1.82}
.series-stage{width:100%;min-width:0;isolation:isolate;border:1px solid rgba(174,143,102,.43);border-radius:7px;background:linear-gradient(140deg,#0F3B50 0%,#0F3B50 60%,#0F3B50 100%);box-shadow:0 16px 48px rgba(10,31,39,.13)}
.series-slide{min-width:0;overflow:hidden}
.series-slide-head{min-height:0;padding:clamp(26px,3vw,42px) clamp(20px,4vw,46px);grid-template-columns:minmax(0,1fr) auto;gap:clamp(12px,3vw,32px);background:radial-gradient(circle at 84% -25%,rgba(202,169,122,.18),transparent 45%),linear-gradient(125deg,rgba(8,26,36,.78),rgba(29,73,81,.65))}
.series-summary{min-width:0}
.series-summary h3{max-width:850px;overflow-wrap:anywhere;font-size:clamp(26px,3vw,42px)}
.series-summary p{max-width:770px;line-height:1.75}
.series-decor{min-width:125px;padding:20px 24px;justify-self:end;align-self:center;border:1px solid rgba(219,188,151,.3);border-radius:5px;background:rgba(228,216,192,.065);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.series-decor span{font-size:clamp(62px,7vw,89px)}
.series-chapters{background:linear-gradient(138deg,rgba(9,34,44,.96),rgba(20,57,67,.97))}
.series-card-grid{min-width:0;scrollbar-color:#bd9d70 transparent;scrollbar-width:thin}
.series-card{background:rgba(247,241,228,.075);border:1px solid rgba(229,205,169,.22);border-radius:5px;box-shadow:0 9px 22px rgba(2,14,20,.08);color:#f5f1e8;transition:transform .28s ease,border-color .28s ease,background-color .28s ease}
.series-card:hover{background:rgba(247,241,228,.11);border-color:rgba(218,179,129,.72)}
.series-card-media{width:100%;min-height:0;aspect-ratio:16/9;background:#0F3B50}
.series-card-media img{aspect-ratio:16/9;object-fit:cover;object-position:center;max-width:100%;transition:transform .42s ease,opacity .25s ease}
.series-card-number{left:11px;bottom:11px;padding:7px 11px;border:1px solid rgba(245,236,215,.3);border-radius:3px;color:#f8ebd9;background:rgba(9,30,40,.63);-webkit-backdrop-filter:blur(9px) saturate(115%);backdrop-filter:blur(9px) saturate(115%)}
.series-card-content{min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.05));padding:21px 20px 18px;min-height:170px}
.series-card h4{overflow-wrap:anywhere;font-size:clamp(18px,1.75vw,23px);line-height:1.27}
.series-gallery-arrows button:hover{background:rgba(222,202,168,.17);border-color:#d1b282}
.series-editorial.is-playing .series-timeline-fill{animation-duration:var(--series-auto-duration,8500ms)}
.series-controls{min-width:0}
.series-topline-count{white-space:normal;text-align:right}
@supports not ((backdrop-filter:blur(9px)) or (-webkit-backdrop-filter:blur(9px))){
  .series-decor{background:rgba(54,78,81,.96)}
  .series-card-number{background:rgba(9,30,40,.94)}
}
@media(max-width:1040px){
 .series-chapters{padding:25px 0 25px}
 .series-chapters-title{margin:0 22px 16px}
 .series-card-grid{display:flex;gap:15px;overflow-x:auto;max-width:100%;padding:3px 22px 14px;scroll-snap-type:x mandatory;scroll-padding-inline:22px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .series-card{flex:0 0 clamp(230px,43%,360px);scroll-snap-align:start;min-width:0}
 .series-gallery-controls{display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#d9c09b}
 .series-gallery-arrows{display:flex;gap:9px}
 .series-gallery-arrows button{width:35px;height:35px;border:1px solid rgba(209,178,130,.5);background:rgba(255,255,255,.055);color:#f3e4cd;cursor:pointer}
 .series-slide-head{grid-template-columns:minmax(0,1fr) auto}
 .series-decor{min-width:110px;padding:18px}
}
@media(max-width:720px){
 .series-editorial{padding:54px 0 62px}
 .series-head{margin:16px 0 24px}
 .series-head h2{font-size:clamp(34px,8.5vw,42px)}
 .series-stage{border-radius:5px}
 .series-slide-head{display:block;padding:26px 22px;min-height:0}
 .series-summary h3{font-size:clamp(27px,7vw,33px)}
 .series-summary p{font-size:14px;line-height:1.75}
 .series-label{letter-spacing:.07em;overflow-wrap:anywhere}
 .series-decor{display:none}
 .series-chapters{padding:21px 0 24px}
 .series-chapters-title{padding:0 19px;margin:0 0 14px;flex-wrap:wrap;gap:4px}
 .series-card-grid{padding:3px 19px 15px;gap:13px;scroll-padding-inline:19px}
 .series-card{flex:0 0 min(79%,320px);border-radius:5px}
 .series-card-content{padding:17px 17px 16px;min-height:165px}
 .series-card h4{font-size:clamp(19px,5vw,23px)}
 .series-card-number{left:8px;bottom:8px;font-size:9px}
 .series-controls{flex-wrap:wrap;gap:10px}
 .series-control-actions{margin-left:auto}
 .series-pause{font-size:11px;margin-right:3px}
 .series-pause span{font-size:12px;margin-right:4px}
 .series-gallery-controls{padding:0 19px}
}
@media(max-width:380px){
 .series-topline{font-size:9px;gap:6px;letter-spacing:.08em}
 .series-topline-count{font-size:9px}
 .series-card{flex-basis:calc(100% - 44px)}
 .series-slide-head{padding:22px 19px}
 .series-chapters-title span:last-child{font-size:8px}
 .series-pause{font-size:11px}
 .series-controls{align-items:center}
}
@media(hover:none){
 .series-card:hover{transform:none}
 .series-card:hover .series-card-media img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .series-track,.series-card,.series-card-media img{transition:none!important}
 .series-editorial.is-playing .series-timeline-fill{animation:none!important}
 .series-gallery-arrows button{scroll-behavior:auto}
}