/* LOCAÇÕES — refinamento do topo aprovado */
html.loca-approved .main{position:relative;background:transparent!important}
html.loca-approved #content{padding:0 18px 30px!important}

/* Topbar incorporada ao hero: vidro, sem faixa rígida */
html.loca-approved #topbar{
  position:absolute!important;left:0;right:0;top:0;z-index:40;height:68px!important;
  padding:10px 28px 8px 32px!important;
  background:linear-gradient(90deg,rgba(247,242,234,.94) 0%,rgba(247,242,234,.78) 38%,rgba(242,237,229,.34) 64%,rgba(4,36,57,.08) 100%)!important;
  border:0!important;box-shadow:none!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
}
html.loca-approved #topbar:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 2%,rgba(199,150,82,.34) 27%,rgba(255,255,255,.42) 53%,rgba(73,139,174,.18) 78%,transparent 98%);
}
html.loca-approved #topbar .gsearch{position:relative;z-index:2;max-width:520px;width:min(41vw,520px)}
html.loca-approved #topbar .gsearch:before{
  content:"";position:absolute;inset:-5px -10px;border-radius:18px;z-index:-1;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.24);box-shadow:0 14px 30px -26px rgba(3,38,60,.45);
}
html.loca-approved #topbar input,html.loca-approved #topbar .search{
  height:41px!important;border-radius:13px!important;
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(49,82,102,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 10px 28px -24px rgba(0,35,57,.5)!important;
}
html.loca-approved #topbar .iconbtn{
  border:1px solid rgba(183,142,82,.28)!important;background:rgba(247,242,234,.30)!important;
  backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 24px -22px rgba(0,29,47,.5)!important;
}
html.loca-approved #topbar .avatar{border:1px solid rgba(205,164,101,.38)!important;box-shadow:0 8px 24px -18px rgba(0,25,42,.6)!important}

/* Hero principal: foto + linho em curvas sobrepostas */
html.loca-approved .la-hero{
  min-height:250px!important;border-radius:0 0 28px 28px!important;border-top:0!important;
  background:
    linear-gradient(90deg,rgba(249,245,238,.985) 0%,rgba(249,245,238,.965) 25%,rgba(247,242,233,.78) 43%,rgba(239,233,223,.34) 58%,rgba(5,38,59,.08) 77%,rgba(3,27,44,.20) 100%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(2,30,48,.12)),
    url('assets/cards-emp/centro-executivo-carl-hoepcke.jpg') center 44%/cover no-repeat!important;
  box-shadow:0 34px 78px -48px rgba(1,29,47,.58),inset 0 -1px rgba(255,255,255,.55)!important;
  overflow:hidden!important;
}
html.loca-approved .la-hero:before{
  content:""!important;position:absolute!important;z-index:1!important;
  left:-13%!important;top:-168px!important;width:82%!important;height:360px!important;
  transform:rotate(-4.2deg)!important;border-radius:0 0 72% 10% / 0 0 64% 12%!important;
  background:
    radial-gradient(ellipse at 76% 96%,rgba(255,255,255,.58),transparent 44%),
    radial-gradient(ellipse at 14% 14%,rgba(255,255,255,.80),transparent 51%),
    linear-gradient(138deg,#f8f4ed 0%,#eee4d7 65%,#e6d7c5 100%)!important;
  box-shadow:26px 25px 65px -54px rgba(5,42,65,.7),inset -1px -1px rgba(190,151,96,.10)!important;
}
html.loca-approved .la-hero:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;
  background:
    radial-gradient(115% 90% at 11% -40%,transparent 0 57%,rgba(190,145,82,.20) 57.35%,transparent 57.8%),
    radial-gradient(96% 74% at 21% -31%,transparent 0 61%,rgba(255,255,255,.48) 61.25%,transparent 61.9%),
    linear-gradient(103deg,transparent 0 43%,rgba(255,255,255,.05) 55%,rgba(4,34,53,.06) 72%,rgba(2,24,39,.20) 100%)!important;
}
html.loca-approved .la-hero-copy{
  z-index:5!important;left:30px!important;top:91px!important;max-width:455px!important;
  padding-left:8px!important;
}
html.loca-approved .la-hero-copy:before{
  content:"";position:absolute;z-index:-1;left:-75px;top:-46px;width:610px;height:192px;
  border-radius:0 0 69% 13% / 0 0 76% 18%;transform:rotate(1.5deg);
  background:linear-gradient(124deg,rgba(250,247,241,.73) 0%,rgba(248,244,236,.45) 63%,rgba(248,244,236,0) 100%);
  box-shadow:inset 0 -1px rgba(190,145,79,.08);
}
html.loca-approved .la-hero-copy:after{
  content:"";position:absolute;left:-116px;top:126px;width:660px;height:1px;transform:rotate(-7deg);transform-origin:left center;
  background:linear-gradient(90deg,transparent 0%,rgba(191,144,77,.34) 31%,rgba(88,142,169,.16) 70%,transparent 100%);
}
html.loca-approved .la-kicker{color:#315f77!important;letter-spacing:.30em!important}
html.loca-approved .la-hero h1{font-size:clamp(31px,3.1vw,46px)!important;text-shadow:0 1px rgba(255,255,255,.55)}
html.loca-approved .la-hero p{color:#557080!important}
html.loca-approved .la-hero-loc{z-index:5!important;right:30px!important;bottom:30px!important;color:rgba(255,255,255,.96)!important}

/* KPIs parecem sair da curva inferior, como na referência */
html.loca-approved .la-kpis{margin-top:-39px!important;padding:0 25px!important;z-index:8!important}
html.loca-approved .la-kpi{
  border-top:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 23px 47px -33px rgba(0,31,51,.58),inset 0 1px rgba(255,255,255,.98)!important;
}

/* Mesmo vocabulário no topo das telas internas */
html.loca-approved .loca-shell>.loca-hero:first-child{
  position:relative!important;min-height:220px!important;padding:91px 30px 29px!important;border-radius:0 0 26px 26px!important;border-top:0!important;overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(249,245,238,.985) 0%,rgba(249,245,238,.94) 31%,rgba(244,238,228,.67) 49%,rgba(239,233,222,.25) 66%,rgba(3,31,49,.18) 100%),
    url('assets/cards-emp/centro-executivo-carl-hoepcke.jpg') center 44%/cover no-repeat!important;
}
html.loca-approved .loca-shell>.loca-hero:first-child:before{
  content:""!important;position:absolute!important;left:-14%!important;top:-164px!important;width:79%!important;height:340px!important;
  border-radius:0 0 72% 8% / 0 0 66% 10%!important;transform:rotate(-4deg)!important;
  background:linear-gradient(136deg,#f8f4ed,#ede2d4 66%,#e4d4c1)!important;opacity:.94!important;
  box-shadow:24px 24px 60px -52px rgba(2,36,58,.62)!important;
}
html.loca-approved .loca-shell>.loca-hero:first-child:after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:radial-gradient(110% 85% at 14% -39%,transparent 0 58%,rgba(193,147,82,.18) 58.3%,transparent 58.8%),linear-gradient(103deg,transparent 43%,rgba(255,255,255,.05) 58%,rgba(3,28,45,.15) 100%)!important;
}
html.loca-approved .loca-shell>.loca-hero:first-child .loca-hero-row{position:relative;z-index:3}

@media(max-width:900px){
  html.loca-approved #topbar{position:relative!important;padding:9px 14px!important;background:rgba(247,242,234,.92)!important}
  html.loca-approved #content{padding:12px!important}
  html.loca-approved .la-hero{border-radius:24px!important;min-height:220px!important}
  html.loca-approved .la-hero-copy{top:78px!important;left:20px!important}
  html.loca-approved .la-hero:before{width:108%!important;left:-38%!important}
  html.loca-approved .loca-shell>.loca-hero:first-child{padding-top:30px!important;border-radius:24px!important}
}