/* ==========================================================================
   tinir_landing.css — Landing page (refatorado)
   Controles do HERO (ajuste conforme desejar):
     --lp-bg      : url(...)   (defina no HTML)
     --hero-wash  : 0..1       (intensidade do esbranquiçado na IMAGEM / claro)
     --hero-blur  : px         (desfoque do fundo)
     --hero-pos-y : %          (âncora vertical da imagem)
   ========================================================================== */

/* ===== Reset contra o tema do Adianti ===== */
html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:#fff;}
.container-main.public-view-container,.master-container,.container-live,#adianti_content,#adianti_div_content,#adianti_online_content,#adianti_online_content2,#adianti_right_panel{
  margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;
}

/* ===== Tokens (Light) ===== */
:root{
  --bg: 0 0% 100%;
  --fg: 222 47% 11%;
  --card: 0 0% 100%;
  --card-fg: 222 47% 11%;
  --muted-fg: 215 16% 47%;
  --primary: 243 75% 59%;
  --accent: 189 95% 42%;
  --border: 214 32% 91%;
  --ring: 243 75% 59%;
  --navH: 64px;
  --glass-bg: hsla(0,0%,100%,.6);
  --glass-border: hsla(222,47%,11%,.1);
  --safe-top: env(safe-area-inset-top, 0px);

  --statsH: 40px;
  --statsGapTop: 12px;
  --statsGapBottom: 24px;

  /* ===== Controles do HERO ===== */
  --lp-bg: none;       /* defina no HTML: style="--lp-bg: url('...')" */
  --hero-wash: .78;    /* 0..1 (embranquecimento forte no claro) */
  --hero-blur: 8px;    /* desfoque da imagem de fundo */
  --hero-pos-y: 25%;   /* 0% topo, 50% centro */

  /* Véu do HERO (claro) */
  --veil-top:  rgba(255,255,255,.35);
  --veil-mid:  rgba(255,255,255,.55);
  --veil-end:  rgba(255,255,255,.65);
}

/* ===== Tokens (Dark) ===== */
html[data-theme="dark"]{
  --bg: 225 25% 6%;
  --fg: 210 40% 98%;
  --card: 225 20% 10%;
  --card-fg: 210 40% 98%;
  --muted-fg: 215 20% 65%;
  --accent: 189 95% 45%;
  --border: 225 15% 20%;
  --ring: 243 75% 59%;
  --glass-bg: hsla(225,20%,10%,.6);
  --glass-border: hsla(210,40%,98%,.12);
  color-scheme: dark;

  /* no escuro a imagem NÃO é embranquecida */
  --hero-wash: 0;

  /* véu escuro */
  --veil-top:  rgba(0,0,0,.40);
  --veil-mid:  rgba(0,0,0,.72);
  --veil-end:  rgba(0,0,0,.85);
}

/* ===== Base ===== */
#lp-root,#lp-root *{box-sizing:border-box;font-family:"Inter",system-ui,Segoe UI,Roboto,Arial,sans-serif;}
#lp-root{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:100vh;background:hsl(var(--bg));}

/* ===== Nav ===== */
.lp-nav{position:fixed;top:0;left:0;right:0;z-index:9999;width:100vw;margin-left:calc(50% - 50vw);
  background:hsla(0,0%,100%,.78);backdrop-filter:blur(8px);border-bottom:1px solid hsl(var(--border));height:var(--navH);display:flex;align-items:center;}
html[data-theme="dark"] .lp-nav{background:hsla(12,12%,12%,.78);}
.lp-inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px);width:100%;display:flex;align-items:center;justify-content:space-between;}
.lp-brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.lp-logo{width:28px;height:28px;border-radius:6px;}
.lp-brand-name{font-weight:800;color:#4b5563;}
.lp-links{display:flex;gap:1.25rem;align-items:center;justify-content:center;flex:1;min-width:0;}
.lp-links a{color:#334155;text-decoration:none;font-weight:600;white-space:nowrap;}
html[data-theme="dark"] .lp-links a{color:#cbd5e1;}
.lp-actions{display:flex;gap:.6rem;align-items:center;flex-shrink:0;margin-left:auto;}
.btn{padding:.55rem .9rem;border-radius:12px;border:1px solid hsl(var(--border));text-decoration:none;font-weight:700;cursor:pointer;}
.btn-ghost{background:#fff;color:#0f172a;}
.btn-primary{background:hsl(var(--primary));color:#fff;border:1px solid hsla(243,75%,59%,.6);}
html[data-theme="dark"] .btn-ghost{background:#0f172a;color:#e5e7eb;border-color:var(--glass-border);}
.theme-toggle{font-size:16px;line-height:1;}

/* NAV — MOBILE */
.hamburger{display:none;}
@media (max-width: 768px){
  .lp-inner{padding:0 12px;}
  .lp-links{display:none;}
  .lp-actions .btn{padding:.45rem .7rem;}
  .theme-toggle{width:36px;height:36px;display:grid;place-items:center;padding:0;}
  .hamburger{display:grid;place-items:center;width:36px;height:36px;padding:0;}
}

/* ===== Menu Mobile Overlay ===== */
.mm{position:fixed;inset:0;z-index:10000;display:none;}
.mm.open{display:block;}
.mm[hidden]{display:none!important;}
.mm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);}
.mm-panel{
  position:absolute;top:calc(var(--navH) + var(--safe-top) + 8px);right:8px;
  width:min(320px, calc(100vw - 16px));
  background:hsl(var(--card));color:hsl(var(--fg));
  border:1px solid hsl(var(--border));border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.18);
  padding:8px;display:flex;flex-direction:column;gap:4px;
}
.mm-item{display:block;padding:12px 14px;border-radius:10px;text-decoration:none;color:inherit;font-weight:700;}
.mm-item:hover{background:rgba(0,0,0,.06);}
html[data-theme="dark"] .mm-item:hover{background:rgba(255,255,255,.06);}
.mm-close{
  position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:8px;border:1px solid hsl(var(--border));
  background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;
}

/* ===== HERO (imagem só no HERO) ===== */
.lp-hero{
  position:relative;z-index:1;width:100%;min-height:clamp(70vh, 72vh, 82vh);
  display:flex;align-items:center;overflow:hidden;
  isolation:isolate; /* essencial para o background-blend não “vazar” */
}

/* IMAGEM com embranquecimento direto (apenas no claro) */
.lp-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;

  /* 2 backgrounds: gradiente branco + imagem */
  background:
    linear-gradient(0deg, rgba(255,255,255,var(--hero-wash)) 0 100%),
    var(--lp-bg);

  background-size: cover, cover;
  background-position: center var(--hero-pos-y), center var(--hero-pos-y);
  background-repeat: no-repeat, no-repeat;

  /* faz o “wash” atuar sobre a imagem */
  background-blend-mode: lighten, normal;

  filter: blur(var(--hero-blur));
  transform: translateZ(0);
  transition: filter .15s ease, background-position .15s ease;
}

/* No escuro, a imagem fica “normal” (sem clareamento via blend) */
html[data-theme="dark"] .lp-hero::before{
  background-blend-mode: normal, normal;
}

/* Véu por cima para reforçar a leitura */
.lp-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background: linear-gradient(to bottom, var(--veil-top) 0%, var(--veil-mid) 45%, var(--veil-end) 100%);
  backdrop-filter: blur(1.2px);
}

/* Conteúdo no HERO */
.lp-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:clamp(16px,4vw,32px);text-align:center;color:#e9eefc;}
.lp-stats{
  position:absolute;top:calc(var(--navH) + var(--statsGapTop) + var(--safe-top));left:50%;transform:translateX(-50%);z-index:3;
  display:inline-flex;gap:.5rem;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);
  color:#0f172a;padding:.45rem .75rem;border-radius:999px;font-weight:700;backdrop-filter:blur(6px);margin:0;
}
.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2) inset;}
.lp-hero-inner{padding-top:calc(var(--navH) + var(--statsGapTop) + var(--statsH) + var(--statsGapBottom) + var(--safe-top));}
html[data-theme="dark"] .lp-stats{color:#f8fafc;background:hsla(225,20%,15%,.6);border-color:hsla(210,40%,98%,.18);}

/* Título */
.lp-title{
  margin:0;font-size:clamp(1.55rem,8.5vw,3.8rem);line-height:1.08;font-weight:900;letter-spacing:-.02em;color:hsl(var(--fg));
}
html[data-theme="dark"] .lp-title{color:#fff;}
.lp-title .purple,.lp-title .cyan{display:inline-block;}
.lp-title .purple{background:linear-gradient(90deg,#7c3aed,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lp-title .cyan{background:linear-gradient(90deg,#06b6d4,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;}
@media (max-width:768px){
  html[data-theme="dark"] .lp-title .purple,
  html[data-theme="dark"] .lp-title .cyan{background:none;color:#fff;}
}

/* Subtítulos */
.lp-subtitle{max-width:820px;margin:.9rem auto .75rem;color:hsl(var(--fg));font-size:clamp(.98rem,3.6vw,1.25rem);font-weight:700;}
.lp-subdesc{max-width:900px;margin:0 auto 1rem;color:hsl(var(--fg));opacity:.8;font-size:clamp(.92rem,3.2vw,1.05rem);}
html[data-theme="dark"] .lp-subtitle{color:#e2e8f0;}
html[data-theme="dark"] .lp-subdesc{color:#dbeafe;}

/* CTA */
.lp-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.1rem;}
.cta{padding:.9rem 1.15rem;border-radius:14px;font-weight:800;text-decoration:none;}
.cta-primary{background:linear-gradient(135deg,hsl(var(--primary)),hsl(262 83% 58%));color:#fff;border:0;box-shadow:0 8px 26px rgba(59,130,246,.28);}
.cta-outline{background:rgba(0,0,0,.25);color:#fff;border:1px solid rgba(255,255,255,.25);}

/* ===== Search ===== */
.search-wrap{max-width:900px;margin:12px auto 0;}
.search-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:.6rem;align-items:center;}
.search-input{height:44px;border-radius:12px;border:1px solid hsl(var(--border));background:hsla(0,0%,100%,.6);backdrop-filter:blur(8px);padding:0 .8rem;color:#111827;}
html[data-theme="dark"] .search-input{background:hsla(0,0%,100%,.06);color:#e5e7eb;border-color:var(--glass-border);}
html:not([data-theme="dark"]) .search-input{background:#fff;color:hsl(var(--fg));border-color:hsl(var(--border));}
html:not([data-theme="dark"]) .search-input::placeholder{color:hsl(var(--muted-fg));}

/* ===== Categorias ===== */
.lp-cats-wrap{position:relative;z-index:2;}
.lp-cats-inner{max-width:1200px;margin:0 auto;padding:1.75rem clamp(16px,4vw,32px) 3rem;}
.lp-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;}
.lp-card{border-radius:16px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.lp-icn{width:28px;height:28px;display:inline-grid;place-items:center;font-size:18px;border-radius:10px;background:transparent;color:inherit;}
html:not([data-theme="dark"]) .lp-card{background:#606268!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;}
html[data-theme="dark"] .lp-card{background:#fff!important;color:#606268!important;border:1px solid rgba(88,87,87,.08)!important;}
.lp-card:hover{transform:translateY(-1px);transition:transform .15s ease;}

/* ===== Cards de profissionais ===== */
.pro-wrap{position:relative;z-index:2;}
.pro-inner{max-width:1200px;margin:0 auto;padding:2rem clamp(16px,4vw,32px) 3rem;}
.pro-title{font-size:clamp(1.6rem,3.2vw,2.2rem);text-align:center;margin:0 0 .25rem;color:#0f172a;font-weight:900;letter-spacing:-.02em;}
.pro-sub{text-align:center;color:#64748b;margin:0 0 1.25rem;}
html[data-theme="dark"] .pro-title{color:#e5e7eb;}
html[data-theme="dark"] .pro-sub{color:#94a3b8;}
.filterbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;}
.chip{padding:.5rem .75rem;border-radius:999px;background:#fff;border:1px solid hsl(var(--border));font-weight:600;color:hsl(var(--fg));white-space:nowrap;cursor:pointer;}
.chip.muted{opacity:.7;}
html[data-theme="dark"] .chip{background:#0f172a;color:#e5e7eb;border-color:var(--glass-border);}
.pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}
.pro-card{background:#fff;border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08);}
html[data-theme="dark"] .pro-card{background:#0f172a;border-color:var(--glass-border);box-shadow:0 10px 40px rgba(0,0,0,.45);}
.pro-cover{height:160px;background-size:cover;background-position:center;position:relative;}
.pro-badge{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);padding:.25rem .5rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(0,0,0,.08);}
.pro-badge.pro-rating{right:auto;left:10px;}
html[data-theme="dark"] .pro-badge{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12);color:#e5e7eb;}
.pro-body{padding:14px;}
.pro-name{margin:.2rem 0 0;font-weight:800;color:#111827;}
.pro-role{color:#6b7280;font-weight:600;margin-bottom:.6rem;}
html[data-theme="dark"] .pro-name{color:#e5e7eb;}
html[data-theme="dark"] .pro-role{color:#94a3b8;}
.pro-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0 .75rem;}
.muted{display:block;color:#94a3b8;font-size:.78rem;}
.price{font-weight:800;color:#0ea5e9;}
.bairro{font-weight:700;color:#334155;}
.pro-availability{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.55rem .7rem;margin-bottom:.8rem;color:#334155;}
html[data-theme="dark"] .pro-availability{background:#0b1324;border-color:#15223a;color:#cbd5e1;}
.pro-cta{
  display:block;text-align:center;text-decoration:none;font-weight:800;
  border-radius:12px;padding:.7rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(262 83% 58%));
  color:#fff;border:0;box-shadow:0 8px 20px rgba(59,130,246,.25);
}

/* ===== Rodapé ===== */
.lp-footer{position:relative;z-index:2;text-align:center;padding:1rem;color:#cbd5e1;}
html:not([data-theme="dark"]) .lp-footer{color:#111827;}

/* ===== Toast Geo ===== */
.geo-toast{
  position: fixed;left: 16px;bottom: 16px;z-index: 10000;display: inline-flex;align-items: center;gap: .55rem;
  padding: .6rem .8rem;border-radius: 12px;font-weight: 700;font-size: 14px;line-height: 1;
  background: var(--glass-bg);border: 1px solid var(--glass-border);color: hsl(var(--fg));
  box-shadow: 0 8px 30px rgba(0,0,0,.12);backdrop-filter: blur(8px);
}
.geo-toast .geo-dot{ width:8px;height:8px;border-radius:999px;background:#22c55e; }
html[data-theme="dark"] .geo-toast{ background: hsla(225,20%,15%,.6);border-color: hsla(210,40%,98%,.18);color: #e5e7eb; }

/* ===== Espaços extras ===== */
.pro-inner{ --chips-gap-bottom: clamp(16px, 2.8vw, 32px); }
.pro-inner .filterbar{ margin-bottom: var(--chips-gap-bottom); }
.pro-inner .pro-grid{ row-gap: 1.25rem; }
@media (min-width:1024px){
  .pro-inner .filterbar{ margin-bottom: clamp(24px, 2.2vw, 40px); }
}

/* === Mobile/Safe-area ajustes do hero === */
@supports (height: 100dvh) {
  .lp-hero{min-height: calc(100dvh - var(--navH));}
}
@media (max-width: 480px){
  :root{--statsGapTop: 8px;--statsGapBottom: 16px;}
  .lp-hero-inner{
    padding-top: calc(var(--navH) + var(--statsGapTop) + var(--statsH) + var(--statsGapBottom) + var(--safe-top));
    padding-left: 16px;padding-right: 16px;overflow: visible;
  }
  .lp-title{
    font-size: clamp(1.35rem, 9.2vw, 2.4rem);
    line-height: 1.06;
    word-break: normal;
  }
  /* posicionar melhor o assunto da foto em telas pequenas e reforçar wash */
  :root{ --hero-pos-y: 35%; --hero-wash: .84; }
  html[data-theme="dark"]{ --hero-wash: 0; }
}