

:root{
  --atr-admin-bg:#05080e;
  --atr-admin-card:#0d1624;
  --atr-admin-card-2:#101c2d;
  --atr-admin-line:rgba(255,255,255,.14);
  --atr-admin-text:#f4f0e8;
  --atr-admin-muted:#c7d0de;
  --atr-admin-soft:#8e9db3;
  --atr-admin-blue:#7ab8ff;
  --atr-admin-gold:#c89258;
}

/* evita que qualquer bloco do Atravessamentos escape para a esquerda */
.cat-site-main .atrav-escuta-feature,
.cat-site-main .atrav-page-hero,
.cat-site-main .atrav-launch-feature,
.cat-site-main .atrav-episodes-list,
.cat-site-main .atrav-home-feature{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Sala de Escuta */
.cat-view-escuta .atrav-escuta-feature{
  margin-top:34px!important;
  margin-bottom:56px!important;
}

.atrav-escuta-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) 280px minmax(320px,.9fr)!important;
  gap:28px!important;
  align-items:center!important;
  padding:30px!important;
  border-radius:34px!important;
  border:1px solid var(--atr-admin-line)!important;
  background:
    radial-gradient(circle at 8% 10%, rgba(122,184,255,.16), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    var(--atr-admin-card)!important;
  color:var(--atr-admin-text)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.30)!important;
  overflow:hidden!important;
}

.atrav-escuta-copy,
.atrav-escuta-art,
.atrav-escuta-player{
  min-width:0!important;
}

.atrav-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 12px!important;
  color:var(--atr-admin-blue)!important;
  text-transform:uppercase!important;
  letter-spacing:.19em!important;
  font:800 .72rem/1 Inter,Arial,sans-serif!important;
}

.atrav-kicker:after{
  content:"";
  display:block;
  width:42px;
  height:1px;
  background:currentColor;
  opacity:.55;
}

.atrav-escuta-copy h2,
.atrav-page-hero h1,
.atrav-launch-copy h2,
.atrav-episodes-list h2,
.atrav-home-card h2{
  margin:12px 0 14px!important;
  color:var(--atr-admin-text)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
}

.atrav-escuta-copy h2{
  font-size:clamp(2.5rem,5vw,4.7rem)!important;
}

.atrav-escuta-copy p,
.atrav-launch-copy p,
.atrav-page-hero p,
.atrav-home-card p{
  color:var(--atr-admin-muted)!important;
  font-size:1.02rem!important;
}

.atrav-escuta-copy strong{
  display:block!important;
  margin:14px 0 0!important;
  color:var(--atr-admin-text)!important;
  font-size:1.02rem!important;
}

.atrav-home-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:20px!important;
}

.atrav-home-actions a,
.atrav-episode-item a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(122,184,255,.52)!important;
  background:linear-gradient(135deg,#10365d,#0c2743)!important;
  color:var(--atr-admin-text)!important;
  text-decoration:none!important;
  font:700 .95rem/1 Inter,Arial,sans-serif!important;
}

.atrav-home-actions a.ghost{
  background:transparent!important;
  border-color:rgba(255,255,255,.20)!important;
}

.atrav-escuta-art{
  margin:0!important;
}

.atrav-escuta-art img,
.atrav-escuta-player img,
.atrav-hero-art img,
.atrav-launch-art img,
.atrav-home-cover img,
.atrav-home-episode-card img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  border-radius:26px!important;
  border:1px solid var(--atr-admin-line)!important;
  background:#07101c!important;
}

.atrav-escuta-player iframe{
  display:block!important;
  width:100%!important;
  border:0!important;
}

.atrav-embed-placeholder{
  border:1px dashed rgba(255,255,255,.22)!important;
  border-radius:24px!important;
  padding:24px!important;
  background:rgba(255,255,255,.05)!important;
  color:var(--atr-admin-muted)!important;
}

.atrav-embed-placeholder strong{
  display:block!important;
  color:var(--atr-admin-text)!important;
  margin-bottom:8px!important;
}

/* Página do Atravessamentos */
.atrav-page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:38px!important;
  align-items:center!important;
  margin-top:44px!important;
  margin-bottom:30px!important;
  padding:42px!important;
  border-radius:34px!important;
  border:1px solid var(--atr-admin-line)!important;
  background:
    radial-gradient(circle at 10% 12%, rgba(122,184,255,.16), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    var(--atr-admin-card)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28)!important;
  color:var(--atr-admin-text)!important;
}

.atrav-page-hero h1{
  font-size:clamp(3rem,7vw,6.4rem)!important;
}

.atrav-launch-feature{
  display:grid!important;
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
  gap:34px!important;
  align-items:center!important;
  margin-top:0!important;
  margin-bottom:44px!important;
  padding:28px!important;
  border-radius:34px!important;
  border:1px solid var(--atr-admin-line)!important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    var(--atr-admin-card)!important;
  box-shadow:0 26px 76px rgba(0,0,0,.24)!important;
  color:var(--atr-admin-text)!important;
}

.atrav-launch-copy h2{
  font-size:clamp(2.2rem,4.8vw,4.2rem)!important;
}

.atrav-episodes-list{
  margin-bottom:80px!important;
}

.atrav-episodes-list header{
  max-width:720px!important;
  margin-bottom:26px!important;
}

.atrav-episodes-list h2{
  color:#101925!important;
  font-size:clamp(2.4rem,5vw,4.6rem)!important;
}

.atrav-episodes-list header p{
  color:#4b5563!important;
}

.atrav-episodes-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

.atrav-episode-item{
  border:1px solid rgba(15,27,42,.12)!important;
  border-radius:28px!important;
  background:rgba(15,27,42,.035)!important;
  padding:24px!important;
}

.atrav-episode-item small{
  color:#a26b38!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
}

.atrav-episode-item h3{
  margin:10px 0!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(1.8rem,4vw,3rem)!important;
  line-height:.98!important;
  color:#101925!important;
}

.atrav-episode-item p,
.atrav-coming,
.atrav-episode-item time{
  color:#4b5563!important;
}

/* Home — também no padrão do painel */
.atrav-home-feature{
  margin-top:40px!important;
  margin-bottom:36px!important;
}

.atrav-home-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;
  gap:32px!important;
  align-items:center!important;
  padding:34px!important;
  border-radius:34px!important;
  border:1px solid var(--atr-admin-line)!important;
  background:
    radial-gradient(circle at 8% 10%, rgba(122,184,255,.16), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    var(--atr-admin-card)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28)!important;
  color:var(--atr-admin-text)!important;
}

.atrav-home-visual{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}

.atrav-home-card h2{
  font-size:clamp(3rem,6vw,5.6rem)!important;
}

.atrav-home-episode-card img{
  min-height:340px!important;
}

@media(max-width:980px){
  .atrav-escuta-card,
  .atrav-page-hero,
  .atrav-launch-feature,
  .atrav-home-card,
  .atrav-home-visual{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }

  .cat-site-main .atrav-escuta-feature,
  .cat-site-main .atrav-page-hero,
  .cat-site-main .atrav-launch-feature,
  .cat-site-main .atrav-episodes-list,
  .cat-site-main .atrav-home-feature{
    width:min(100% - 28px,1120px)!important;
  }

  .atrav-episodes-grid{
    grid-template-columns:1fr!important;
  }

  .atrav-home-episode-card img{
    min-height:0!important;
  }
}

