/* ARK Global Capital · ajustes mobile 02/09/2026
   Escopo deliberadamente limitado a telas móveis para preservar o desktop. */

/* Elementos auxiliares do Intellectus ficam invisíveis fora do mobile. */
body.intellectus-edition .ia-voice-title-mobile,
body.intellectus-edition .ia-voice-mobile-image,
body.intellectus-edition .ia-hero-ending-mobile{display:none}

@media (max-width:760px){
  /* Nossa Estrutura · preserva as quebras editoriais sem cortar o título. */
  body.institutional-edition .structure-page .structure-hero-title{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    font-size:clamp(35px,9vw,40px)!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
  }
  body.institutional-edition .structure-page .structure-hero-title>span,
  body.institutional-edition .structure-page .structure-hero-title>em>span{
    display:block!important;
    white-space:nowrap!important;
  }

  /* Compliance · tabelas simples sem rolagem lateral. */
  body.legal-edition .legal-table-single{
    overflow:visible!important;
  }
  body.legal-edition .legal-table-single table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  body.legal-edition .legal-table-single td{
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none;
  }

  /* Compliance · matriz vira cartões empilhados no mobile. */
  body.legal-edition .legal-table-matrix{
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.legal-edition .legal-table-matrix table,
  body.legal-edition .legal-table-matrix tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  body.legal-edition .legal-table-matrix tr{
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
    border:1px solid rgba(53,76,118,.17)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 16px 42px -36px rgba(23,40,75,.5)!important;
  }
  body.legal-edition .legal-table-matrix tr:first-child{
    display:none!important;
  }
  body.legal-edition .legal-table-matrix tr+tr{
    border-top:1px solid rgba(53,76,118,.17)!important;
  }
  body.legal-edition .legal-table-matrix td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:14px 16px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(53,76,118,.12)!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  body.legal-edition .legal-table-matrix td:last-child{
    border-bottom:0!important;
  }
  body.legal-edition .legal-table-matrix td::before{
    display:block;
    margin-bottom:5px;
    color:#75829a;
    font-size:10px;
    font-weight:850;
    line-height:1.25;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body.legal-edition .legal-table-matrix td:nth-child(1)::before{content:"Produto"}
  body.legal-edition .legal-table-matrix td:nth-child(2)::before{content:"Estados Unidos"}
  body.legal-edition .legal-table-matrix td:nth-child(3)::before{content:"Brasil e outros mercados"}
  body.legal-edition .legal-table-matrix td:nth-child(4)::before{content:"Princípio de uso"}
  body.legal-edition .legal-table-matrix td:first-child{
    color:#1d293c!important;
    font-size:17px!important;
    font-weight:800!important;
    background:rgba(75,101,171,.055)!important;
  }

  /* Trabalhe Conosco · título com as linhas planejadas. */
  body.careers-edition .careers-page .v80-careers-title{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(35px,9.15vw,41px)!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
  }
  body.careers-edition .careers-page .v80-careers-title>span,
  body.careers-edition .careers-page .v80-careers-title>em>span{
    display:block!important;
    white-space:nowrap!important;
  }

  /* Trabalhe Conosco · no mobile o globo deixa de disputar espaço com as áreas. */
  body.careers-edition .careers-page #areas-de-atuacao #v77-areas-globe,
  body.careers-edition .careers-page #areas-de-atuacao .v77-areas-skin{
    display:none!important;
  }
  body.careers-edition .careers-page #areas-de-atuacao .v77-areas-stage{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    max-width:360px!important;
    height:auto!important;
    min-height:0!important;
    margin:30px auto 0!important;
    padding:0!important;
    gap:14px!important;
    overflow:visible!important;
  }
  body.careers-edition .careers-page #areas-de-atuacao .v77-area-card{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(100%,330px)!important;
    height:auto!important;
    margin:0 auto!important;
    transform:none!important;
    opacity:1!important;
  }
  body.careers-edition .careers-page #areas-de-atuacao .v77-area-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  /* ARK Select · a imagem da virada passa a funcionar como atmosfera de fundo. */
  body.select-edition .select-page .select-turn{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:560px!important;
    padding:82px 0!important;
    overflow:hidden!important;
  }
  body.select-edition .select-page .select-turn-visual{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:62% center!important;
    transform:none!important;
    opacity:.48!important;
  }
  body.select-edition .select-page .select-turn-shade{
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg,rgba(2,5,11,.82),rgba(2,5,11,.54) 48%,rgba(2,5,11,.9))!important;
  }
  body.select-edition .select-page .select-turn-flow,
  body.select-edition .select-page .select-turn-core{
    display:none!important;
  }
  body.select-edition .select-page .select-turn .select-center-copy{
    width:calc(100% - 36px)!important;
    max-width:560px!important;
  }

  /* ARK Select · elimina respiros excessivos nas duas seções citadas. */
  body.select-edition .select-page .select-ai{
    min-height:0!important;
    padding:64px 0 48px!important;
  }
  body.select-edition .select-page .select-ai-layout{
    gap:24px!important;
  }
  body.select-edition .select-page .select-ai-copy{
    margin:0 auto!important;
    padding-bottom:0!important;
  }
  body.select-edition .select-page .select-inside{
    min-height:520px!important;
    padding:70px 0!important;
  }
  body.select-edition .select-page .select-inside-art{
    top:50%!important;
    width:118vw!important;
    opacity:.31!important;
  }
  body.select-edition .select-page .select-inside .select-center-copy{
    width:calc(100% - 38px)!important;
  }

  /* ARK Flow · no mobile os visuais que geravam grandes vazios deixam de aparecer. */
  body.flow-edition .flow-page .flow-barrier-layout,
  body.flow-edition .flow-page .flow-conquest-layout{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body.flow-edition .flow-page .flow-pain-column,
  body.flow-edition .flow-page .flow-conquest-visual{
    display:none!important;
  }
  body.flow-edition .flow-page .flow-barrier,
  body.flow-edition .flow-page .flow-conquest{
    min-height:0!important;
  }

  /* ARK Flow · o painel fica contido e o corte horizontal parece intencional. */
  body.flow-edition .flow-page .flow-control .flow-demo-panel{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    overflow:hidden!important;
    border-radius:16px!important;
  }
  body.flow-edition .flow-page .flow-control .flow-demo-main{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.flow-edition .flow-page .flow-control .flow-demo-steps{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);
  }
  body.flow-edition .flow-page .flow-control .flow-demo-steps::-webkit-scrollbar{display:none!important}

  /* Intellectus · mantém as duas linhas do trecho final do hero sem quebras acidentais. */
  body.intellectus-edition .ia-hero h1 em{
    font-size:.88em!important;
    line-height:1.02!important;
  }
  body.intellectus-edition .ia-hero h1 em .ia-hero-ending-line{
    display:none!important;
  }
  body.intellectus-edition .ia-hero h1 em .ia-hero-ending-mobile{
    display:block!important;
    white-space:normal!important;
  }

  /* Intellectus · título de voz organizado especificamente para mobile. */
  body.intellectus-edition .ia-voice-title-desktop{display:none!important}
  body.intellectus-edition .ia-voice-title-mobile{
    display:block!important;
    margin:22px 0 20px!important;
    font-size:clamp(40px,10.7vw,48px)!important;
    line-height:1!important;
    letter-spacing:-.06em!important;
    color:#f7fbff!important;
  }
  body.intellectus-edition .ia-voice-title-mobile em{
    display:inline!important;
  }

  /* Intellectus · arte entra entre o convite e o botão, sem criar um palco vazio. */
  body.intellectus-edition .ia-voice{
    min-height:0!important;
    padding:72px 0 64px!important;
    background-image:none!important;
  }
  body.intellectus-edition .ia-voice::before{display:none!important}
  body.intellectus-edition .ia-voice-layout{
    display:block!important;
  }
  body.intellectus-edition .ia-voice-stage{
    display:none!important;
    min-height:0!important;
  }
  body.intellectus-edition .ia-voice-mobile-image{
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    height:auto!important;
    margin:16px 0 18px calc(50% - 50vw)!important;
    object-fit:contain!important;
  }
  body.intellectus-edition .ia-voice-copy>strong{
    margin-bottom:14px!important;
  }
  body.intellectus-edition .ia-voice-copy .ia-btn{
    margin-top:0!important;
  }

  /* Modal de acesso · botão de fechar sempre dentro da tela móvel. */
  .ark-platform-login-close{
    right:16px!important;
    top:16px!important;
    transform:none!important;
  }
  .ark-platform-login-close:hover{
    transform:rotate(4deg)!important;
  }
  .ark-platform-login-head{
    position:relative!important;
  }
  .ark-platform-login-form h2{
    max-width:300px;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:28px!important;
    line-height:1.08!important;
  }
}

/* V2 · correções mobile pós validação em iPhone 14 Pro Max */
@media (max-width:760px){
  /* Nossa Estrutura · hero reconstruído no mobile, sem herdar geometrias do desktop. */
  body.institutional-edition .structure-page .v78-structure-hero,
  body.institutional-edition .structure-page .inst-hero-structure{
    min-height:auto!important;
    padding:116px 0 44px!important;
    overflow:hidden!important;
  }
  body.institutional-edition .structure-page .v78-structure-grid,
  body.institutional-edition .structure-page .inst-hero-structure .inst-hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 22px!important;
    gap:22px!important;
    transform:none!important;
  }
  body.institutional-edition .structure-page .v78-structure-grid .inst-hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.institutional-edition .structure-page .structure-hero-title{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    font-size:clamp(38px,10.7vw,47px)!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
    overflow:visible!important;
  }
  body.institutional-edition .structure-page .structure-hero-title>span,
  body.institutional-edition .structure-page .structure-hero-title>em,
  body.institutional-edition .structure-page .structure-hero-title>em>span{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    transform:none!important;
  }
  body.institutional-edition .structure-page .v78-structure-grid .inst-hero-copy p{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.65!important;
    overflow-wrap:normal!important;
  }
  body.institutional-edition .structure-page .v78-layer-universe{
    justify-self:center!important;
    width:112%!important;
    max-width:none!important;
    margin:-24px -6% -20px!important;
    transform:none!important;
  }

  /* Programa de Indicação · navegação volta a existir no celular. */
  body.referral-edition #site-header,
  body.create-account-page #site-header{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:15000!important;
  }
  body.referral-edition #site-header.is-footer-hidden,
  body.create-account-page #site-header.is-footer-hidden{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.referral-edition .rp-page{padding-top:76px!important}
  body.referral-edition .rp-hero{padding-top:72px!important}
  body.create-account-page .create-account-main{padding-top:138px!important}
}

/* Login da plataforma · logo e formulário passam a formar um único bloco visual no mobile. */
@media (max-width:900px){
  .ark-platform-login-access{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .ark-platform-login-head{
    flex:0 0 auto!important;
    min-height:112px!important;
    padding:26px 18px 12px!important;
  }
  .ark-platform-login-brand img{width:112px!important}
  .ark-platform-login-form-wrap{
    display:block!important;
    flex:1 1 auto!important;
    padding:34px 24px calc(40px + env(safe-area-inset-bottom))!important;
  }
  .ark-platform-login-form{
    width:min(460px,100%)!important;
    margin:0 auto!important;
  }
  .ark-platform-login-form h2{
    margin:0 auto 38px!important;
  }
}

/* V3 · 03/09/2026 · correções isoladas após validação no iPhone 14 Pro Max */
.structure-page .structure-hero-title-mobile{display:none}

@media (max-width:760px){
  /* Nossa Estrutura: título móvel independente do título desktop.
     O desktop permanece usando .structure-hero-title sem qualquer alteração visual. */
  body.institutional-edition .structure-page .structure-hero-title{
    display:none!important;
  }
  body.institutional-edition .structure-page .structure-hero-title-mobile{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    color:#f7f8fb!important;
    font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:clamp(38px,10.7vw,47px)!important;
    font-weight:700!important;
    line-height:1.01!important;
    letter-spacing:-.055em!important;
  }
  body.institutional-edition .structure-page .structure-hero-title-mobile>span,
  body.institutional-edition .structure-page .structure-hero-title-mobile>em>span{
    display:block!important;
    white-space:nowrap!important;
  }
  body.institutional-edition .structure-page .structure-hero-title-mobile b{
    font:inherit!important;
    color:#f7f8fb!important;
  }
  body.institutional-edition .structure-page .structure-hero-title-mobile em{
    font-style:normal!important;
  }
  body.institutional-edition .structure-page .structure-hero-title-mobile>span>em,
  body.institutional-edition .structure-page .structure-hero-title-mobile>em>span{
    background:linear-gradient(90deg,#5aa7ff,#7183ff 46%,#ab62ff)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
  }

  /* Programa de Indicação e Criar Conta: header móvel opaco no padrão ARK.
     Escopo exclusivo destas duas páginas e somente abaixo de 760px. */
  body.referral-edition #site-header,
  body.referral-edition #site-header.scrolled,
  body.create-account-page #site-header,
  body.create-account-page #site-header.scrolled{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    inset:0 0 auto 0!important;
    transform:none!important;
    z-index:15000!important;
    background:#030406!important;
    border-bottom:1px solid rgba(127,151,255,.14)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.referral-edition #site-header .nav-row,
  body.create-account-page #site-header .nav-row{
    height:76px!important;
  }
  body.referral-edition #mobile-toggle,
  body.create-account-page #mobile-toggle{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:2!important;
  }

  /* Painel móvel: estado fechado e aberto definidos explicitamente. */
  body.referral-edition #mobile-panel,
  body.create-account-page #mobile-panel{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed!important;
    inset:0!important;
    z-index:25000!important;
    background:#07090d!important;
    transform:translate3d(100%,0,0)!important;
    transition:transform .32s cubic-bezier(.7,0,.2,1)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.referral-edition #mobile-panel.open,
  body.create-account-page #mobile-panel.open{
    transform:translate3d(0,0,0)!important;
  }
  html.ark-mobile-nav-open,
  html.ark-mobile-nav-open body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
}