/* Página de cada casa: mesma identidade da timeline. */
#rgp{
  --night:#15133F; --night-2:#1E1B57; --night-3:#272370; --ink:#05040F; --paper:#ECE5D3;
  --magenta:#FF2E88; --orange:#FF8A1F; --cyan:#3CE4FF; --yellow:#FFE14A;
  --fg:#F3F0FF; --fg-dim:#A9A4D6; --line:rgba(169,164,214,.25);
  --display:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;
  --body:"Instrument Sans",system-ui,sans-serif; --serif:"Fraunces",Georgia,serif;
  --gut:max(16px,5vw);
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  background:var(--night);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden
}
#rgp *,#rgp *::before,#rgp *::after{box-sizing:border-box}
#rgp h1,#rgp h2,#rgp h3,#rgp p,#rgp ul,#rgp dl,#rgp dd,#rgp blockquote{margin:0;padding:0;color:inherit;letter-spacing:normal;text-transform:none}
#rgp ul{list-style:none} #rgp li::before,#rgp li::after{content:none}
#rgp a{color:inherit}
#rgp img{max-width:100%;height:auto}
#rgp :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
#rgp .rgp-crumb{padding:28px var(--gut) 0;font-size:15px}
#rgp .rgp-crumb a{color:var(--fg-dim);text-decoration:none}
#rgp .rgp-crumb a:hover{color:var(--cyan)}

/* hero */
#rgp .rgp-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(28px,5vh,56px) var(--gut) clamp(48px,8vh,96px)}
#rgp .rgp-logo{display:inline-block;background:#fff;padding:8px 12px;border-radius:3px;margin-bottom:22px;line-height:0;box-shadow:4px 4px 0 var(--magenta)}
#rgp .rgp-logo img{max-height:96px;width:auto;max-width:min(440px,72vw)}
#rgp h1{font-family:var(--display);font-weight:900;font-size:clamp(64px,11vw,176px);line-height:.84;text-transform:uppercase;text-wrap:balance;word-break:break-word}
#rgp .rgp-place{margin-top:20px;font-size:clamp(18px,1.6vw,22px);font-weight:600}
#rgp .rgp-place span{display:block;font-weight:400;font-size:15px;color:var(--fg-dim);margin-top:2px}
#rgp .rgp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
#rgp .rgp-chips li{padding:6px 14px;border-radius:999px;border:1px solid var(--line);font-size:14px}
#rgp .rgp-chips li.y{background:var(--cyan);color:var(--ink);border-color:var(--cyan);font-weight:600}
#rgp .rgp-chips li.me{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:600}
#rgp .rgp-chips li.ref{border-color:var(--fg-dim);color:var(--fg-dim)}
#rgp .rgp-chips li.miss{border-style:dashed;color:var(--fg-dim)}
#rgp .rgp-cover{position:relative;justify-self:center;width:min(100%,460px)}
#rgp .rgp-cover{display:flex;justify-content:center;align-items:center}
#rgp .rgp-main{display:block;width:auto;height:auto;max-width:100%;max-height:min(72vh,620px);object-fit:contain;transform:rotate(2.2deg);box-shadow:0 30px 60px -18px rgba(0,0,0,.85);border:10px solid var(--paper);background:var(--paper)}
#rgp .rgp-gen{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between;padding:10%;transform:rotate(2.2deg);box-shadow:0 30px 60px -18px rgba(0,0,0,.85);color:var(--ink)}
#rgp .rgp-gen b{font-family:var(--display);font-weight:900;font-size:clamp(44px,5vw,76px);line-height:.86;text-transform:uppercase;word-break:break-word}
#rgp .rgp-gen span{font-family:var(--display);font-weight:800;font-size:clamp(30px,3vw,46px);line-height:1}
#rgp .rgp-gen small{font-size:14px;font-weight:600}
#rgp .rgp-gen.v0{background:radial-gradient(circle,rgba(5,4,15,.8) 1.1px,transparent 1.4px) 0 0/7px 7px,var(--paper)}
#rgp .rgp-gen.v0 b{background:var(--paper);align-self:flex-start;padding:.05em .1em 0;box-shadow:5px 5px 0 var(--ink)}
#rgp .rgp-gen.v1{background:var(--night-2);color:var(--magenta)}
#rgp .rgp-gen.v1 b{color:transparent;-webkit-text-stroke:2px var(--magenta);text-shadow:0 0 22px rgba(255,46,136,.6)}
#rgp .rgp-gen.v1 span{color:var(--cyan)} #rgp .rgp-gen.v1 small{color:var(--fg)}
#rgp .rgp-gen.v2{background:repeating-linear-gradient(180deg,var(--orange) 0 16px,var(--magenta) 16px 24px,var(--orange) 24px 32px,var(--yellow) 32px 40px)}
#rgp .rgp-gen.v2 b{font-family:"Bungee",var(--display);font-weight:400;background:var(--ink);color:var(--yellow);padding:.2em .3em;font-size:clamp(30px,3.4vw,52px);line-height:1.02}
#rgp .rgp-gen.v2 span,#rgp .rgp-gen.v2 small{background:var(--ink);color:var(--paper);align-self:flex-start;padding:3px 8px}
#rgp .rgp-gen.v3{background:var(--yellow)}
#rgp .rgp-gen.v3 b{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:-.02em}

/* corpo */
#rgp .rgp-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(28px,5vw,80px);padding:clamp(48px,8vh,96px) var(--gut);border-top:1px solid var(--line);align-items:start}
#rgp h2{font-family:var(--display);font-weight:900;font-size:clamp(40px,5vw,72px);line-height:.9;text-transform:uppercase;margin-bottom:24px}
#rgp .rgp-lead{font-size:clamp(19px,1.6vw,23px);line-height:1.55;max-width:62ch}
#rgp .rgp-lead.dim{color:var(--fg-dim)}
#rgp .rgp-lead a{color:var(--cyan)}
#rgp .rgp-mem{margin-top:28px;padding:4px 0 4px 22px;border-left:4px solid var(--magenta);max-width:62ch}
#rgp .rgp-mem p{font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(19px,1.6vw,24px);line-height:1.4}
#rgp .rgp-mem cite{display:block;margin-top:8px;font-style:normal;font-size:14px;color:var(--fg-dim)}
#rgp .rgp-facts{margin-top:32px;display:grid;grid-template-columns:auto 1fr;gap:10px 22px;max-width:62ch}
#rgp .rgp-facts dt{font-weight:600;color:var(--fg-dim);font-size:15px}
#rgp .rgp-sets{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
#rgp .rgp-btn{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:999px;background:var(--magenta);color:#fff;text-decoration:none;font-weight:600}
#rgp .rgp-btn:hover{background:#ff4b9a}
#rgp .rgp-help{background:var(--paper);color:var(--ink);padding:24px 22px 26px;transform:rotate(-1.2deg);box-shadow:0 24px 50px -16px rgba(0,0,0,.8);background-image:radial-gradient(circle,rgba(5,4,15,.12) 1px,transparent 1.4px);background-size:7px 7px}
#rgp .rgp-help h3{font-family:var(--display);font-weight:900;font-size:34px;line-height:.95;text-transform:uppercase}
#rgp .rgp-help ul{margin:14px 0;display:grid;gap:6px;font-size:15px}
#rgp .rgp-help li{display:flex;align-items:center;gap:9px}
#rgp .rgp-help li::before{content:""!important;width:11px;height:11px;border-radius:50%;background:var(--magenta);display:inline-block}
#rgp .rgp-help li.ok::before{background:#0aa36c}
#rgp .rgp-help li.ok{text-decoration:line-through;opacity:.55}
#rgp .rgp-help p{font-size:15px;margin-bottom:16px}

/* galeria */
#rgp .rgp-gallery{padding:clamp(48px,8vh,96px) var(--gut);border-top:1px solid var(--line)}
#rgp .rgp-grid{columns:3 260px;column-gap:16px}
#rgp .rgp-grid a{display:block;break-inside:avoid;margin-bottom:16px;position:relative;background:var(--ink);text-decoration:none}
#rgp .rgp-grid img{display:block;width:100%}
#rgp .rgp-grid a.is-flyer{border:8px solid var(--paper)}
#rgp .rgp-grid span{position:absolute;left:8px;bottom:8px;background:rgba(5,4,15,.85);font-size:12px;padding:3px 8px;border-radius:3px}

/* rodapé */
#rgp .rgp-foot{padding:36px var(--gut) 64px;border-top:1px solid var(--line);font-size:14px;color:var(--fg-dim);display:grid;gap:8px}
#rgp .rgp-foot a{color:var(--fg-dim)}
#rgp .rgp-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:28px}
#rgp .rgp-nav a{text-decoration:none;font-family:var(--display);font-weight:900;font-size:clamp(22px,2.4vw,34px);line-height:1;color:var(--fg);text-transform:uppercase}
#rgp .rgp-nav a small{display:block;font-family:var(--body);font-weight:600;font-size:13px;text-transform:none;color:var(--fg-dim);margin-bottom:4px}
#rgp .rgp-nav a:hover{color:var(--cyan)}
#rgp .rgp-nav a.r{text-align:right}
#rgp .rgp-nav a.mid{font-family:var(--body);font-weight:600;font-size:15px;text-transform:none;border:1px solid var(--line);border-radius:999px;padding:12px 20px}
#rgp.is-ref .rgp-chips li.ref{background:var(--night-2)}

@media (max-width:860px){
  #rgp .rgp-hero,#rgp .rgp-body{grid-template-columns:1fr}
  #rgp .rgp-cover{width:min(78%,340px)}
  #rgp .rgp-help{transform:none}
  #rgp .rgp-nav{grid-template-columns:1fr 1fr}
  #rgp .rgp-nav a.mid{grid-column:1/-1;grid-row:2;justify-self:start}
  #rgp .rgp-facts{grid-template-columns:1fr}
}

#rgp .rgp-cta{margin-top:28px;min-height:58px;padding:0 30px;font-size:18px}
#rgp li{list-style:none!important}
#rgp li::marker{content:''}
/* DJs */
#rgp .rgp-facts dd.djs a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--magenta);text-underline-offset:3px}
#rgp .rgp-facts dd.djs a:hover{color:var(--cyan)}
#rgp .rgp-kind{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
#rgp .rgp-hero.one{grid-template-columns:1fr}
#rgp.is-djs h1{font-size:clamp(56px,9vw,140px)}
#rgp .rgp-djs-sec{padding:0 var(--gut) clamp(56px,8vh,96px)}
#rgp .rgp-djs-sec h2{font-family:var(--display);font-weight:900;font-size:clamp(40px,5vw,72px);line-height:.9;text-transform:uppercase;margin-bottom:24px}
#rgp .rgp-djgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
#rgp .rgp-djc{display:flex;gap:14px;align-items:center;padding:14px;background:var(--night-2);border-radius:6px;text-decoration:none;transition:background .2s,transform .2s}
#rgp .rgp-djc:hover{background:var(--night-3);transform:translateY(-2px)}
#rgp .rgp-djc .lg{flex:0 0 64px;height:64px;border-radius:4px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}
#rgp .rgp-djc .lg img{width:100%;height:100%;object-fit:contain;padding:4px}
#rgp .rgp-djc .lg i{font-style:normal;font-family:var(--display);font-weight:900;font-size:28px;color:var(--ink);text-transform:uppercase}
#rgp .rgp-djc .tx{display:grid;gap:2px;min-width:0}
#rgp .rgp-djc b{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.05;text-transform:uppercase}
#rgp .rgp-djc .tx span{font-size:14px;color:var(--fg-dim)}
#rgp .rgp-djc small{font-size:12px;color:var(--yellow)}
#rgp .rgp-djq{display:block;max-width:420px;margin-bottom:22px}
#rgp .rgp-djq input{width:100%;min-height:52px;padding:12px 16px;border-radius:6px;border:2px solid var(--line);background:var(--night-2);color:var(--fg);font-size:17px}
#rgp .rgp-djq input:focus{border-color:var(--cyan);outline:none}
#rgp .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#rgp .rgp-djidx{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
#rgp .rgp-djidx a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;border-radius:6px;background:var(--night-2);text-decoration:none}
#rgp .rgp-djidx a:hover{background:var(--night-3)}
#rgp .rgp-djidx a[hidden]{display:none}
#rgp .rgp-djidx b{font-family:var(--display);font-weight:800;font-size:20px;text-transform:uppercase;line-height:1.1}
#rgp .rgp-djidx span{font-size:13px;color:var(--fg-dim);white-space:nowrap}
/* pill do tipo de casa + redes */
#rgp .rgp-chips li.k{background:var(--magenta);border-color:var(--magenta);color:#fff;font-weight:600}
#rgp .rgp-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#rgp .rgp-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--b,var(--night-3));color:#fff;transition:transform .2s,box-shadow .2s}
#rgp .rgp-social a:hover{transform:translateY(-2px);box-shadow:0 8px 18px -6px rgba(0,0,0,.6)}
#rgp .rgp-social svg{width:22px;height:22px;fill:currentColor}
#rgp .rgp-social a.s-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
#rgp .rgp-social a.s-tiktok,#rgp .rgp-social a.s-x{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
#rgp .rgp-social a.s-site{background:var(--night-3);color:var(--cyan)}
#rgp .rgp-social a.s-site svg{fill:none}
#rgp .rgp-djban-sec{padding:0 var(--gut) 48px}
#rgp .rgp-djban{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 30px;border-radius:10px;background:linear-gradient(120deg,#FF2E88 0%,#7B2BD9 55%,#272370 100%);color:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s}
#rgp .rgp-djban:hover{transform:translateY(-3px);box-shadow:0 22px 50px -20px rgba(255,46,136,.6)}
#rgp .rgp-djban > span:first-child{display:grid;gap:4px}
#rgp .rgp-djban small{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#FFE14A}
#rgp .rgp-djban b{font-family:var(--display);font-weight:900;font-size:clamp(34px,4vw,54px);line-height:.9;text-transform:uppercase}
#rgp .rgp-djban em{font-style:normal;font-family:var(--body);font-size:16px;opacity:.92}
#rgp .rgp-djban .go{font-weight:700;font-size:17px;padding:14px 22px;border-radius:999px;background:#fff;color:#15133F;white-space:nowrap}
/* página do DJ: adicionar casas */
#rgp .rgp-djadd{padding:0 var(--gut) clamp(56px,8vh,96px)}
#rgp .rgp-djadd-in{max-width:860px;padding:clamp(24px,4vw,44px);border-radius:12px;background:var(--night-2);border:1px solid var(--line)}
#rgp .rgp-djadd h2{font-family:var(--display);font-weight:900;font-size:clamp(36px,4.6vw,64px);line-height:.9;text-transform:uppercase;margin-bottom:12px}
#rgp .rgp-djadd .lead{color:var(--fg-dim);margin-bottom:22px;max-width:60ch}
#rgp .rgp-djform{display:grid;gap:16px}
#rgp .rgp-f{display:grid;gap:6px;position:relative}
#rgp .rgp-f > span{font-size:14px;font-weight:600;color:var(--fg-dim)}
#rgp .rgp-f small{font-size:13px;color:var(--fg-dim)}
#rgp .rgp-f input{width:100%;min-height:52px;padding:12px 16px;border-radius:6px;border:2px solid transparent;background:var(--night);color:var(--fg);font-size:17px;font-family:var(--body)}
#rgp .rgp-f input:focus{border-color:var(--cyan);outline:none}
#rgp .rgp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){#rgp .rgp-row{grid-template-columns:1fr}}
#rgp .rgp-chipbox{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:56px;padding:8px 10px;border-radius:6px;border:2px solid transparent;background:var(--night);cursor:text}
#rgp .rgp-chipbox:focus-within{border-color:var(--cyan)}
#rgp .rgp-chips-in{display:contents}
#rgp .rgp-chipbox .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--cyan);color:var(--ink);font-size:15px;font-weight:600;line-height:1}
#rgp .rgp-chipbox .chip.new{background:var(--yellow)}
#rgp .rgp-chipbox .chip em{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
#rgp .rgp-chipbox .chip button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(5,4,15,.15);color:var(--ink);font-size:16px;line-height:1;cursor:pointer;padding:0}
#rgp .rgp-f .rgp-chipbox input{flex:1 1 180px;min-width:150px;min-height:36px!important;padding:4px 6px!important;border:0!important;background:transparent!important;box-shadow:none!important}
#rgp .rgp-sug{position:absolute;left:0;right:0;top:calc(100% - 18px);z-index:20;margin:4px 0 0;padding:6px;list-style:none;background:var(--night-3);border-radius:6px;box-shadow:0 18px 40px -12px rgba(0,0,0,.7);max-height:340px;overflow:auto}
#rgp .rgp-sug li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border-radius:4px;cursor:pointer;font-size:16px}
#rgp .rgp-sug li small{font-size:13px;color:var(--fg-dim);white-space:nowrap}
#rgp .rgp-sug li.on,#rgp .rgp-sug li:hover{background:var(--night-2)}
#rgp .rgp-sug li.new{justify-content:flex-start;color:var(--yellow)}
#rgp .rgp-sug li.new b{color:var(--fg)}
#rgp .rgp-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer}
#rgp .rgp-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--cyan)}
#rgp .rgp-send{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#rgp .rgp-send .rgp-btn{border:0;cursor:pointer;font-size:17px}
#rgp .rgp-err{color:#FF8FB8;font-size:15px}
#rgp .rgp-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#rgp .rgp-djok{padding:18px 20px;border-radius:8px;background:rgba(60,228,255,.12);border:1px solid var(--cyan);font-size:17px}
#rgp .rgp-djok b{color:var(--cyan)}
#rgp .rgp-link{background:none;border:0;color:var(--yellow);text-decoration:underline;cursor:pointer;font-size:16px;padding:0;margin-left:6px}
#rgp .rgp-more{margin-top:20px;font-size:15px;color:var(--fg-dim)}
#rgp .rgp-more a{color:var(--fg)}
#rgp .rgp-djform label,#rgp .rgp-djform span,#rgp .rgp-djform em,#rgp .rgp-djform input,#rgp .rgp-djform small,#rgp .rgp-djform button,#rgp .rgp-sug li{font-family:var(--body)!important}
#rgp .rgp-djidx{grid-template-columns:repeat(auto-fill,minmax(var(--cw,220px),1fr))}
#rgp .rgp-djidx b{white-space:nowrap}