/* ── lm-nav (Listio shared header) ── */

.lm-nav-bar{background:#f5f5f5;}
.lm-nav{max-width:1100px;margin:0 auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10;}
.lm-logo{display:flex;align-items:center;text-decoration:none;}
.lm-logo-img{height:43px;width:auto;display:block;}
.lm-links{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0;}
.lm-links a{font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:#142540;text-decoration:none;transition:color .15s;}
@media(max-width:860px){.lm-links{display:none;}}
@media(max-width:500px){.lm-nav{gap:0!important;}}
.lm-nav-ctas{display:flex;align-items:center;gap:10px;}
.lm-btn-ghost{font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:rgba(20, 37, 64,.65);text-decoration:none;padding:9px 16px;border-radius:100px;transition:background .15s,color .15s;}
.lm-btn-ghost:hover{background:rgba(0,0,0,.07);color:#142540;}
.lm-btn-dark{display:inline-flex;align-items:center;gap:8px;background:#142540;color:#f5f5f5;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;padding:10px 20px;border-radius:100px;text-decoration:none;transition:background .15s;}
.lm-btn-dark:hover{background:#1e3350;}
.lm-btn-icon-cta{display:inline-flex;align-items:center;justify-content:center;background:#f05162;border-radius:6px;padding:8px;text-decoration:none;transition:background .15s;line-height:0;}
.lm-btn-icon-cta:hover{background:#d8455a;}
/* hamburger */
.lm-hamburger{display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.08);border:none;border-radius:10px;padding:8px;cursor:pointer;color:#142540;flex-shrink:0;transition:background .15s;}
.lm-hamburger:hover{background:rgba(0,0,0,.14);}
@media(max-width:860px){.lm-hamburger{display:flex;}.lm-btn-dark--desktop{display:none;}.lm-btn-ghost{display:none;}.lm-lang{display:none;}}
/* ── mega painel ──
   O painel ancora na .lm-nav (nao no <li>), entao abre sempre na mesma
   posicao e com a mesma largura, independente de qual aba foi acionada. */
.lm-dropdown{position:static;list-style:none;}
.lm-dropdown-btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;outline:none;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:rgba(20, 37, 64,.65);padding:0;margin:0;-webkit-appearance:none;transition:color .15s;}
.lm-dropdown-btn:hover,.lm-dropdown:hover .lm-dropdown-btn,.lm-dropdown:focus-within .lm-dropdown-btn{color:#142540;}
.lm-dropdown:hover .lm-dropdown-btn svg,.lm-dropdown:focus-within .lm-dropdown-btn svg{transform:rotate(180deg);}
.lm-dropdown-btn svg{transition:transform .2s ease;}
/* Ponte de hover.
   O painel ancora na .lm-nav, entao o topo dele fica na base da nav — 35px
   abaixo da base do botao (padding da nav + centralizacao). Esse vao fazia o
   menu fechar quando o mouse descia do botao para o painel.
   A ponte NAO pode ficar no painel: ele ocupa a largura toda e cobriria o
   logo, o "Entrar" e o "Comecar gratis", que passam por essa mesma faixa.
   Entao ela vai em cada <li>: padding-bottom estende a area de hover para
   baixo e a margin negativa devolve a altura, deixando o layout intacto.
   Aplicado a todos os itens para que continuem alinhados entre si. */
.lm-links > li{padding-bottom:38px;margin-bottom:-38px;}
/* o topo vira borda transparente (mesmo elemento) em vez de gap solto,
   assim o hover nunca "perde contato" ao descer do botao ate o painel */
.lm-dropdown-menu{display:none;position:absolute;top:100%;left:16px;right:16px;background:#fff;background-clip:padding-box;border-top:14px solid transparent;border-radius:20px;box-shadow:0 18px 60px rgba(20, 37, 64,.16);padding:0;z-index:200;flex-direction:column;overflow:hidden;}
.lm-dropdown:hover .lm-dropdown-menu,.lm-dropdown:focus-within .lm-dropdown-menu{display:flex;}
.lm-dropdown-menu a{font-family:'Inter',sans-serif;text-decoration:none;transition:background .12s,color .12s;}
.lm-dropdown-menu a:focus-visible{outline:2px solid #142540;outline-offset:-2px;}

/* grade de colunas */
.lm-dd-grid{display:grid;grid-template-columns:1.1fr 1.1fr .85fr;gap:0 30px;padding:30px 34px 26px;}
.lm-dd-col{display:flex;flex-direction:column;min-width:0;}
.lm-dd-col__title{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(20, 37, 64,.45);padding:0 8px 14px;}
.lm-dd-col__title--gap{padding-top:22px;}

/* item rico: icone + nome + descricao */
.lm-dropdown-menu a.lm-dd-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:9px 8px;border-radius:12px;white-space:normal;}
.lm-dropdown-menu a.lm-dd-item:hover{background:#f0f2f5;}
.lm-dd-item__ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.lm-dd-item__ico svg{width:17px;height:17px;}
.lm-dd-item__ico--pink{background:rgba(240, 81, 98,.10);color:#f05162;}
.lm-dd-item__ico--ink{background:rgba(20, 37, 64,.08);color:#142540;}
.lm-dd-item__ico--lime{background:rgba(106,176,184,.15);color:#2f6d75;}
.lm-dd-item__name{display:block;font-size:14px;font-weight:600;color:#142540;line-height:1.3;}
.lm-dd-item__desc{display:block;font-size:12.5px;font-weight:400;line-height:1.45;color:rgba(20, 37, 64,.55);margin-top:3px;}

/* item simples: coluna terciaria, sem icone */
.lm-dropdown-menu a.lm-dd-plain{display:block;padding:8px;border-radius:10px;font-size:13.5px;font-weight:600;color:#142540;white-space:normal;line-height:1.35;}
.lm-dropdown-menu a.lm-dd-plain:hover{background:#f0f2f5;}
.lm-dropdown-menu a.lm-dd-all{color:#f05162;font-weight:700;}

/* barra utilitaria no rodape do painel */
.lm-dd-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px;padding:15px 42px;background:#f0f2f5;border-top:1px solid rgba(20, 37, 64,.07);}
.lm-dropdown-menu .lm-dd-bar a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#142540;padding:4px 0;border-radius:6px;}
.lm-dropdown-menu .lm-dd-bar a:hover{color:#f05162;}
.lm-dd-bar svg{width:16px;height:16px;color:rgba(20, 37, 64,.45);flex-shrink:0;}
.lm-dropdown-menu .lm-dd-bar a:hover svg{color:#f05162;}

@media(max-width:1000px){
  .lm-dd-grid{grid-template-columns:1fr 1fr;gap:0 22px;padding:24px 24px 20px;}
  .lm-dd-col--3{grid-column:1 / -1;padding-top:18px;border-top:1px solid rgba(20, 37, 64,.07);margin-top:14px;}
  .lm-dd-col--3 .lm-dd-plain{display:inline-block;margin-right:6px;}
  .lm-dd-bar{padding:14px 24px;gap:10px 20px;}
}
/* lang */
.lm-lang{position:relative;}
.lm-lang-current{display:flex;align-items:center;gap:4px;cursor:pointer;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:rgba(20, 37, 64,.55);padding:6px 8px;border-radius:8px;transition:background .15s;user-select:none;}
.lm-lang-current:hover{background:rgba(0,0,0,.07);}
.lm-lang-menu{display:none;position:absolute;top:100%;right:0;background:#fff;background-clip:padding-box;border-top:8px solid transparent;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.1);padding:6px;z-index:200;flex-direction:column;min-width:60px;}
.lm-lang:hover .lm-lang-menu{display:flex;}
.lm-lang-menu a{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#3E4C5F;text-decoration:none;padding:6px 16px;border-radius:6px;text-align:center;white-space:nowrap;transition:background .12s;}
.lm-lang-menu a:hover{background:#f0f2f5;}
/* overlay */
.lm-drawer__overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:299;backdrop-filter:blur(2px);}
.lm-drawer__overlay.open{display:block;}
/* drawer */
.lm-drawer{position:fixed;top:0;right:0;width:min(360px,90vw);height:100dvh;background:#142540;z-index:300;display:flex;flex-direction:column;transform:translateX(110%);transition:transform .3s cubic-bezier(.4,0,.2,1);}
.lm-drawer.open{transform:translateX(0);}
.lm-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;}
.lm-drawer__close{background:rgba(255,255,255,.07);border:none;border-radius:8px;padding:7px;cursor:pointer;color:rgba(237, 240, 243,.6);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;}
.lm-drawer__close:hover{background:rgba(255,255,255,.12);color:#edf0f3;}
.lm-drawer__links{flex:1;display:flex;flex-direction:column;padding:8px 12px;overflow-y:auto;}
.lm-drawer__link{font-family:'Inter',sans-serif;font-size:17px;font-weight:500;color:rgba(237, 240, 243,.65);text-decoration:none;padding:14px 12px;border-radius:10px;transition:background .15s,color .15s;}
.lm-drawer__link:hover{background:rgba(255,255,255,.05);color:#edf0f3;}
.lm-drawer__footer{padding:16px 24px 32px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.lm-drawer__login{font-family:'Inter',sans-serif;font-size:15px;font-weight:600;color:rgba(237, 240, 243,.45);text-decoration:none;text-align:center;padding:10px;border-radius:100px;transition:color .15s;}
.lm-drawer__login:hover{color:#edf0f3;}
.lm-drawer__cta{display:flex;align-items:center;justify-content:center;gap:8px;background:#d3374e;color:#fff;font-family:'Inter',sans-serif;font-size:16px;font-weight:700;padding:15px 24px;border-radius:100px;text-decoration:none;transition:background .15s;}
.lm-drawer__cta:hover{background:#bd2f45;}
.lm-drawer__submenu{padding-left:16px;margin-top:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px;}
/* language switcher — o menu mobile não tinha nenhum */
.lm-drawer__lang{display:flex;gap:8px;padding:4px 12px 12px;}
.lm-drawer__lang a{flex:1;text-align:center;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;color:rgba(237, 240, 243,.55);text-decoration:none;padding:10px;border-radius:10px;background:rgba(255,255,255,.05);transition:background .15s,color .15s;}
.lm-drawer__lang a:hover{background:rgba(255,255,255,.1);color:#edf0f3;}
.lm-drawer__lang a[aria-current="true"]{background:#d3374e;color:#fff;}
.lm-drawer__details summary::-webkit-details-marker{display:none;}
.lm-drawer__details summary{list-style:none;}
.lm-drawer__details[open] summary svg{transform:rotate(180deg);}
.lm-drawer__details summary svg{transition:transform .2s ease;}

/* ── drawer em niveis (drill-down) ── */
.lm-drawer__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px;}
.lm-drawer__panel{display:flex;flex-direction:column;}
.lm-drawer__panel[hidden]{display:none;}
.lm-drawer__panel--enter{animation:lmSlideIn .22s cubic-bezier(.4,0,.2,1);}
@keyframes lmSlideIn{from{opacity:0;transform:translateX(18px);}to{opacity:1;transform:translateX(0);}}
@media(prefers-reduced-motion:reduce){.lm-drawer__panel--enter{animation:none;}}

/* linha de nivel 1 e 2 */
.lm-drawer__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  font-family:'Inter',sans-serif;font-size:17px;font-weight:500;color:rgba(237, 240, 243,.78);
  text-decoration:none;text-align:left;background:none;border:none;cursor:pointer;
  padding:15px 12px;border-radius:10px;transition:background .15s,color .15s;
  border-bottom:1px solid rgba(255,255,255,.06);}
.lm-drawer__row:last-child{border-bottom:none;}
.lm-drawer__row:hover,.lm-drawer__row:focus-visible{background:rgba(255,255,255,.05);color:#edf0f3;}
.lm-drawer__chev{width:17px;height:17px;flex-shrink:0;color:rgba(237, 240, 243,.4);}
.lm-drawer__row--sub{font-size:15.5px;font-weight:500;padding:13px 12px;color:rgba(237, 240, 243,.7);}

/* voltar + rotulo de grupo */
.lm-drawer__back{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:700;color:#edf0f3;
  padding:10px 12px;margin-bottom:6px;border-radius:10px;text-align:left;transition:background .15s;}
.lm-drawer__back:hover{background:rgba(255,255,255,.06);}
.lm-drawer__back svg{width:18px;height:18px;flex-shrink:0;}
.lm-drawer__group{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:rgba(237, 240, 243,.38);padding:18px 12px 6px;}

/* utilitarios do painel raiz */
.lm-drawer__utils{display:flex;flex-direction:column;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);}
.lm-drawer__util{display:flex;align-items:center;gap:12px;font-family:'Inter',sans-serif;font-size:14.5px;
  font-weight:500;color:rgba(237, 240, 243,.6);text-decoration:none;padding:11px 12px;border-radius:10px;transition:background .15s,color .15s;}
.lm-drawer__util:hover{background:rgba(255,255,255,.05);color:#edf0f3;}
.lm-drawer__util-ico{width:17px;height:17px;flex-shrink:0;color:rgba(237, 240, 243,.4);}