:root{--bg:#001b20;--deep:#001418;--panel:#00242a;--cyan:#20dce5;--white:#f3f3ef;--muted:#aebfc1;--line:#0a555d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.header{height:78px;padding:0 5vw;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:30;background:rgba(0,23,27,.95);border-bottom:1px solid #0b444a;backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap}.temple{color:var(--cyan);font-size:38px;line-height:1}.logo b{font-weight:700}.logo small{display:block;font-size:8px;letter-spacing:1.8px;color:#a8b9bb}.header nav{display:flex;gap:25px;margin-left:auto}.header nav a{font-size:12px}.header nav a:hover{color:var(--cyan)}.pill{border:1px solid var(--cyan);border-radius:24px;padding:9px 17px;font-size:12px}.menu{display:none;color:white;background:none;border:0;font-size:25px}.hero{min-height:590px;display:grid;grid-template-columns:52% 48%;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 25% 30%,#06424a,transparent 42%),var(--deep)}.heroText{padding:75px 4vw 35px 6vw;z-index:2}.kicker{font-size:10px;letter-spacing:4px;color:var(--cyan);font-weight:700}.hero h1{font-family:"Cormorant Garamond",serif;font-size:62px;line-height:.88;margin:18px 0 22px}.hero h1 span{color:var(--cyan)}.intro{max-width:560px;color:#c4d0d1;font-size:14px}.buttons{display:flex;gap:15px;margin-top:28px}.button{display:inline-flex;padding:13px 22px;background:var(--cyan);color:#00171b;border:1px solid var(--cyan);border-radius:7px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.button.ghost{background:transparent;color:white}.values{display:flex;gap:34px;margin-top:48px}.values b{color:var(--cyan);font-size:23px}.values small{font:500 10px Inter;color:#c5d0d1;margin-left:6px;letter-spacing:1px}.heroVisual{position:relative;min-height:590px;background:#01191d;overflow:hidden}.heroVisual img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(.88);filter:saturate(.9);border-radius:8px}.heroVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),transparent 24%),linear-gradient(0deg,var(--deep),transparent 25%);pointer-events:none}.quote{position:absolute;z-index:2;top:110px;left:7%;padding-left:18px;border-left:2px solid var(--cyan);font:600 24px/1.2 "Cormorant Garamond",serif}.section{padding:65px 6vw}.titleRow{display:flex;justify-content:space-between;align-items:end;gap:40px}.titleRow h2,.about h2,.contact h2{font:700 42px/1 "Cormorant Garamond",serif;margin:10px 0}.titleRow>p{max-width:510px;color:var(--muted);font-size:13px}.areas{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.areas article{min-height:260px;text-align:center;padding:25px 18px;background:#002128;border:1px solid #0b5159;transition:.2s}.areas article:hover,.areas .featured{border-color:var(--cyan);box-shadow:0 0 25px rgba(32,220,229,.13);transform:translateY(-3px)}.areas i{font-style:normal;font-size:34px;color:var(--cyan)}.areas h3{font:700 22px "Cormorant Garamond",serif}.areas p{font-size:12px;color:#c0cccd}.about{display:grid;grid-template-columns:29% 41% 30%;align-items:center;background:#00161a;border-block:1px solid var(--line)}.legalVisual{min-height:350px;padding:45px 5vw;background:radial-gradient(circle at center,#073940,#001418)}.scales{font-size:100px;color:#aa7b43;text-align:center}.books{display:flex;flex-direction:column;gap:4px}.books span{background:#06161b;border:1px solid #493b2d;padding:9px;color:#aa7b43;font:12px Georgia}.aboutCopy{padding:45px}.aboutCopy p:not(.kicker,.role){color:#c2cecf;font-size:13px}.role{font-size:11px;letter-spacing:4px;color:#c2cecf}.qualities{padding:45px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:22px;font-size:13px}.qualities span::first-letter{color:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#002027}.stats div{padding:24px 5vw;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}.stats strong{font-size:18px}.stats span{font-size:9px;letter-spacing:1.5px;color:#b6c4c6}.content{background:#001a1f}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.posts article{background:#00242a;border:1px solid #0b5058;overflow:hidden}.posts img{width:100%;height:200px;object-fit:cover;object-position:top}.posts h3{padding:0 16px 14px;font:700 20px "Cormorant Garamond",serif}.contact{display:grid;grid-template-columns:1fr 1fr .8fr;gap:35px;padding:60px 6vw;border-top:1px solid var(--line);background:linear-gradient(115deg,#003038,#00171b)}.contactData{border-left:1px solid var(--line);padding-left:35px}.contactData p{margin:0 0 20px}.contactData b{font-size:14px}.contactData small{color:var(--muted);margin-left:25px}.signature{font:italic 29px "Cormorant Garamond",serif;color:var(--cyan);align-self:center}.signature small{display:block;font:500 8px Inter;color:#c1cdce;letter-spacing:2px;margin-top:28px}footer{min-height:105px;padding:25px 6vw;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#aebabc;font-size:10px}.floating{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#19c967;color:white;font-size:27px;box-shadow:0 8px 25px #0008;z-index:25}
@media(max-width:1000px){.top-wa{display:none}.areas{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1.4fr}.qualities{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){.header{height:66px;padding:0 18px}.menu{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:22px;background:#00171b;flex-direction:column;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.hero{display:flex;flex-direction:column}.heroText{padding:50px 22px 25px}.hero h1{font-size:49px}.heroVisual{min-height:380px}.heroVisual img{transform:scale(.8)}.quote{top:auto;bottom:35px;left:20px}.buttons{flex-direction:column}.values{justify-content:space-between;gap:8px}.section{padding:50px 20px}.titleRow{display:block}.titleRow h2,.about h2,.contact h2{font-size:36px}.areas{grid-template-columns:1fr}.areas article{min-height:auto}.about{grid-template-columns:1fr}.legalVisual{min-height:260px}.aboutCopy,.qualities{padding:35px 22px}.qualities{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats div{padding:20px}.posts{grid-template-columns:1fr}.contact{grid-template-columns:1fr;padding:50px 20px}.contactData{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}footer{flex-direction:column;text-align:center;padding-bottom:95px}.logo small{display:none}}


/* ===== CORREÇÕES V2 ===== */
.waIcon{
  width:19px;height:19px;display:inline-block;flex:0 0 auto;
  margin-right:8px;vertical-align:-4px
}
.floating .waIcon{width:31px;height:31px;margin:0;color:#fff}
.floating{
  right:max(24px, env(safe-area-inset-right));
  bottom:max(24px, env(safe-area-inset-bottom));
  overflow:visible
}

/* As artes são exibidas integralmente, preservando sua proporção. */
.posts img{
  width:100%;height:auto;aspect-ratio:auto;
  object-fit:contain;object-position:center;
  background:#00171b;display:block
}

/* Frase integrada à região escura da fotografia. */
.quote{
  top:50%;left:3%;transform:translateY(-50%);
  padding:17px 28px 17px 18px;
  background:linear-gradient(90deg,rgba(0,20,24,.94),rgba(0,20,24,.72) 72%,rgba(0,20,24,0));
  border-left:2px solid var(--cyan);
  border-radius:0 8px 8px 0;
  text-shadow:0 2px 8px rgba(0,0,0,.65);
  min-width:245px
}
@media(max-width:760px){
  .floating{
    right:max(20px, env(safe-area-inset-right));
    bottom:max(20px, env(safe-area-inset-bottom));
    width:58px;height:58px
  }
  .quote{
    top:auto;bottom:28px;left:18px;transform:none;
    min-width:0;max-width:78%;
    background:rgba(0,20,24,.82)
  }
  .posts img{
    width:100%;height:auto;aspect-ratio:auto;object-fit:contain
  }
}


/* ===== CORREÇÃO V3 — BOTÃO FLUTUANTE WHATSAPP NO MOBILE ===== */
/* Regras deliberadamente explícitas para evitar que navegadores móveis
   posicionem o botão parcialmente fora do viewport. */
.floating{
  position:fixed !important;
  left:auto !important;
  right:24px !important;
  bottom:24px !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  translate:none !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:9999 !important;
}
.floating .waIcon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  margin:0 !important;
  display:block !important;
}
@media(max-width:760px){
  .floating{
    left:auto !important;
    right:24px !important;
    bottom:24px !important;
  }
}

/* ===== V4 — CORREÇÃO ROBUSTA DO WHATSAPP / VIEWPORT MOBILE ===== */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
.floating{right:20px !important;bottom:20px !important}
@media(max-width:760px){
  .floating{right:20px !important;bottom:20px !important;width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;max-width:56px !important;max-height:56px !important}
  .floating .waIcon{width:30px !important;height:30px !important;min-width:30px !important}
}


/* ===== V5 — CORREÇÃO DOS INDICADORES NO MOBILE ===== */
@media (max-width:760px){
  .stats{
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
  }

  .stats div{
    min-width:0 !important;
    min-height:150px !important;
    padding:24px 16px !important;
    gap:8px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .stats strong{
    display:block !important;
    width:100% !important;
    font-size:18px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .stats span{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    font-size:9px !important;
    line-height:1.55 !important;
    letter-spacing:1.5px !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }
}

@media (max-width:380px){
  .stats div{
    padding:22px 13px !important;
  }
  .stats strong{
    font-size:17px !important;
  }
  .stats span{
    font-size:8.5px !important;
    letter-spacing:1.2px !important;
  }
}