:root{
  --perc-bg:#F4EEE2;
  --perc-bg-2:#EFE6D6;
  --perc-ink:#5A3B2E;
  --perc-ink-2:#7A5A49;
  --perc-card:#F7F0E6;
  --perc-border:rgba(90,59,46,.12);
  --perc-shadow: 0 18px 45px rgba(42,24,18,.12);
  --perc-shadow-soft: 0 10px 30px rgba(42,24,18,.10);
  --perc-accent:#D88A4B;
  --perc-accent-2:#C76E3A;
  --perc-white:#fff;
  --perc-radius-xl:38px;
  --perc-radius-lg:28px;
  --perc-radius-md:20px;
  --perc-container:1200px;
  --perc-gutter: clamp(18px, 3.5vw, 34px);
  --perc-header-h: 76px;
}

.percorrere-onepage,
.percorrere-onepage *{ box-sizing:border-box; }

.percorrere-onepage{
  width:100%;
  background: radial-gradient(1200px 600px at 85% 10%, rgba(216,138,75,.20), rgba(216,138,75,0) 60%),
              radial-gradient(1000px 500px at 20% 0%, rgba(199,110,58,.10), rgba(199,110,58,0) 65%),
              linear-gradient(180deg, var(--perc-bg), var(--perc-bg-2));
  color: var(--perc-ink);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif;
  line-height:1.45;
  overflow-x:hidden;
}

.perc-wrap{
  max-width: var(--perc-container);
  margin: 0 auto;
  padding: 0 var(--perc-gutter);
}

.perc-space-top{ padding-top: clamp(18px, 2vw, 28px); }
.perc-space{ padding: clamp(28px, 5vw, 72px) 0; }

.perc-pill-header{
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 14px 0;
  backdrop-filter: blur(8px);
}
.perc-nav{
  display:flex;
  align-items:center;
  gap: 22px;
  background: rgba(247,240,230,.86);
  border: 1px solid var(--perc-border);
  border-radius: 999px;
  padding: 14px 18px;
  box-shadow: var(--perc-shadow-soft);
}
.perc-brand{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 210px;
}
.perc-brand img{
  width: 28px; height: 28px;
  display:block;
}
.perc-brand .perc-brand-text{
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--perc-ink);
  font-size: 16px;
  white-space:nowrap;
}
.perc-menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 18px;
  flex: 1;
  min-width: 0;
}
.perc-menu a{
  color: var(--perc-ink);
  text-decoration:none;
  font-weight: 600;
  font-size: 13px;
  opacity: .9;
  padding: 8px 10px;
  border-radius: 999px;
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}
.perc-menu a:hover{ background: rgba(216,138,75,.10); opacity: 1; transform: translateY(-1px); }

.perc-head-right{
  display:flex;
  align-items:center;
  gap: 10px;
}

.perc-social{
  display:flex; align-items:center; gap: 8px;
}
.perc-social a{
  width: 34px; height: 34px;
  display:grid; place-items:center;
  border-radius: 999px;
  border: 1px solid var(--perc-border);
  background: rgba(255,255,255,.55);
  color: var(--perc-ink);
  transition: transform .18s ease, background .18s ease;
}
.perc-social a:hover{ transform: translateY(-1px); background: rgba(216,138,75,.12); }
.perc-social svg{ width: 16px; height: 16px; }

.perc-burger{
  display:none;
  width: 40px; height: 38px;
  border-radius: 999px;
  border: 1px solid var(--perc-border);
  background: rgba(255,255,255,.55);
  color: var(--perc-ink);
  cursor:pointer;
}
.perc-burger svg{display: block; margin: 0;}

@media (max-width: 980px){
  .perc-brand{ min-width: auto; }
  .perc-menu{ display:none; }
  .perc-burger{ display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 1 !important; }
}

/* mobile menu drawer (drops down, not sideways) */
.perc-mobile{
  display:none;
  margin-top: 10px;
}
.perc-mobile.open{ display:block; }
.perc-mobile-panel{
  background: rgba(247,240,230,.96);
  border: 1px solid var(--perc-border);
  border-radius: 22px;
  box-shadow: var(--perc-shadow-soft);
  padding: 12px;
}
.perc-mobile-panel a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  color: var(--perc-ink);
  font-weight: 650;
  padding: 12px 12px;
  border-radius: 16px;
}
.perc-mobile-panel a:hover{ background: rgba(216,138,75,.10); }
.perc-mobile-panel small{ opacity:.65; font-weight:600; }

.perc-hero{
  padding-top: 14px;
}
.perc-hero-split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 0;
  align-items: stretch;
  background: rgba(255,255,255,.28);
  border: 1px solid var(--perc-border);
  border-radius: var(--perc-radius-xl);
  box-shadow: 0 22px 70px rgba(0,0,0,.12);
  overflow: hidden;
}
.perc-hero-left{
  padding: clamp(26px, 3.5vw, 48px);
}
.perc-hero-right{
  position: relative;
  padding: clamp(16px, 2vw, 22px);
  min-height: 360px;
}
.perc-hero-photo{
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: calc(var(--perc-radius-xl) - 10px);
  box-shadow: 0 24px 70px rgba(0,0,0,.18);
  filter: saturate(1.02) contrast(1.01);
}
.perc-hero-right:after{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 60% at 70% 40%, rgba(255,255,255,.58), rgba(255,255,255,.10) 60%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}
@media (max-width: 980px){
  .perc-hero-split{ grid-template-columns: 1fr; }
  .perc-hero-right{ min-height: 280px; }
  .perc-hero-photo{ min-height: 260px; }
}

.perc-h1{
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-weight: 800;
  letter-spacing: .3px;
  font-size: clamp(38px, 4.6vw, 58px);
  line-height: 1.05;
  margin: 0 0 10px;
}
.perc-lead{
  margin: 0 0 18px;
  color: var(--perc-ink-2);
  font-size: 16px;
  max-width: 46ch;
}
.perc-btns{ display:flex; gap: 10px; flex-wrap:wrap; margin-top: 12px; }
.perc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 11px 16px;
  border-radius: 999px;
  border: 1px solid rgba(216,138,75,.45);
  background: rgba(216,138,75,.14);
  color: var(--perc-ink);
  text-decoration:none;
  font-weight: 700;
  font-size: 13px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.perc-btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(42,24,18,.12); background: rgba(216,138,75,.18); }
.perc-btn.primary{
  background: linear-gradient(135deg, var(--perc-accent), var(--perc-accent-2));
  border-color: transparent;
  color: #2B1B12;
}
.perc-btn.primary:hover{ box-shadow: 0 14px 28px rgba(216,138,75,.28); }

.perc-hero-card{
  max-width: 640px;
  margin-left:auto;
  border-radius: var(--perc-radius-xl);
  background: rgba(255,255,255,.38);
  border: 1px solid var(--perc-border);
  box-shadow: var(--perc-shadow);
  padding: 18px;
  position:relative;
  overflow:hidden;
}
.perc-hero-photo{
  border-radius: calc(var(--perc-radius-xl) - 10px);
  width:100%;
  aspect-ratio: 16/11;
  object-fit: cover;
  display:block;
  filter: saturate(1.06) contrast(1.02);
}
.perc-hero-glow{
  position:absolute; inset:-40px;
  background: radial-gradient(420px 260px at 60% 20%, rgba(216,138,75,.26), rgba(216,138,75,0) 70%);
  pointer-events:none;
}

.perc-section-title{
  font-family: ui-serif, Georgia, "Times New Roman", serif;
  font-weight: 800;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.1;
  margin: 0 0 12px;
}
.perc-section-text{
  color: var(--perc-ink-2);
  font-size: 15px;
  margin: 0;
}

.perc-two{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 4vw, 46px);
  align-items:center;
}
@media (max-width: 980px){
  .perc-two{ grid-template-columns: 1fr; }
}

.perc-card{
  background: rgba(247,240,230,.70);
  border: 1px solid var(--perc-border);
  border-radius: var(--perc-radius-lg);
  box-shadow: var(--perc-shadow-soft);
  padding: 22px;
}

.perc-img{
  width:100%;
  display:block;
  border-radius: var(--perc-radius-lg);
  object-fit: cover;
  aspect-ratio: 4/3;
  box-shadow: 0 14px 34px rgba(42,24,18,.12);
}
.perc-img.tall{ aspect-ratio: 4/4.3; }

.perc-feature-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 18px;
}
@media (max-width: 1100px){ .perc-feature-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .perc-feature-grid{ grid-template-columns: 1fr; } }
.perc-feature{
  background: rgba(247,240,230,.84);
  border: 1px solid var(--perc-border);
  border-radius: 22px;
  padding: 18px;
  min-height: 140px;
}
.perc-feature h4{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  color: var(--perc-ink);
}
.perc-feature p{
  margin: 0;
  color: var(--perc-ink-2);
  font-size: 14px;
}

.perc-spec-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 18px;
}
@media (max-width: 1100px){ .perc-spec-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .perc-spec-grid{ grid-template-columns: 1fr; } }
.perc-spec{
  overflow:hidden;
  background: rgba(247,240,230,.84);
  border: 1px solid var(--perc-border);
  border-radius: 22px;
  box-shadow: var(--perc-shadow-soft);
}
.perc-spec img{
  width:100%;
  aspect-ratio: 16/10;
  height:auto;
  object-fit: cover;
  display:block;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.perc-spec .media{ overflow:hidden; }

.perc-spec .body{ padding: 16px; }
.perc-spec h4{ margin:0 0 8px; font-size: 22px; line-height:1.05; font-weight: 900; }
.perc-spec p{ margin:0; color: var(--perc-ink-2); font-size: 14px; }

.perc-list{
  display:flex;
  flex-direction:column;
  gap: 12px;
  margin-top: 14px;
}
.perc-list-item{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  background: rgba(247,240,230,.72);
  border: 1px solid var(--perc-border);
  border-radius: 18px;
  padding: 14px 14px;
}
.perc-num{
  width: 34px; height: 34px;
  border-radius: 12px;
  background: rgba(216,138,75,.14);
  border: 1px solid rgba(216,138,75,.35);
  display:grid; place-items:center;
  font-weight: 900;
  color: var(--perc-ink);
  flex: 0 0 auto;
}
.perc-list-item b{ display:block; margin: 2px 0 3px; }
.perc-list-item span{ color: var(--perc-ink-2); font-size: 14px; }

.perc-dark{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(216,138,75,.26), rgba(216,138,75,0) 65%),
              linear-gradient(135deg, #2B1B12, #1C120D);
  color: rgba(255,255,255,.92);
  border-radius: var(--perc-radius-xl);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--perc-shadow);
  overflow:hidden;
}
.perc-dark .perc-wrap{ padding: clamp(24px, 4vw, 56px); }
.perc-dark .perc-section-text{ color: rgba(255,255,255,.78); }
.perc-dark .perc-img{ box-shadow: none; border: 1px solid rgba(255,255,255,.10); }

.perc-contact{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items:stretch;
}
@media (max-width: 980px){ .perc-contact{ grid-template-columns: 1fr; } }

.perc-contact-photo{
  position:relative;
  border-radius: var(--perc-radius-xl);
  overflow:hidden;
  border: 1px solid var(--perc-border);
  box-shadow: var(--perc-shadow);
}
.perc-contact-photo img{
  width:100%; height:100%;
  min-height: 360px;
  object-fit: cover;
  display:block;
}
.perc-contact-photo .caption{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 14px 16px;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(43,27,18,.78));
  color: rgba(255,255,255,.92);
  font-weight: 650;
  font-size: 13px;
}

.perc-contact-box{
  background: rgba(247,240,230,.72);
  border: 1px solid var(--perc-border);
  border-radius: var(--perc-radius-xl);
  box-shadow: var(--perc-shadow);
  padding: 22px;
  display:flex;
  flex-direction:column;
  gap: 14px;
}
.perc-kv{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 560px){ .perc-kv{ grid-template-columns: 1fr; } }
.perc-kv .kv{
  background: rgba(247,240,230,.92);
  border: 1px solid var(--perc-border);
  border-radius: 18px;
  padding: 14px 14px;
}
.perc-kv .kv b{ display:block; margin-bottom: 4px; }
.perc-kv .kv span{ color: var(--perc-ink-2); }

.perc-footer-pill{
  background: rgba(247,240,230,.86);
  border: 1px solid var(--perc-border);
  border-radius: 999px;
  padding: 16px 18px;
  box-shadow: var(--perc-shadow-soft);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
}
.perc-footer-pill b{ font-weight: 900; }
.perc-top{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1000;
  width: 44px; height: 44px;
  border-radius: 999px;
  border: 1px solid var(--perc-border);
  background: rgba(247,240,230,.92);
  box-shadow: var(--perc-shadow-soft);
  color: var(--perc-ink);
  display:none;
  cursor:pointer;
}
.perc-top.show{ display:grid; place-items:center; padding: 0;}
.perc-top:hover{ transform: translateY(-1px); }
.perc-top svg{  display: block; margin: 0; }

/* simple reveal animation */
.perc-reveal{ opacity:0; transform: translateY(10px); transition: opacity .55s ease, transform .55s ease; }
.perc-reveal.in{ opacity:1; transform: translateY(0); }


/* Videos slider (below HERO) */
.percorrere-onepage .perc-videos .perc-section-title{ margin-bottom:14px; }

.percorrere-onepage .perc-video-slider{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
}

.percorrere-onepage .perc-vviewport{ overflow: hidden; }
.percorrere-onepage .perc-vtrack{
  display:flex;
  transition: transform .45s ease;
  will-change: transform;
}
.percorrere-onepage .perc-vslide{
  flex: 0 0 100%;
  padding: 0;
}
.percorrere-onepage .perc-vframe{
  width:100%;
  aspect-ratio: 4/3;
  background: rgba(0,0,0,.35);
}
.percorrere-onepage .perc-viframe,
.percorrere-onepage .perc-vvideo{
  width:100%;
  height:100%;
  display:block;
  border:0;
  object-fit: contain;
  background: #000;
}

.percorrere-onepage .perc-vnav{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:44px; height:44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.35);
  color:#fff;
  cursor:pointer;
  z-index: 3;
  transition: transform .18s ease, background .18s ease;

  /* 👇 ISSO resolve o alinhamento */
  display: grid;
  place-items: center;

  /* 👇 ajuste fino da seta */
  font-size: 28px;
  line-height: 1;      /* não use 40px aqui */
  padding: 0;
}
.percorrere-onepage .perc-vnav:hover{ background: rgba(0,0,0,.50); transform: translateY(-50%) scale(1.04); }
.percorrere-onepage .perc-vnav.prev{ left: 12px; }
.percorrere-onepage .perc-vnav.next{ right: 12px; }

.percorrere-onepage .perc-vdots{
  position:absolute;
  left:0; right:0;
  bottom: 12px;
  display:flex;
  gap: 8px;
  justify-content:center;
  z-index: 3;
  pointer-events: none;
}
.percorrere-onepage .perc-vdot{
  pointer-events: auto;
  width:10px; height:10px;
  border-radius: 99px;
  border: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.18);
  cursor:pointer;
}
.percorrere-onepage .perc-vdot.is-active{
  background: rgba(255,255,255,.92);
}

@media (max-width: 720px){
  .percorrere-onepage .perc-vnav{ width:40px; height:40px; font-size:26px; line-height: 36px; }
}

/* 1) zera margens/paddings do documento e pinta o fundo global */
html, body{
  margin: 0 !important;
  padding: 0 !important;
  background: radial-gradient(1200px 600px at 85% 10%, rgba(216,138,75,.20), rgba(216,138,75,0) 60%),
              radial-gradient(1000px 500px at 20% 0%, rgba(199,110,58,.10), rgba(199,110,58,0) 65%),
              linear-gradient(180deg, var(--perc-bg), var(--perc-bg-2)) !important;
}

/* 2) garante que o seu wrapper cobre a viewport inteira */
.percorrere-onepage{
  min-height: 100vh;
}

/* 3) evita “sobras” de fundo branco em wrappers comuns (WordPress/tema) */
#page, #content, main{
  background: transparent !important;
}

/* MOBILE */
@media (max-width: 980px){

  /* 1) diminuir o ícone do menu */
  .perc-burger{
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
  }
  .perc-burger svg{
    width: 16px !important;   /* diminui o ícone */
    height: 16px !important;
    display: block;
  }

 @media (max-width: 980px){

  /* garante que a coluna direita não "invada" a esquerda */
  .perc-hero-left{ position: relative; z-index: 2; }
  .perc-hero-right{ position: relative; z-index: 1; }

  /* remove overlays que causam a faixa estranha */
  .perc-hero-right:after{ display: none !important; }
  .perc-hero-photo{ box-shadow: none !important; } /* opcional, deixa mais clean */

  /* dá respiro real entre botões e imagem */
  .perc-btns{ margin-bottom: 18px; } /* ajuste: 12~28px */
  .perc-hero-right{ padding-top: 0 !important; }

  /* cria uma transição suave APENAS antes da imagem */
  .perc-hero-right::before{
    content:"";
    display:block;
    height: 26px;  /* “distância” da divisão */
    background: linear-gradient(180deg,
      rgba(247,240,230,.0),
      rgba(247,240,230,.85)
    );
  }

  /* se sua imagem estiver dentro de .perc-hero-card, também ajuda */
  .perc-hero-card{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
}

/* Botão de som para MP4 */
.percorrere-onepage .perc-vframe{ position: relative; }

.percorrere-onepage .perc-vsound{
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(0,0,0,.45);
  color: #fff;

  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;

  backdrop-filter: blur(6px);
}

.percorrere-onepage .perc-vsound:hover{
  background: rgba(0,0,0,.60);
}

.percorrere-onepage .perc-vsound.is-on{
  background: rgba(216,138,75,.92);
  color: #2B1B12;
  border-color: rgba(216,138,75,.35);
}


/* Currículos dos profissionais */
.perc-team-only .perc-wrap{ padding: clamp(18px, 3vw, 34px); }
.perc-team-curricula{
  margin-top: 0;
  padding: clamp(8px, 1vw, 14px);
  border-radius: 30px;
  background: transparent;
  border: 0;
}
.perc-team-curricula-head{
  max-width: 760px;
  margin: 0 auto 24px;
  text-align: center;
}
.perc-team-curricula-head .perc-section-title{
  font-size: clamp(34px, 4vw, 48px);
  margin-bottom: 8px;
}
.perc-team-curricula-head .perc-section-text{
  max-width: 760px;
  margin: 0 auto;
}
.perc-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 12px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(216,138,75,.18);
  border: 1px solid rgba(216,138,75,.24);
  color: #F9E8D7;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.perc-curriculum-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
@media (max-width: 740px){ .perc-curriculum-grid{ grid-template-columns: 1fr; } }
.perc-curriculum-card{
  position:relative;
  padding: 14px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,246,.95));
  color: var(--perc-ink);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 16px 34px rgba(0,0,0,.14);
  overflow:hidden;
}
.perc-curriculum-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--perc-accent), var(--perc-accent-2));
}
.perc-curriculum-photo-wrap{
  margin: 0 0 12px;
  border-radius: 18px;
  overflow: hidden;
  background: #efe5dd;
}
.perc-curriculum-photo{
  width: 100%;
  height: 190px;
  display: block;
  object-fit: cover;
}
.perc-curriculum-card h4{
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.05;
  font-weight: 900;
}
.perc-curriculum-role{
  margin: 0 0 10px;
  color: var(--perc-accent-2);
  font-weight: 700;
  font-size: 14px;
}
.perc-curriculum-bio,
.perc-curriculum-bio p{
  color: var(--perc-ink-2);
  font-size: 13px;
  line-height: 1.55;
}
.perc-curriculum-bio p{
  margin: 0 0 9px;
}
.perc-curriculum-bio p:last-child{ margin-bottom: 0; }