/* Identidade do RT Advogados Associados no lado da Rosemary. Só no teste-topo-1.html, carregado por último.
   A logo RT entra no lugar do monograma RBM e o lado dela deixa o marfim: topo, abertura, áreas, cartão do Quem somos
   e contato ficam no preto, como o lado do Marco. Os dois se diferenciam pela logo e pelo dourado de cada um
   (o do Marco mais claro e amarelo, o do RT mais quente, puxado para o bronze).
   O símbolo RT é mais alto que largo (709 x 792): onde o RBM ocupava largura, ele ocupa altura.
   Arquivos gerados por brand/logo-rt/preparar-logo-rt.py a partir da logo original enviada por ela. */
:root {
  --rt-gold: #d1ae6c;
  --rt-gold-dark: #9a6c34;
  --rt-gold-light: #f2deb0;
}

/* ---------- Cabeçalho: só o símbolo, na altura das logos do Marco em cada faixa de tela ---------- */
.site-header--duo.site-header--dividido .brand-rosy.brand-rosy--rt { display: block !important; width: auto; height: 58px; }
@media (min-width: 1001px) and (max-width: 1240px) {
  .site-header--duo.site-header--dividido .brand-rosy.brand-rosy--rt { height: 42px; }
}
@media (max-width: 1000px) {
  .site-header--duo.site-header--dividido .brand-rosy.brand-rosy--rt { height: 44px; }
}
@media (max-width: 540px) {
  .site-header--duo.site-header--dividido .brand-rosy.brand-rosy--rt { height: 36px; }
}

/* ---------- Abertura: as duas logos sobre o preto; a dela completa, com "ADVOGADOS ASSOCIADOS" ---------- */
.intro-loading .site-loader--duo { background: var(--ink); }
.site-loader--duo .loader-mark--rosy { width: min(22vw, 270px); }
@media (max-width: 760px) {
  .intro-loading .site-loader--duo { background: var(--ink); }
  .site-loader--duo .loader-mark--rosy { width: min(46vw, 210px); }
}

/* ---------- Topo: os dois sobre o preto, cada um com uma luz suave do próprio dourado atrás ---------- */
@media not all and (max-width: 1100px) and (max-height: 500px) and (orientation: landscape) {
  .hero.hj--dividido { background: var(--ink); }
  .hj--dividido .hj-stage::before {
    background:
      radial-gradient(26% 36% at 27.8% 26%, rgb(220 188 124 / .16), transparent 72%),
      radial-gradient(26% 36% at 71% 26%, rgb(209 174 108 / .16), transparent 72%);
  }
  /* O RT em marca-d'água atrás dela, no mesmo apagado do MC, cortado pela borda direita da tela. */
  .hj--dividido .hj-fundo::after {
    height: calc(var(--hj-h) * .42);
    aspect-ratio: 709 / 792;
    -webkit-mask-image: url("../img/logo-rt-simbolo-mascara.svg");
    mask-image: url("../img/logo-rt-simbolo-mascara.svg");
    background: linear-gradient(180deg, rgb(209 174 108 / .1), rgb(209 174 108 / .05));
  }
  @media (max-width: 1100px) {
    .hj--dividido .hj-stage::before {
      background:
        radial-gradient(calc(var(--hj-w) * .26) 36% at calc(50% - var(--hj-w) * .222) 26%, rgb(220 188 124 / .16), transparent 72%),
        radial-gradient(calc(var(--hj-w) * .26) 36% at calc(50% + var(--hj-w) * .21) 26%, rgb(209 174 108 / .16), transparent 72%);
    }
  }
}

/* ---------- Áreas: no modo dela a seção fica no preto, como nos outros dois modos ---------- */
.practice-marca::after { background-image: url("../img/logo-rt-simbolo-contorno.svg"); }
.practice--duo[data-modo="rosy"] { background: var(--ink); color: var(--paper); }
.practice--duo[data-modo="rosy"] .practice-marcas {
  background: radial-gradient(48% 42% at 82% 0%, rgb(209 174 108 / .1), transparent 72%);
  background-repeat: no-repeat;
}
.practice--duo[data-modo="rosy"] .practice-marca::after { opacity: .75; }
.practice--duo[data-modo="rosy"] .practice-intro p,
.practice--duo[data-modo="rosy"] .practice-footer p { color: var(--on-dark); }
.practice--duo[data-modo="rosy"] .practice-footer > span { color: var(--paper); }
.practice--duo[data-modo="rosy"] .carousel-button { border-color: rgb(220 188 124 / .45); color: var(--paper); }
.practice--duo[data-modo="rosy"] .practice-card { border-color: var(--line); background: var(--paper); box-shadow: none; }
.practice--duo[data-modo="rosy"] .practice-card h3,
.practice--duo[data-modo="rosy"] .practice-card li { color: var(--ink); }
.practice--duo[data-modo="rosy"] .practice-card p { color: var(--muted); }
.practice--duo[data-modo="rosy"] .practice-card ul { border-color: var(--line); }
.practice--duo[data-modo="rosy"] .practice-card li::marker { color: var(--gold-700); }
.practice--duo[data-modo="rosy"] .practice-filtro-botao { border-color: rgb(220 188 124 / .55); color: var(--cream); }
.practice--duo[data-modo="rosy"] .practice-filtro-botao[data-filtro="rosy"][aria-pressed="true"] { border-color: #fff; background: #fff; color: var(--rosy-ink); }
.practice--duo[data-modo="rosy"] .practice-filtro-botao:focus-visible { outline-color: var(--gold-300); }
@media (hover: hover) {
  .practice--duo[data-modo="rosy"] .practice-filtro-botao[data-filtro="marco"]:hover { border-color: var(--mc-ouro-linha); background: var(--mc-ouro); color: var(--ink); }
  .practice--duo[data-modo="rosy"] .practice-filtro-botao[data-filtro="marco"]:hover img { filter: brightness(0); opacity: .75; }
  .practice--duo[data-modo="rosy"] .practice-filtro-botao[data-filtro="rosy"]:hover { border-color: #fff; background: #fff; }
}
/* Chamadas de WhatsApp do modo dela e do cartão dela no contato com as cores do fundo escuro (as do .dark). */
:root .practice--duo[data-modo="rosy"] a:is(.cta-whatsapp, .contact-whatsapp)[data-lawyer],
:root .contact-duo-card--rosy a:is(.cta-whatsapp, .contact-whatsapp)[data-lawyer],
:root .partner--rosy a.cta-whatsapp[data-lawyer] {
  --bt-linha: var(--gold-500);
  --bt-texto: var(--cream);
  --bt-icone: var(--gold-300);
  --bt-marco-fundo: var(--mc-ouro);
  --bt-marco-linha: var(--mc-ouro-linha);
  --bt-marco-texto: var(--ink);
  --bt-marco-icone: var(--ink);
  --bt-rosy-linha: #fff;
}
/* Símbolo RT no botão dela do filtro: um pouco mais alto que o MC, porque o desenho é fino. */
.practice-filtro-botao[data-filtro="rosy"] img { height: 20px; }
@media (max-width: 540px) {
  .practice-filtro-botao[data-filtro="rosy"] img { height: 18px; }
}

/* ---------- Quem somos: o cartão dela no preto, como o dele, com o dourado do RT ---------- */
.partners--solo .partner--rosy {
  border-color: #1f1e1c;
  background: var(--ink);
  box-shadow: none;
  color: var(--cream);
  --focus: var(--rt-gold);
}
.partner--rosy .partner-name,
.partner--rosy .partner-lead { color: var(--paper); }
.partner--rosy .partner-bio { color: #cdc6ba; }
.partner--rosy .partner-fronts,
.partner--rosy .partner-fronts section + section,
.partner--rosy .partner-facts,
.partner--rosy .partner-facts > div { border-color: rgb(209 174 108 / .18); }
.partner--rosy .partner-fronts li { color: var(--cream); }
.partner--rosy .partner-fronts li::before { background: var(--rt-gold); }
.partner--rosy .partner-facts dt { color: var(--rt-gold); font-weight: 500; }
.partner--rosy .partner-facts dd { color: var(--cream); }
.partner--rosy .partner-social a { color: var(--cream); text-decoration-color: rgb(209 174 108 / .6); }
.partner--rosy .partner-social svg { color: var(--rt-gold); }
@media (hover: hover) {
  .partner--rosy .partner-social a:hover { color: var(--rt-gold); text-decoration-color: var(--rt-gold); }
}
/* Cargo, nomes das listas e rótulos dos dados no dourado do RT, que corre de cima para baixo em cada letra como na logo:
   bronze no alto, brilho claro no meio e bronze embaixo, só na altura das maiúsculas (como nos títulos dele). */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .partner--rosy .partner-role,
  .partner--rosy .partner-fronts h4,
  .partner--rosy .partner-facts dt { background-image: linear-gradient(180deg, #a87a3f 0%, #a87a3f 25%, #e2c38a 43%, #f5e6c0 50%, #d1ad6a 58%, #9a6c34 74%, #9a6c34 100%); }
  .partner--rosy .partner-facts dt { background-size: 100% 1.5em; background-repeat: repeat-y; -webkit-background-clip: text; background-clip: text; color: transparent; }
}

/* ---------- Contato: o cartão dela igual ao dele, no escuro ---------- */
.contact-duo-card--rosy { border: 1px solid var(--dark-line); background: var(--surface); color: var(--paper); --focus: var(--rt-gold); }
.contact-duo-card--rosy .contact-duo-role { color: var(--on-dark); }
.contact-duo-card--rosy h3,
.contact-duo-card--rosy .contact-summary-channels a,
.contact-duo-card--rosy .contact-summary-channels span { color: var(--cream); }

/* ---------- Topo das páginas internas ----------
   Contato e 404 (classe .marcas-duo): o MC e o RT lado a lado no fundo, com a mesma altura e o mesmo tom apagado do MC
   (o ::before do brand.css), à direita do texto: o MC primeiro e o RT depois, cortado pela borda da tela.
   Privacidade, cookies e termos (classe .topo-sem-marca): sem marca-d'água.
   O "Sobre mim" é só do Marco e mantém o MC do brand.css. */
.marcas-duo::before {
  right: 276px;
  width: 349px;
  height: 300px;
}
.marcas-duo .marca-rt-fundo {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: -40px;
  width: 268px;
  height: 300px;
  background: #efe2c2;
  -webkit-mask: url("../img/logo-rt-simbolo-mascara.svg") center / contain no-repeat;
  mask: url("../img/logo-rt-simbolo-mascara.svg") center / contain no-repeat;
  opacity: .05;
  transform: translateY(-50%);
  pointer-events: none;
}
.topo-sem-marca::before { content: none; }
@media (max-width: 760px) {
  .marcas-duo::before { right: 150px; width: 209px; height: 180px; }
  .marcas-duo .marca-rt-fundo { right: -30px; width: 161px; height: 180px; }
}