/* Revisão responsiva global — evita quebra artificial de palavras e recorte de retratos. */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
img,video,svg,iframe{max-width:100%}
img{height:auto}
@media(max-width:900px){
  /* Quebrar frases só entre palavras; preserva nomes e títulos legíveis no iOS. */
  h1,h2,h3,h4,h5,h6,p,li,blockquote,button,label,.person-meta,.modal-content,.tk-shortcut-card,.ic-contact-body{
    word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  h1,h2,h3,h4{line-height:1.16;max-width:100%}
  .container,.shell,.tk-wrap,.ic-wrap,.trabalhe-conosco,.col-equipe,.modal-panel,.tk-panel{min-width:0;max-width:100%}
  input,select,textarea{max-width:100%;min-width:0}
  .diretoria-list,.people-grid,.compact-grid,.tk-home-grid,.tk-columns,.ic-grid{min-width:0}
  .diretoria-list>*,.people-grid>*,.compact-grid>*,.tk-home-grid>*,.tk-columns>*,.ic-grid>*{min-width:0}
  /* Perfis: retrato completo, sem ampliar rosto até cortar. */
  .portrait img,.diretoria-list img,.ic-photo img{
    object-fit:contain!important;object-position:center center!important;
    transform:none!important;
  }
  .portrait,.ic-photo{background:#e7ecee}
  .modal .modal-image img{object-fit:contain!important;object-position:center center!important;transform:none!important}
  /* Imagens editoriais: mostrar a cena completa. */
  .qs-vs-intro-photo img,.qs-vs-story-photo img,.iw-div-left img,.iw-div-right img{
    width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;
  }
  .qs-vs-intro-photo,.qs-vs-story-photo{height:auto!important;min-height:0!important}
  .ic-photo{aspect-ratio:4/3}
  .ic-photo img{width:100%;height:100%;object-fit:contain!important}
  /* Capas com texto sobreposto mantêm o preenchimento para não criar faixas vazias. */
  .hero-slide>img{object-position:center center!important}
}
@media(max-width:600px){
  h1{font-size:clamp(1.75rem,8vw,2.65rem)}
  h2{font-size:clamp(1.45rem,6.1vw,2.15rem)}
  .person-meta h3,.compact-grid .person-meta h3{font-size:clamp(13px,3.5vw,16px)!important}
  .person-meta .person-role{font-size:clamp(9px,2.7vw,11px)!important;letter-spacing:0!important}
  .modal .modal-image{height:auto!important;min-height:0!important;max-height:35dvh!important}
  .modal .modal-image img{position:relative!important;width:100%!important;height:auto!important;max-height:35dvh!important;object-fit:contain!important}
  .modal .modal-panel{overflow-y:auto!important;max-height:calc(100dvh - 20px)!important}
  .modal .modal-content h2{font-size:clamp(23px,6.5vw,32px)!important;overflow-wrap:normal!important}
  .tk-shortcut-card strong{font-size:clamp(17px,4.7vw,21px)}
}
@media(max-width:370px){
  .people-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 9px!important}
  .modal .modal-content{padding:15px!important}
  .tk-home-intro h1{font-size:clamp(25px,8.2vw,31px)!important}
}

/* Capa panorâmica: sem zoom e sem cortar a imagem em telas verticais */
@media(max-width:900px){
 #conteudo.hero-slider.hero-slider-single{background:#143a48!important}
 #conteudo.hero-slider.hero-slider-single .hero-slide{background:linear-gradient(180deg,#244b59,#14323e)!important}
 #conteudo.hero-slider.hero-slider-single .hero-slide>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center top!important;transform:none!important;filter:none!important;transition:none!important}
 #conteudo.hero-slider.hero-slider-single .hero-overlay{background:linear-gradient(180deg,rgba(8,32,43,.04) 0%,rgba(8,32,43,.18) 24%,rgba(8,32,43,.82) 76%,rgba(8,32,43,.92) 100%)!important}
}

/* Home no celular: imagem panorâmica inteira + legenda logo abaixo, sem faixa vazia. */
@media (max-width:900px){
  #conteudo.hero-slider.hero-slider-single{
    height:auto!important;min-height:0!important;overflow:hidden!important;
    background:#142f3c!important;
  }
  #conteudo.hero-slider.hero-slider-single .hero-slide,
  #conteudo.hero-slider.hero-slider-single .hero-slide.active{
    position:relative!important;inset:auto!important;
    display:flex!important;flex-direction:column!important;
    height:auto!important;min-height:0!important;
    opacity:1!important;visibility:visible!important;
    background:#142f3c!important;
  }
  #conteudo.hero-slider.hero-slider-single .hero-slide>img{
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;aspect-ratio:auto!important;
    max-height:none!important;object-fit:contain!important;object-position:center!important;
    transform:none!important;filter:none!important;
  }
  #conteudo.hero-slider.hero-slider-single .hero-overlay{display:none!important}
  #conteudo.hero-slider.hero-slider-single .hero-copy{
    position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;
    left:auto!important;right:auto!important;transform:none!important;
    width:100%!important;max-width:none!important;
    margin:0!important;padding:24px clamp(18px,5vw,32px) 32px!important;
    box-sizing:border-box!important;text-align:left!important;
    background:linear-gradient(125deg,#1b4251,#102c38)!important;
  }
  #conteudo.hero-slider.hero-slider-single .hero-copy h1{font-size:clamp(30px,8vw,42px)!important;margin:0 0 12px!important}
  #conteudo.hero-slider.hero-slider-single .hero-copy p{margin:0 0 18px!important}
}

/* INDEX — capa mobile como composição única, evitando a faixa de foto e o bloco separado. */
@media (max-width:900px) {
  body #conteudo.hero-slider.hero-slider-single {
    position:relative!important;
    display:block!important;
    height:clamp(385px, 68svh, 630px)!important;
    min-height:385px!important;
    max-height:calc(100svh - 70px)!important;
    background:#163745!important;
    overflow:hidden!important;
  }
  body #conteudo.hero-slider.hero-slider-single .hero-slide,
  body #conteudo.hero-slider.hero-slider-single .hero-slide.active {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    width:100%!important;
    background:#163745!important;
    overflow:hidden!important;
  }
  body #conteudo.hero-slider.hero-slider-single .hero-slide>img {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:50% 52%!important;
    transform:none!important;
    filter:none!important;
  }
  body #conteudo.hero-slider.hero-slider-single .hero-overlay {
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(7,29,39,.05) 0%,rgba(7,29,39,.10) 34%,rgba(7,29,39,.73) 73%,rgba(7,29,39,.89) 100%)!important;
  }
  body #conteudo.hero-slider.hero-slider-single .hero-copy {
    position:absolute!important;
    z-index:2!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:25px clamp(20px,5.8vw,36px) 30px!important;
    background:none!important;
    color:#fff!important;
    box-sizing:border-box!important;
  }
  body #conteudo.hero-slider.hero-slider-single .hero-copy h1,
  body #conteudo.hero-slider.hero-slider-single .hero-copy p {color:#fff!important}
}
@media (max-width:380px) {
  body #conteudo.hero-slider.hero-slider-single {height:420px!important;min-height:420px!important}
}