/* ============================================================
   LIQUID GLASS — iOS 17 / Apple Vision-inspired theme
   Camada final sobre redesign.css + revolution.css
   Vidro líquido, especularidade, refração e luz suave
   ============================================================ */

:root{
  --lg-ink:#0b1220;
  --lg-spec:linear-gradient(135deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.28) 30%,rgba(255,255,255,0) 55%);
}

body.rv{
  background:#f2f4fa !important;
  color:var(--lg-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}

/* ---- Fundo com "wallpaper" de luz difusa (papel de parede iOS) ---- */
body.rv::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(60% 50% at 12% 8%, rgba(120,160,255,.55), transparent 60%),
    radial-gradient(50% 45% at 88% 12%, rgba(255,170,220,.45), transparent 60%),
    radial-gradient(55% 50% at 85% 85%, rgba(120,230,220,.40), transparent 60%),
    radial-gradient(45% 40% at 15% 90%, rgba(255,210,140,.40), transparent 60%),
    linear-gradient(180deg,#eef1fb,#f7f8fd 45%,#eef4f4);
  filter:saturate(1.25);
}
body.rv::after{ /* grão sutil, como nos materiais da Apple */
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}

/* ============ TOPBAR — barra de vidro flutuante (Dynamic Island vibe) ============ */
body.rv .r-topbar{
  top:10px;left:50%;transform:translateX(-50%);
  width:min(1120px,calc(100% - 24px));
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:8px 10px 8px 18px;border-radius:999px;
  background:rgba(255,255,255,.55) !important;
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,255,255,.25),
    0 10px 30px rgba(30,50,90,.12),
    0 2px 6px rgba(30,50,90,.06);
}
body.rv .r-logo,body.rv .r-topbar a:not(.r-wa-pill):not(.r-ad-pill){color:#101a2e !important;}
body.rv .r-logo em{color:#5a6a85 !important;}
body.rv .r-logo-mark{
  background:linear-gradient(135deg,#4f7cff,#8f5bff) !important;
  color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 12px rgba(90,90,255,.35);
}
body.rv .r-wa-pill{
  background:linear-gradient(180deg,#34d97b,#1fb861) !important;color:#fff !important;border:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px rgba(31,184,97,.4);
}
/* pílula "Anuncie seu imóvel" na topbar */
.r-ad-pill{
  display:inline-flex;align-items:center;gap:6px;text-decoration:none;
  padding:9px 16px;border-radius:999px;font-weight:700;font-size:.9rem;
  color:#3c2a00;
  background:linear-gradient(180deg,rgba(255,214,120,.95),rgba(255,183,66,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 16px rgba(255,170,60,.4);
  transition:transform .2s ease,box-shadow .2s ease;
}
.r-ad-pill:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(255,170,60,.5);}

/* ============ HERO — cartão de vidro gigante ============ */
body.rv section[aria-label="Apresentação do corretor"]{
  background:transparent !important;padding-top:110px !important;
}
body.rv section[aria-label="Apresentação do corretor"] > div{
  max-width:1120px;margin:0 auto;padding:48px clamp(20px,4vw,56px);
  border-radius:36px;
  background:rgba(255,255,255,.5);
  backdrop-filter:blur(40px) saturate(180%);
  -webkit-backdrop-filter:blur(40px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.95),
    inset 0 -1.5px 0 rgba(255,255,255,.3),
    0 24px 60px rgba(40,60,110,.14);
  position:relative;overflow:hidden;
}
/* reflexo especular diagonal varrendo o hero */
body.rv section[aria-label="Apresentação do corretor"] > div::before{
  content:"";position:absolute;inset:-40%;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.12) 55%,transparent 70%);
  transform:translateX(-30%);animation:lg-sheen 9s ease-in-out infinite;
}
@keyframes lg-sheen{0%,100%{transform:translateX(-35%)}50%{transform:translateX(35%)}}

body.rv h1{color:#0d1526 !important;font-weight:800;letter-spacing:-.03em;}
body.rv .text-xl{color:#33415c !important;}
body.rv .text-sm.text-blue-200,body.rv .text-sm.text-blue-200{color:#5b6b88 !important;}
body.rv .r-creci{
  background:rgba(255,255,255,.7) !important;color:#1d2a44 !important;
  border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 #fff;
}
body.rv .r-avatar-wrap{filter:none;}
body.rv .r-avatar-wrap > div{
  ring:none;border-radius:50%;
  box-shadow:0 0 0 6px rgba(255,255,255,.65),0 0 0 7px rgba(160,180,255,.5),0 18px 40px rgba(60,80,160,.28);
}
/* chips de especialidade — pills translúcidos estilo iOS */
body.rv .bg-white\/10.rounded-full{
  background:rgba(255,255,255,.6) !important;color:#22314f !important;
  border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-weight:600;
}
/* CTAs do hero */
body.rv a.bg-green-500{
  background:linear-gradient(180deg,#34d97b,#17b45c) !important;border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(23,180,92,.4);
  transition:transform .18s ease,box-shadow .18s ease;
}
body.rv a.bg-green-500:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 14px 30px rgba(23,180,92,.5);}
body.rv a.bg-white.text-blue-950{
  background:rgba(255,255,255,.72) !important;color:#12203c !important;border-radius:999px !important;
  border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(40,60,110,.12);
  transition:transform .18s ease;
}
body.rv a.bg-white.text-blue-950:hover{transform:translateY(-2px);}

/* faixa de confiança */
body.rv .r-trust{
  background:rgba(255,255,255,.5) !important;color:#33415c !important;
  backdrop-filter:blur(20px) saturate(160%);border-color:rgba(255,255,255,.8) !important;
}

/* ============ SEÇÕES ============ */
body.rv .r-kicker{color:#5b6b88 !important;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;}
body.rv .r-h2{color:#0d1526 !important;font-weight:800;letter-spacing:-.025em;}
body.rv #sobre *{color:inherit;}
body.rv #sobre{color:#22314f;}

/* ============ ROTEADOR (filtros) — segmented control gigante ============ */
body.rv .r-router{
  background:rgba(255,255,255,.5) !important;
  backdrop-filter:blur(30px) saturate(170%);
  border:1px solid rgba(255,255,255,.85) !important;border-radius:28px !important;
  box-shadow:inset 0 1.5px 0 #fff,0 16px 40px rgba(40,60,110,.10) !important;
}
body.rv .r-router-q{color:#0d1526 !important;}
body.rv .r-router-sub,body.rv .r-router-hint{color:#5b6b88 !important;}
body.rv .r-chip{
  background:rgba(255,255,255,.62) !important;color:#1c2a47 !important;
  border:1px solid rgba(255,255,255,.9) !important;border-radius:999px !important;
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 4px 12px rgba(40,60,110,.08);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
body.rv .r-chip small{color:#66789c !important;}
body.rv .r-chip:hover{transform:translateY(-2px) scale(1.02);}
body.rv .r-chip[aria-pressed="true"]{
  background:linear-gradient(180deg,#4f7cff,#3d5fe8) !important;color:#fff !important;
  border-color:rgba(255,255,255,.6) !important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),0 10px 24px rgba(61,95,232,.45);
}
body.rv .r-chip[aria-pressed="true"] small{color:rgba(255,255,255,.85) !important;}
body.rv #r-clear[aria-pressed="true"],body.rv #r-clear{
  background:rgba(255,255,255,.62) !important;color:#b3261e !important;
}

/* ============ CARDS DE IMÓVEIS — tiles de vidro ============ */
body.rv .r-grid article{
  background:rgba(255,255,255,.55) !important;
  backdrop-filter:blur(26px) saturate(170%);
  -webkit-backdrop-filter:blur(26px) saturate(170%);
  border:1px solid rgba(255,255,255,.85) !important;
  border-radius:26px !important;overflow:hidden;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),0 12px 32px rgba(40,60,110,.10);
  transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s ease;
}
body.rv .r-grid article:hover{
  transform:translateY(-6px) scale(1.012);
  box-shadow:inset 0 1.5px 0 #fff,0 26px 50px rgba(40,60,110,.18);
}
body.rv .r-grid h3{color:#0d1526 !important;font-weight:750;letter-spacing:-.01em;}
body.rv .r-grid .text-gray-400,body.rv .r-grid .text-gray-600{color:#64769a !important;}
body.rv .r-grid .text-primary{
  color:#0d1526 !important;font-weight:800;letter-spacing:-.02em;
}
body.rv .r-tag-venda{
  background:linear-gradient(180deg,#ffb43c,#ff8a00) !important;color:#3c2600 !important;
  border-radius:999px !important;font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 14px rgba(255,150,0,.4);
}
body.rv .r-tag-aluguel{
  background:linear-gradient(180deg,#39d9c7,#12b5a5) !important;color:#00332e !important;
  border-radius:999px !important;font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 14px rgba(18,181,165,.4);
}
body.rv .r-empty{background:rgba(255,255,255,.6) !important;color:#22314f !important;border-radius:22px;}
body.rv .r-empty a{color:#3d5fe8 !important;}

/* ============ ANUNCIE SEU IMÓVEL — banner glass destacado ============ */
.lg-anuncie{margin:8px auto 0;max-width:1120px;padding:0 12px;}
.lg-anuncie-card{
  position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:22px;
  padding:34px clamp(22px,4vw,44px);border-radius:32px;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(255,214,120,.35), transparent 55%),
    radial-gradient(120% 160% at 100% 100%, rgba(120,160,255,.35), transparent 55%),
    rgba(255,255,255,.55);
  backdrop-filter:blur(34px) saturate(180%);
  -webkit-backdrop-filter:blur(34px) saturate(180%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1.5px 0 #fff,inset 0 -1.5px 0 rgba(255,255,255,.35),0 22px 55px rgba(40,60,110,.14);
}
.lg-anuncie-card::before{
  content:"";position:absolute;inset:-45%;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.6) 46%,transparent 62%);
  transform:translateX(-35%);animation:lg-sheen 7s ease-in-out infinite;
}
.lg-anuncie-icon{
  width:64px;height:64px;border-radius:22px;flex-shrink:0;
  display:grid;place-items:center;font-size:30px;
  background:linear-gradient(135deg,#ffd678,#ffab2e);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9),0 10px 24px rgba(255,171,46,.45);
}
.lg-anuncie h2{margin:0 0 4px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#0d1526;}
.lg-anuncie p{margin:0;color:#4a5b7d;font-size:.98rem;max-width:56ch;}
.lg-anuncie ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.lg-anuncie li{
  font-size:.8rem;font-weight:700;color:#22314f;
  background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);
  padding:5px 12px;border-radius:999px;box-shadow:inset 0 1px 0 #fff;
}
.lg-anuncie-actions{margin-left:auto;display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.lg-btn-gold{
  text-decoration:none;text-align:center;padding:14px 26px;border-radius:999px;
  font-weight:800;color:#3c2a00;
  background:linear-gradient(180deg,#ffd678,#ffab2e);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),0 10px 26px rgba(255,171,46,.5);
  transition:transform .18s ease,box-shadow .18s ease;
}
.lg-btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1.5px 0 #fff,0 16px 32px rgba(255,171,46,.6);}
.lg-btn-ghost{
  text-decoration:none;text-align:center;padding:12px 26px;border-radius:999px;
  font-weight:700;color:#12203c;background:rgba(255,255,255,.65);
  border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff;
  backdrop-filter:blur(10px);transition:transform .18s ease;
}
.lg-btn-ghost:hover{transform:translateY(-2px);}

/* ============ FORMULÁRIO DE CONTATO ============ */
body.rv #contato form,body.rv .r-form{
  background:rgba(255,255,255,.55) !important;
  backdrop-filter:blur(30px) saturate(170%);
  border:1px solid rgba(255,255,255,.9) !important;border-radius:28px !important;
  box-shadow:inset 0 1.5px 0 #fff,0 18px 44px rgba(40,60,110,.12) !important;
}
body.rv input,body.rv textarea,body.rv select{
  background:rgba(255,255,255,.75) !important;color:#101a2e !important;
  border:1px solid rgba(180,195,230,.7) !important;border-radius:14px !important;
  box-shadow:inset 0 1px 2px rgba(60,80,130,.06);
}
body.rv input:focus,body.rv textarea:focus{outline:3px solid rgba(79,124,255,.4) !important;border-color:#4f7cff !important;}
body.rv button[type="submit"]{
  background:linear-gradient(180deg,#34d97b,#17b45c) !important;color:#fff !important;
  border-radius:999px !important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),0 12px 26px rgba(23,180,92,.4);
  transition:transform .18s ease;
}
body.rv button[type="submit"]:hover{transform:translateY(-2px);}

/* ============ RODAPÉ ============ */
body.rv footer{
  background:rgba(255,255,255,.45) !important;color:#4a5b7d !important;
  backdrop-filter:blur(24px) saturate(160%);
  border-top:1px solid rgba(255,255,255,.85) !important;
}
body.rv footer a{color:#3d5fe8 !important;}

/* ============ BOTÃO FLUTUANTE WHATSAPP ============ */
.lg-fab{
  position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;text-decoration:none;color:#fff;font-size:26px;
  background:linear-gradient(180deg,#34d97b,#12a552);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),0 12px 30px rgba(18,165,82,.5);
  animation:lg-pulse 2.6s ease-in-out infinite;
}
@keyframes lg-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

/* reveal padrão continua funcionando; só garante legibilidade */
body.rv .rv-reveal{color:inherit;}

@media (prefers-reduced-motion:reduce){
  body.rv *,body.rv *::before,body.rv *::after{animation:none !important;transition:none !important;}
}
@media (max-width:720px){
  body.rv section[aria-label="Apresentação do corretor"] > div{padding:34px 20px;border-radius:28px;}
  .lg-anuncie-actions{margin-left:0;width:100%;}
}

/* ============ NAV extra: espaçamento p/ 2 pills e âncora anuncie ============ */
body.rv .r-topbar nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
html{scroll-behavior:smooth;}
#anuncie{scroll-margin-top:96px;}