/* Jardim Desapego public experience v2 - 2026-07-10 */
:root{
  --jdv2-forest:#173d2a;
  --jdv2-forest-2:#24543b;
  --jdv2-leaf:#5c7a54;
  --jdv2-sand:#f4eee4;
  --jdv2-cream:#fffdf9;
  --jdv2-gold:#b7863d;
  --jdv2-ink:#1f2922;
  --jdv2-muted:#68736b;
  --jdv2-line:rgba(23,61,42,.13);
  --jdv2-shadow:0 24px 70px rgba(31,41,34,.13);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 8% 0,rgba(183,134,61,.12),transparent 30rem),
    radial-gradient(circle at 100% 18%,rgba(92,122,84,.11),transparent 32rem),
    var(--jdv2-sand);
  color:var(--jdv2-ink);
}

/* Login: o menu interno nao existe mais e o acesso vira uma pagina publica. */
.page{
  min-height:100vh!important;
  padding:28px!important;
  background:transparent!important;
}
.page .shell{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
}
.page .topbar{
  min-height:72px!important;
  margin-bottom:18px!important;
  padding:10px 14px!important;
  border:1px solid var(--jdv2-line)!important;
  border-radius:22px!important;
  background:rgba(255,253,249,.84)!important;
  box-shadow:0 12px 42px rgba(31,41,34,.07)!important;
  backdrop-filter:blur(18px)!important;
}
.page .brand-title{color:var(--jdv2-forest)!important;letter-spacing:-.02em!important}
.page .brand-sub{color:var(--jdv2-muted)!important}
.page .top-link{
  border-color:var(--jdv2-line)!important;
  background:#fff!important;
  color:var(--jdv2-forest)!important;
}
.page .top-link.primary{
  background:var(--jdv2-forest)!important;
  border-color:var(--jdv2-forest)!important;
  color:#fff!important;
}
.page .layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
.page .hero,
.page .auth-card{
  border:1px solid var(--jdv2-line)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:var(--jdv2-shadow)!important;
}
.page .hero{
  min-height:690px!important;
  background:var(--jdv2-forest)!important;
}
.page .hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 32%,rgba(11,34,22,.18) 58%,rgba(11,34,22,.9) 100%);
}
.page .hero-cover{min-height:400px!important}
.page .cover-img{width:100%!important;height:100%!important;object-fit:cover!important}
.page .hero-content{position:relative!important;z-index:2!important;background:transparent!important;color:#fff!important}
.page .hero-title,.page .hero-title span{color:#fff!important}
.page .hero-lead,.page .hero-text{color:rgba(255,255,255,.78)!important}
.page .eyebrow,.page .tag{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.page .mini-card{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important}
.page .mini-card b,.page .mini-card span{color:#fff!important}
.page .auth-card{
  align-self:stretch!important;
  padding:42px 38px!important;
  background:rgba(255,253,249,.97)!important;
}
.page .badge{background:var(--jdv2-forest)!important;color:#fff!important}
.page .tabs{background:#eee8de!important;border:1px solid var(--jdv2-line)!important}
.page .tab{color:var(--jdv2-muted)!important}
.page .tab.active{background:#fff!important;color:var(--jdv2-forest)!important;box-shadow:0 8px 20px rgba(31,41,34,.08)!important}
.page .auth-title{color:var(--jdv2-forest)!important;font-size:2rem!important;letter-spacing:-.04em!important}
.page .form-control{
  min-height:54px!important;
  border-color:var(--jdv2-line)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.page .form-control:focus{border-color:var(--jdv2-leaf)!important;box-shadow:0 0 0 4px rgba(92,122,84,.12)!important}
.page .btn-primary{
  min-height:54px!important;
  background:var(--jdv2-forest)!important;
  border-color:var(--jdv2-forest)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(23,61,42,.22)!important;
}
.page .btn-primary:hover{background:var(--jdv2-forest-2)!important;transform:translateY(-1px)!important}
.page .footer{color:var(--jdv2-muted)!important}

/* Home e marketplace: acabamento comum sem destruir seus componentes. */
.jd-page{background:transparent!important;color:var(--jdv2-ink)!important}
.jd-shell{width:min(1180px,calc(100% - 32px))!important}
.jd-home-hero,.jd-market-hero{border-bottom:1px solid var(--jdv2-line)!important}
.jd-home-card,.jd-universe-card,.jd-home-benefit,.jd-market-card{
  border-color:var(--jdv2-line)!important;
  border-radius:24px!important;
  box-shadow:0 16px 44px rgba(31,41,34,.08)!important;
}

/* Radio publica: mesma identidade premium e navegacao publica explicita. */
body.jd-radio-page{
  --bg:var(--jdv2-sand);
  --bg-2:#ebe2d5;
  --card:var(--jdv2-cream);
  --card-2:#f3ecdf;
  --line:var(--jdv2-line);
  --text:var(--jdv2-ink);
  --muted:var(--jdv2-muted);
  --green:var(--jdv2-forest-2);
  --green-deep:var(--jdv2-forest);
  --gold:var(--jdv2-gold);
  background:var(--jdv2-sand)!important;
  color:var(--jdv2-ink)!important;
}
.jd-radio-page .nav{
  margin:14px auto 0!important;
  width:min(1180px,calc(100% - 28px))!important;
  border:1px solid var(--jdv2-line)!important;
  border-radius:20px!important;
  padding:12px 16px!important;
  background:rgba(255,253,249,.9)!important;
  box-shadow:0 12px 38px rgba(31,41,34,.08)!important;
  backdrop-filter:blur(18px)!important;
}
.jd-radio-page .brand{color:var(--jdv2-forest)!important}
.jd-radio-page .nav .todos{color:var(--jdv2-forest)!important;background:#fff!important}
.jd-radio-quicklinks{
  width:min(1180px,calc(100% - 28px));
  margin:12px auto 0;
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.jd-radio-quicklinks a{
  padding:8px 13px;
  border:1px solid var(--jdv2-line);
  border-radius:999px;
  background:rgba(255,253,249,.82);
  color:var(--jdv2-forest);
  font-size:.76rem;
  font-weight:800;
}
.jd-radio-page .hero{min-height:42vh!important;padding-top:7vh!important}
.jd-radio-page .hero::before{
  background:radial-gradient(800px 380px at 10% 5%,rgba(92,122,84,.22),transparent 58%),linear-gradient(180deg,transparent,var(--jdv2-sand))!important;
}
.jd-radio-page .hero::after{color:rgba(23,61,42,.04)!important}
.jd-radio-page .hero h1{color:var(--jdv2-forest)!important}
.jd-radio-page .hero .desc{color:var(--jdv2-muted)!important}
.jd-radio-page .cinema,.jd-radio-page .deck,.jd-radio-page .offline{
  border-color:var(--jdv2-line)!important;
  box-shadow:var(--jdv2-shadow)!important;
}
.jd-radio-page .deck-info strong,.jd-radio-page .offline strong{color:var(--jdv2-ink)!important}
.jd-radio-page .tile{border-color:var(--jdv2-line)!important;box-shadow:0 14px 34px rgba(31,41,34,.1)!important}
.jd-radio-page .foot{color:var(--jdv2-muted)!important}
.jd-public-notice{
  width:min(1180px,calc(100% - 28px));
  margin:14px auto;
  padding:14px 18px;
  border:1px solid rgba(183,134,61,.3);
  border-radius:16px;
  background:#fff7e8;
  color:#76551f;
  font-weight:750;
}

@media(max-width:900px){
  .page{padding:14px!important}
  .page .layout{grid-template-columns:1fr!important}
  .page .hero{min-height:auto!important}
  .page .hero-cover{min-height:310px!important}
  .page .auth-card{padding:32px 24px!important}
}
@media(max-width:620px){
  .page .topbar{align-items:flex-start!important}
  .page .top-actions{width:100%!important;overflow-x:auto!important;padding-bottom:3px!important}
  .page .top-link{white-space:nowrap!important}
  .page .hero-content{padding:26px!important}
  .page .hero-bottom{grid-template-columns:1fr!important}
  .jd-radio-quicklinks{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}