/* PATH Master Visual Lock V2 — Rodada 07: escopo exclusivo de #metodologia. */
#metodologia.methodology{--method-green:#68704a;min-height:0;display:grid;grid-template-columns:34% minmax(0,1fr);gap:clamp(36px,2.7vw,45px);align-items:start;padding:clamp(78px,5.38vw,90px) clamp(36px,2.52vw,42px) clamp(80px,5.56vw,93px);background:#fbfaf7}
#metodologia .method-intro{min-width:0;padding:0 0 0 24px}
#metodologia .eyebrow{margin:0 0 14px;color:#9a6327;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
#metodologia .method-intro h2{margin:0;font-family:var(--serif);font-size:clamp(58px,3.9vw,65px);font-weight:400;line-height:1.02;letter-spacing:-.035em}
#metodologia .method-intro h2 em{color:var(--method-green)}
#metodologia .method-intro>.section-rule{display:block;width:34px;height:2px;margin:17px 0 18px;background:#b27a35}
#metodologia .method-tabs{position:relative;margin:0}
#metodologia .method-tabs:before{content:"";position:absolute;top:28px;bottom:28px;left:28px;border-left:1px dashed #d6d0c7}
#metodologia .method-tabs button{position:relative;width:100%;min-height:clamp(55px,3.82vw,64px);display:grid;grid-template-columns:58px 12px 1fr 44px;align-items:center;gap:8px;padding:0 4px;border:0;border-bottom:1px solid #e6e0d7;border-radius:0;background:transparent;color:#30332e;font:inherit;text-align:left;cursor:pointer}
#metodologia .method-tabs button:focus-visible,#metodologia .method-mobile-step:focus-visible{outline:3px solid #1d4f91;outline-offset:2px}
#metodologia .method-tab-number{z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ddd7ce;border-radius:50%;background:#fbfaf7;font-size:12px;font-weight:600}
#metodologia .method-tab-marker{width:5px;height:5px;display:block;border-radius:50%;background:var(--method-green)}
#metodologia .method-tab-label{font-size:13px;font-weight:500;line-height:1.25}
#metodologia .method-tab-arrow{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e6e0d7;border-radius:50%;background:#fff;color:#30332e;font-size:18px;opacity:0}
#metodologia .method-tabs button[aria-selected="true"]{padding-inline:4px;border-bottom-color:transparent;border-radius:30px;background:linear-gradient(90deg,#f1eee8,#fff);box-shadow:0 4px 12px rgba(46,51,42,.03)}
#metodologia .method-tabs button[aria-selected="true"] .method-tab-number{border-color:var(--method-green);background:var(--method-green);color:#fff}
#metodologia .method-tabs button[aria-selected="true"] .method-tab-label{font-weight:700}
#metodologia .method-tabs button[aria-selected="true"] .method-tab-arrow{opacity:1}
#metodologia .method-card{min-width:0;min-height:0;aspect-ratio:976/758;display:grid;grid-template-columns:51% 49%;overflow:hidden;margin-right:21px;border:1px solid #e2ddd5;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(40,43,36,.08)}
#metodologia .method-mobile-steps{display:none}
#metodologia .method-visual{position:relative;min-width:0;min-height:0;overflow:hidden;background:#eee9e1}
#metodologia .method-visual picture,#metodologia .method-visual img{width:100%;height:100%;display:block}
#metodologia .method-visual img{max-width:none;object-fit:cover;opacity:1!important;transition:opacity .18s ease}
#metodologia .method-content{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,2.55vw,43px)}
#metodologia .method-stage{align-self:flex-start;padding:7px 15px;border-radius:999px;background:#f4f2ed;color:var(--method-green);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#metodologia .method-content h3{margin:27px 0 0;font-family:var(--serif);font-size:clamp(34px,2.5vw,42px);font-weight:400;line-height:1.04;letter-spacing:-.025em}
#metodologia .method-content h3 em{color:var(--method-green);font-style:normal}
#metodologia .method-content>.section-rule{width:32px;height:2px;margin:18px 0 23px;background:#b27a35}
#metodologia .method-copy{margin:0;color:#444740;font-size:clamp(12px,.84vw,14px);line-height:1.62}
#metodologia .method-outcome{position:relative;margin:auto 0 0;padding:15px 16px 15px 55px;border-radius:8px;background:#f6f3ee;color:#4f5745;font-size:clamp(10px,.72vw,12px);line-height:1.45}
#metodologia .method-outcome:before{content:"";position:absolute;left:17px;top:50%;width:27px;height:27px;transform:translateY(-50%);background:var(--method-green);mask-position:center;mask-repeat:no-repeat;mask-size:contain}
#metodologia .method-outcome[data-icon="clipboard"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V2h6v2M8 10h8M8 14h8M8 18h5'/%3E%3C/svg%3E")}
#metodologia .method-outcome[data-icon="bulb"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M9 18h6M10 22h4M8.5 15.5A7 7 0 1 1 15.5 15.5C14.7 16.2 14 17 14 18h-4c0-1-.7-1.8-1.5-2.5Z'/%3E%3C/svg%3E")}
#metodologia .method-outcome[data-icon="cube"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5Zm-9 5v10l9 5 9-5V7M12 12v10'/%3E%3C/svg%3E")}
#metodologia .method-outcome[data-icon="document"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h8l4 4v16H6V2Zm8 0v5h4M9 11h6M9 15h6M9 19h4'/%3E%3C/svg%3E")}
#metodologia .method-outcome[data-icon="calendar"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 2v6M17 2v6M3 10h18M8 14h3M14 14h3M8 18h3'/%3E%3C/svg%3E")}
#metodologia .method-outcome[data-icon="people"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 4a3 3 0 0 1 0 6M17 13a5 5 0 0 1 4 5v2'/%3E%3C/svg%3E")}
#metodologia .method-outcome[data-icon="key"]:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='5'/%3E%3Cpath d='m12 11 8-8M16 7l3 3M14 9l2 2'/%3E%3C/svg%3E")}

@media(max-width:1100px) and (min-width:768px){
  #metodologia.methodology{display:block;padding:56px 32px 64px}
  #metodologia .method-intro{max-width:560px;padding-left:0}
  #metodologia .method-tabs{display:none}
  #metodologia .method-card{aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:68px 540px;margin:26px 0 0}
  #metodologia .method-mobile-steps{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e5e0d7;background:#fff}
  #metodologia .method-mobile-step{min-width:48px;min-height:48px;border:0;background:transparent}
  #metodologia .method-mobile-step>span{width:38px;height:38px;display:grid;place-items:center;margin:auto;border:1px solid #ded8cf;border-radius:50%;background:#fff}
  #metodologia .method-mobile-step[aria-selected="true"]>span{border-color:var(--method-green);background:var(--method-green);color:#fff}
  #metodologia .method-content{padding:40px 34px}
}

@media(max-width:767px){
  #metodologia.methodology{min-height:0;display:block;padding:15px clamp(17px,5.3vw,23px) 0;background:#fbfaf7}
  #metodologia .method-intro{padding-left:0}
  #metodologia .eyebrow{margin-bottom:9px;font-size:8px}
  #metodologia .method-intro h2{font-size:clamp(36px,10vw,40px);line-height:1.03}
  #metodologia .method-intro>.section-rule{width:31px;margin:10px 0 6px}
  #metodologia .method-tabs{display:none}
  #metodologia .method-card{aspect-ratio:auto;display:block;overflow:visible;margin-right:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  #metodologia .method-mobile-steps{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 -4px 8px;padding:0}
  #metodologia .method-mobile-steps:before{content:"";position:absolute;right:25px;left:25px;top:22px;border-top:1px solid #d8d2c9}
  #metodologia .method-mobile-step{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:#fbfaf7;color:#30332e;font:600 9px/1 var(--sans);cursor:pointer}
  #metodologia .method-mobile-step>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ddd7cf;border-radius:50%;background:#fbfaf7}
  #metodologia .method-mobile-step[aria-selected="true"]>span{border-color:var(--method-green);background:var(--method-green);color:#fff}
  #metodologia .method-visual{aspect-ratio:840/604;border-radius:9px 9px 0 0}
  #metodologia .method-content{position:relative;min-height:215px;justify-content:flex-start;margin-top:-19px;padding:14px 18px 16px;border-radius:18px 18px 0 0;background:#fff}
  #metodologia .method-stage{padding:5px 10px;font-size:7px}
  #metodologia .method-content h3{margin-top:10px;font-size:clamp(27px,7.7vw,31px);line-height:1.04}
  #metodologia .method-content>.section-rule{width:27px;margin:10px 0 12px}
  #metodologia .method-copy{font-size:10px;line-height:1.52}
  #metodologia .method-outcome{margin-top:auto;padding:10px 10px 10px 43px;font-size:8px;line-height:1.4}
  #metodologia .method-outcome:before{left:12px;width:21px;height:21px}
}

@media(max-width:350px){
  #metodologia.methodology{padding-inline:17px}
  #metodologia .method-intro h2{font-size:37px}
  #metodologia .method-mobile-steps{justify-content:center;gap:0;margin-inline:-2px}
  #metodologia .method-mobile-step{min-width:44px;min-height:44px;flex:0 0 44px;margin-inline:-1.5px}
  #metodologia .method-content{min-height:225px;padding-inline:15px}
}

@media(prefers-reduced-motion:reduce){#metodologia .method-visual img{transition:none}}

.method-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #e5e0d7}
.method-navigation button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--method-green);border-radius:8px;background:#fff;color:var(--method-green);font:700 12px/1.2 var(--sans);cursor:pointer}
.method-navigation button:last-child{background:var(--method-green);color:#fff}
.method-navigation button:disabled{border-color:#d8d4cc;background:#f5f3ee;color:#8c8d87;cursor:default}
.method-navigation p{margin:0;color:#6a6d66;font-size:11px;white-space:nowrap}

@media(min-width:1101px){#metodologia .method-navigation{display:none}}

@media(max-width:767px){
  #metodologia.methodology{padding:38px 18px 34px}
  #metodologia .eyebrow{margin-bottom:10px;font-size:11px}
  #metodologia .method-intro h2{font-size:42px;line-height:1.06}
  #metodologia .method-intro>.section-rule{margin:14px 0 18px}
  #metodologia .method-mobile-steps{margin:0 -2px 14px}
  #metodologia .method-mobile-step{width:46px;height:46px;min-width:44px;min-height:44px;font-size:11px}
  #metodologia .method-mobile-step>span{width:34px;height:34px}
  #metodologia .method-visual{aspect-ratio:4/3;border-radius:12px 12px 0 0}
  #metodologia .method-content{min-height:340px;margin-top:-14px;padding:24px 20px 20px;border-radius:18px 18px 12px 12px;box-shadow:0 8px 24px rgba(40,43,36,.06)}
  #metodologia .method-stage{padding:6px 11px;font-size:10px}
  #metodologia .method-content h3{margin-top:15px;font-size:32px;line-height:1.08}
  #metodologia .method-content>.section-rule{margin:13px 0 15px}
  #metodologia .method-copy{font-size:15px;line-height:1.58}
  #metodologia .method-outcome{margin-top:18px;padding:14px 14px 14px 50px;font-size:13px;line-height:1.48}
  #metodologia .method-outcome:before{left:14px;width:25px;height:25px}
  #metodologia .method-navigation{margin-top:auto;padding-top:18px}
  #metodologia .method-navigation button{min-height:48px;font-size:12px}
}

@media(max-width:370px){
  #metodologia .method-mobile-steps{justify-content:space-between;gap:0}
  #metodologia .method-mobile-step{width:42px;min-width:42px}
  #metodologia .method-navigation{display:grid;grid-template-columns:1fr 1fr}
  #metodologia .method-navigation p{grid-column:1/-1;grid-row:1;text-align:center}
}

/* V8 — continuidade visual e leitura confortável em todos os dispositivos. */
#metodologia .method-content{position:relative}
#metodologia .method-content:before{
  content:"→";
  position:absolute;
  z-index:3;
  top:50%;
  left:0;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:4px solid #fff;
  border-radius:50%;
  background:var(--method-green);
  color:#fff;
  font:400 22px/1 var(--sans);
  box-shadow:0 10px 24px rgba(40,43,36,.18);
  transform:translate(-50%,-50%);
}

@media(max-width:767px){
  #metodologia .method-content{min-height:390px;padding:34px 24px 24px}
  #metodologia .method-content:before{content:"↓";top:0;left:50%;width:52px;height:52px;font-size:21px;transform:translate(-50%,-50%)}
  #metodologia .method-stage{padding:7px 13px;font-size:11px}
  #metodologia .method-content h3{margin-top:18px;font-size:clamp(35px,9.4vw,40px);line-height:1.06}
  #metodologia .method-content>.section-rule{margin:15px 0 17px}
  #metodologia .method-copy{font-size:17px;line-height:1.58}
  #metodologia .method-outcome{margin-top:22px;padding:17px 16px 17px 54px;font-size:15px;line-height:1.52}
  #metodologia .method-outcome:before{left:16px;width:27px;height:27px}
  #metodologia .method-navigation{gap:10px;margin-top:24px;padding-top:20px}
  #metodologia .method-navigation button{min-height:52px;padding-inline:14px;font-size:14px}
  #metodologia .method-navigation p{font-size:13px}
}

@media(max-width:370px){
  #metodologia .method-content{min-height:410px;padding-inline:20px}
  #metodologia .method-content h3{font-size:34px}
  #metodologia .method-copy{font-size:16px}
  #metodologia .method-outcome{font-size:14px}
}

/* V9 — a seta central é o único controle sequencial da metodologia. */
#metodologia .method-content:before{content:none}
#metodologia .method-navigation{position:static;display:block!important;margin:0;padding:0;border:0}
#metodologia .method-navigation>[data-methodology-prev],
#metodologia .method-navigation>[data-methodology-position]{display:none}
#metodologia .method-navigation>[data-methodology-next]{
  position:absolute;
  z-index:4;
  top:50%;
  left:0;
  width:56px;
  height:56px;
  min-height:56px;
  display:grid;
  place-items:center;
  padding:0;
  border:4px solid #fff;
  border-radius:50%;
  background:var(--method-green);
  color:#fff;
  box-shadow:0 10px 24px rgba(40,43,36,.18);
  transform:translate(-50%,-50%);
}
#metodologia .method-navigation>[data-methodology-next]>span:first-child{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
#metodologia .method-navigation>[data-methodology-next]>span:last-child{font-size:22px;line-height:1}
#metodologia .method-navigation>[data-methodology-next]:hover{background:#59613f}
#metodologia .method-navigation>[data-methodology-next]:focus-visible{outline:3px solid #b27a35;outline-offset:3px}

@media(max-width:767px){
  #metodologia .method-content{min-height:350px}
  #metodologia .method-navigation>[data-methodology-next]{top:0;left:50%;width:54px;height:54px;min-height:54px;transform:translate(-50%,-50%)}
}
