/* Método Hermes: H oficial em vidro, luz nas bordas e cinco pilares conectados. */
.metodo{padding:95px 0 85px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#13385b88 0,transparent 54%),linear-gradient(180deg,#031634,#020d20 75%,#031634)}
.metodo-tag{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#A9D6F9;font-weight:600;margin-bottom:20px}
.metodo h2{font-size:clamp(34px,4.2vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.16;margin:0}
.metodo h2 span{color:#B8DCFA}
.metodo-intro{font:400 17px/1.6 "Inter Tight",sans-serif;color:#c2d0e1;margin:23px auto 0;max-width:520px}
.metodo-palco{position:relative;max-width:1060px;height:510px;margin:15px auto 0}
.metodo-conexoes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.conexao{stroke:#88bce9;stroke-opacity:.18;stroke-width:1;transition:stroke-opacity .7s,filter .7s}
.conexao.is-active{stroke-opacity:.9;filter:drop-shadow(0 0 5px #6db8ff)}
.metodo-simbolo{position:absolute;width:44%;left:28%;top:8%;animation:hermes-flutuar 7s ease-in-out infinite;filter:drop-shadow(0 15px 25px #0007)}
.metodo-simbolo::before{content:"";position:absolute;inset:8% 8% 0;border-radius:50%;background:#368cf51c;filter:blur(40px);z-index:-1}
.metodo-simbolo svg{display:block;width:100%;overflow:visible}
.metodo-assinatura{display:block;margin-top:-5px;color:#d6eafb;font-size:16px;font-weight:500;letter-spacing:.14em}
.metodo-reflexo{animation:hermes-reflexo 6s ease-in-out infinite}
.metodo-energia{stroke-dasharray:110 890;stroke-dashoffset:0;animation:hermes-energia 6s linear infinite;stroke-linejoin:round;stroke-linecap:round}
.energia-halo{filter:blur(3px);opacity:.8}
@keyframes hermes-energia{to{stroke-dashoffset:-1000}}
@keyframes hermes-reflexo{0%,10%{x:-140px;opacity:0}18%{opacity:1}68%{x:440px;opacity:1}80%,100%{x:440px;opacity:0}}
@keyframes hermes-flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.metodo-pilar{position:absolute;display:flex;align-items:center;gap:12px;width:210px;min-height:58px;padding:14px 17px;border:1px solid #aacff126;border-radius:5px;background:#0a203480;color:#a8bed3;cursor:pointer;font:500 15px/1.3 "Inter Tight",sans-serif;transition:border-color .5s,box-shadow .5s,color .5s,background .5s;text-align:left}
.metodo-pilar:hover,.metodo-pilar.is-active{color:#edf8ff;border-color:#b8dcfa9c;background:linear-gradient(110deg,#1b4269bb,#0a253ecc);box-shadow:0 0 30px #5baaff24,inset 0 0 22px #6fbaff0a}
.metodo-pilar:focus-visible,.metodo-controle:focus-visible{outline:2px solid #d8f3ff;outline-offset:5px}
.pilar-numero{font-size:10px;letter-spacing:.06em;color:#89b4d6}
.metodo-pilar i{width:4px;height:4px;border-radius:50%;background:currentColor;margin-left:auto;opacity:.55}
.metodo-pilar.is-active i{background:#c8eeff;box-shadow:0 0 9px #b8dcfa;opacity:1}
.pilar-1{left:1%;top:17%}.pilar-2{right:1%;top:17%}.pilar-3{left:1%;top:55%}.pilar-4{right:1%;top:55%}.pilar-5{left:50%;transform:translateX(-50%);top:82%}
.metodo-base{max-width:800px;margin:5px auto 0;display:flex;align-items:center;gap:34px;text-align:left;border-top:1px solid #a4c9ec29;padding-top:24px}
.metodo-detalhe{flex:1;display:flex;gap:20px;min-height:100px}
.metodo-etapa{flex:none;font:500 11px/1.5 "Inter Tight",sans-serif;letter-spacing:.08em;color:#8bb6db;padding-top:5px}
.metodo-detalhe h3{font-size:17px;line-height:1.5;font-weight:500;margin-bottom:7px;color:#e3f3ff}
.metodo-detalhe p{font:400 15px/1.6 "Inter Tight",sans-serif;color:#aebfd3;max-width:500px}
.metodo-controle{flex:none;display:flex;align-items:center;gap:7px;background:none;border:0;color:#aac3da;cursor:pointer;font:400 11px/1.5 "Inter Tight",sans-serif;padding:10px 0}
.metodo-controle:hover{color:#fff}
.metodo .centro{margin-top:33px}.metodo .btn{gap:18px;font-size:12px;line-height:1.5}
.metodo.is-paused .metodo-simbolo,.metodo.is-paused .metodo-reflexo,.metodo.is-paused .metodo-energia,.metodo.is-offscreen .metodo-simbolo,.metodo.is-offscreen .metodo-reflexo,.metodo.is-offscreen .metodo-energia{animation-play-state:paused}
@media(max-width:820px){
  .metodo{padding:70px 0 65px}.metodo .wrap{padding:0 24px}.metodo h2{font-size:38px}.metodo-intro{font-size:16px;max-width:330px}
  .metodo-palco{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
  .metodo-conexoes{display:none}.metodo-simbolo{position:relative;grid-column:1/-1;left:auto;top:auto;width:90%;max-width:450px;justify-self:center;margin:10px 0 27px}
  .metodo-assinatura{font-size:13px}.metodo-pilar{position:relative;inset:auto;transform:none;width:100%;min-height:54px;padding:13px 12px;gap:9px;font-size:14px}
  .pilar-5{grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
  .metodo-base{display:block;margin-top:28px;padding-top:22px}.metodo-detalhe{min-height:132px;gap:14px}.metodo-detalhe h3{font-size:16px}.metodo-detalhe p{font-size:15px}
  .metodo-controle{margin:8px auto 0;padding:12px}.metodo .centro{margin-top:22px}.metodo .btn{width:100%;max-width:390px;padding:16px 14px;font-size:11px}
}
@media(max-width:360px){.metodo h2{font-size:32px}.metodo .wrap{padding:0 18px}.metodo-pilar{font-size:12px}.metodo-detalhe{min-height:152px}}
@media(prefers-reduced-motion:reduce){
  .metodo-simbolo,.metodo-reflexo,.metodo-energia{animation:none}.metodo-reflexo{display:none}.metodo-pilar,.conexao{transition:none}
}