

/* =========================================================
   V71 — MOBILE MEGA MENU / PROTÓTIPO FINAL RESPONSIVO
   Padrão visual baseado nos protótipos aprovados:
   - Smartphone: fluxo 100% vertical, sem colunas esmagadas.
   - Tablet: composição híbrida com respiro.
   - Desktop: preserva mega menu premium.
   - Feature central sem símbolo/obelisco, foco em texto.
   ========================================================= */

/* Remove definitivamente o símbolo do card central do Guia */
body .cd66Mega__featureSymbol,
body .ckMegaFeature .cd66Mega__featureSymbol{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  opacity:0!important;
}

/* Centraliza o card destaque no padrão texto-only aprovado */
body .cd66Mega__feature,
body .ckMegaFeature{
  justify-content:center!important;
}

body .cd66Mega__feature h3,
body .ckMegaFeature h3{
  margin-inline:auto!important;
  text-align:center!important;
}

body .cd66Mega__feature p,
body .ckMegaFeature p{
  margin-inline:auto!important;
  text-align:center!important;
}

/* Tablet e abaixo: evita qualquer compressão horizontal herdada */
@media (max-width: 1024px){
  body .cd66Mega,
  body .megaMenu.ckMegaOfficial{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    padding:clamp(10px,2vw,18px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:
      radial-gradient(circle at 50% 0%, rgba(245,201,88,.10), transparent 34%),
      linear-gradient(180deg, rgba(5,7,10,.98), rgba(0,0,0,.995))!important;
  }

  body .cd66Mega__shell,
  body .megaMenu__shell.cd66Mega__shell{
    width:100%!important;
    max-width:920px!important;
    min-width:0!important;
    min-height:auto!important;
    margin:0 auto!important;
    border-radius:clamp(20px,3vw,28px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body .cd66Mega__head,
  body .ckMegaOfficial__head.cd66Mega__head{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    min-height:clamp(82px,11vw,104px)!important;
    padding:clamp(14px,2.4vw,22px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    background:
      linear-gradient(180deg, rgba(7,10,14,.98), rgba(7,10,14,.92))!important;
    border-bottom:1px solid rgba(245,201,88,.26)!important;
    backdrop-filter:blur(18px)!important;
  }

  body .cd66Mega__brand,
  body .ckMegaOfficial__brand.cd66Mega__brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 64px)!important;
    display:flex!important;
    align-items:center!important;
    gap:clamp(10px,2vw,16px)!important;
    overflow:hidden!important;
  }

  body .cd66Mega__brand .cd66Brand__mark,
  body .ckMegaOfficial__brand .cd66Brand__mark{
    flex:0 0 auto!important;
    width:clamp(46px,7vw,62px)!important;
    height:clamp(46px,7vw,62px)!important;
    min-width:clamp(46px,7vw,62px)!important;
    border-radius:clamp(13px,1.8vw,18px)!important;
  }

  body .cd66Mega__brand .cd66Brand__text{
    flex:1 1 auto!important;
    min-width:0!important;
    display:grid!important;
    gap:4px!important;
    overflow:hidden!important;
  }

  body .cd66Mega__brand .cd66Brand__text b{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:clamp(18px,4vw,28px)!important;
    line-height:1!important;
    letter-spacing:clamp(.12em,1.2vw,.23em)!important;
  }

  body .cd66Mega__brand .cd66Brand__text small{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:clamp(8px,1.45vw,11px)!important;
    line-height:1.1!important;
    letter-spacing:clamp(.18em,1.4vw,.30em)!important;
  }

  body .cd66Mega__close,
  body .ckMegaClose{
    flex:0 0 auto!important;
    width:clamp(48px,6.6vw,58px)!important;
    height:clamp(48px,6.6vw,58px)!important;
    min-width:clamp(48px,6.6vw,58px)!important;
    min-height:clamp(48px,6.6vw,58px)!important;
  }

  body .cd66Mega__grid,
  body .ckMegaOfficial__grid.cd66Mega__grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:clamp(12px,2vw,18px)!important;
    padding:clamp(12px,2.4vw,20px)!important;
    overflow:visible!important;
  }

  body .cd66Mega__column,
  body .cd66Mega__feature,
  body .cd66Mega__cta,
  body .ckMegaColumn,
  body .ckMegaFeature,
  body .ckMegaCta{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    grid-column:auto!important;
    overflow:hidden!important;
    border-radius:clamp(18px,2.4vw,24px)!important;
    padding:clamp(14px,2.2vw,22px)!important;
  }

  body .cd66Mega__column h3,
  body .ckMegaColumn h3,
  body .cd66Mega__ctaLabel,
  body .ckMegaCta__label{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    margin:0 0 clamp(12px,1.8vw,18px)!important;
    padding-bottom:12px!important;
    font-size:clamp(14px,2.1vw,18px)!important;
    line-height:1.15!important;
    letter-spacing:clamp(.16em,.9vw,.28em)!important;
  }

  body .cd66Mega__column a,
  body .ckMegaColumn a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:clamp(58px,7.4vw,76px)!important;
    display:grid!important;
    grid-template-columns:clamp(34px,5vw,44px) minmax(0,1fr) 18px!important;
    gap:clamp(10px,1.7vw,14px)!important;
    align-items:center!important;
    padding:clamp(10px,1.7vw,15px)!important;
    border-radius:clamp(12px,1.8vw,17px)!important;
    overflow:hidden!important;
  }

  body .cd66Mega__lineIcon,
  body .cd66Mega__column .ck-icon,
  body .ckMegaColumn .ck-icon{
    width:clamp(34px,5vw,44px)!important;
    height:clamp(34px,5vw,44px)!important;
    min-width:clamp(34px,5vw,44px)!important;
    font-size:clamp(12px,1.8vw,16px)!important;
  }

  body .cd66Mega__itemText{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    gap:4px!important;
    align-content:center!important;
  }

  body .cd66Mega__column a strong,
  body .ckMegaColumn a strong{
    display:block!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
    font-size:clamp(14px,2vw,17px)!important;
    line-height:1.18!important;
  }

  body .cd66Mega__column a small,
  body .ckMegaColumn a small{
    display:block!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
    color:rgba(255,250,240,.70)!important;
    font-size:clamp(10.5px,1.55vw,13px)!important;
    line-height:1.36!important;
  }

  body .cd66Mega__column a::after,
  body .ckMegaColumn a::after{
    position:static!important;
    justify-self:end!important;
    align-self:center!important;
    transform:none!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    font-size:clamp(14px,2vw,18px)!important;
  }

  body .cd66Mega__feature,
  body .ckMegaFeature{
    padding:clamp(28px,5vw,48px) clamp(16px,3vw,34px)!important;
    text-align:center!important;
    background:
      linear-gradient(rgba(245,201,88,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(245,201,88,.045) 1px, transparent 1px),
      linear-gradient(180deg, rgba(9,12,15,.94), rgba(3,5,7,.96))!important;
    background-size:34px 34px,34px 34px,100% 100%!important;
  }

  body .cd66Mega__featureTag,
  body .ckMegaFeature__tag{
    margin:0 auto clamp(18px,3vw,28px)!important;
    font-size:clamp(10px,1.5vw,12px)!important;
  }

  body .cd66Mega__feature h3,
  body .ckMegaFeature h3{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    text-align:center!important;
    font-size:clamp(34px,6.8vw,68px)!important;
    line-height:.92!important;
    letter-spacing:-.035em!important;
  }

  body .cd66Mega__feature h3 span,
  body .cd66Mega__feature h3 em{
    display:inline!important;
    white-space:normal!important;
  }

  body .cd66Mega__feature p,
  body .ckMegaFeature p{
    max-width:680px!important;
    margin:clamp(18px,3vw,30px) auto 0!important;
    padding-top:clamp(16px,2.4vw,24px)!important;
    font-size:clamp(13px,1.7vw,16px)!important;
    line-height:1.58!important;
  }

  body .cd66Mega__featureBtns,
  body .ckMegaFeature__btns{
    width:min(100%,520px)!important;
    margin:clamp(22px,3vw,32px) auto 0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }

  body .cd66Mega__featureBtns a,
  body .ckMegaFeature__btns a,
  body .cd66Mega__cta a,
  body .ckMegaCta a{
    min-width:0!important;
    width:100%!important;
    white-space:normal!important;
    text-align:center!important;
    min-height:48px!important;
    line-height:1.2!important;
    padding:12px 14px!important;
  }

  body .cd66Mega__cta,
  body .ckMegaCta{
    text-align:center!important;
    align-content:start!important;
    gap:clamp(12px,2vw,18px)!important;
    padding:clamp(22px,3.5vw,34px) clamp(16px,3vw,28px)!important;
  }

  body .cd66Mega__ctaLabel,
  body .ckMegaCta__label{
    margin-inline:auto!important;
    text-align:center!important;
  }

  body .cd66Mega__cta h4,
  body .ckMegaCta h4{
    margin:0 auto!important;
    max-width:560px!important;
    text-align:center!important;
    font-size:clamp(24px,4.4vw,42px)!important;
    line-height:1.04!important;
  }

  body .cd66Mega__cta p:not(.cd66Mega__ctaLabel):not(.ckMegaCta__label),
  body .ckMegaCta p:not(.ckMegaCta__label){
    margin-inline:auto!important;
    max-width:540px!important;
    text-align:center!important;
    font-size:clamp(13px,1.75vw,16px)!important;
    line-height:1.58!important;
  }

  body .cd66Mega__quickAccess,
  body .ckMegaQuickAccess{
    width:calc(100% - clamp(24px,4.8vw,40px))!important;
    max-width:calc(100% - clamp(24px,4.8vw,40px))!important;
    min-width:0!important;
    margin:0 auto clamp(12px,2.4vw,20px)!important;
    padding:clamp(14px,2.4vw,20px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:clamp(12px,2vw,16px)!important;
    overflow:hidden!important;
  }

  body .cd66Mega__quickLabel,
  body .ckMegaQuickAccess__label{
    justify-content:flex-start!important;
    white-space:normal!important;
    min-width:0!important;
  }

  body .cd66Mega__quickLinks,
  body .ckMegaQuickAccess__links{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    justify-content:stretch!important;
  }

  body .cd66Mega__quickLinks a,
  body .ckMegaQuickAccess__links a{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 12px!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
}

/* Smartphone: modelo final em coluna única, com respiro e sem texto vertical */
@media (max-width: 767px){
  body .cd66Mega,
  body .megaMenu.ckMegaOfficial{
    padding:8px!important;
  }

  body .cd66Mega__shell,
  body .megaMenu__shell.cd66Mega__shell{
    max-width:100%!important;
    border-radius:20px!important;
  }

  body .cd66Mega__head{
    min-height:82px!important;
    padding:14px!important;
  }

  body .cd66Mega__brand{
    max-width:calc(100% - 56px)!important;
  }

  body .cd66Mega__brand .cd66Brand__mark{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }

  body .cd66Mega__brand .cd66Brand__text b{
    font-size:clamp(16px,5.1vw,20px)!important;
    letter-spacing:.12em!important;
  }

  body .cd66Mega__brand .cd66Brand__text small{
    font-size:7.5px!important;
    letter-spacing:.20em!important;
  }

  body .cd66Mega__close{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }

  body .cd66Mega__grid{
    padding:12px!important;
    gap:12px!important;
  }

  body .cd66Mega__column,
  body .cd66Mega__feature,
  body .cd66Mega__cta,
  body .ckMegaColumn,
  body .ckMegaFeature,
  body .ckMegaCta{
    padding:14px!important;
    border-radius:18px!important;
  }

  body .cd66Mega__column h3,
  body .ckMegaColumn h3,
  body .cd66Mega__ctaLabel,
  body .ckMegaCta__label{
    font-size:14px!important;
    letter-spacing:.18em!important;
    margin-bottom:10px!important;
  }

  body .cd66Mega__column a,
  body .ckMegaColumn a{
    grid-template-columns:36px minmax(0,1fr) 16px!important;
    gap:10px!important;
    min-height:64px!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }

  body .cd66Mega__lineIcon,
  body .cd66Mega__column .ck-icon,
  body .ckMegaColumn .ck-icon{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    font-size:12px!important;
  }

  body .cd66Mega__column a strong,
  body .ckMegaColumn a strong{
    font-size:14px!important;
    line-height:1.18!important;
  }

  body .cd66Mega__column a small,
  body .ckMegaColumn a small{
    font-size:10.5px!important;
    line-height:1.34!important;
  }

  body .cd66Mega__feature{
    padding:30px 14px!important;
  }

  body .cd66Mega__feature h3,
  body .ckMegaFeature h3{
    max-width:100%!important;
    font-size:clamp(29px,9.3vw,42px)!important;
    line-height:.93!important;
  }

  body .cd66Mega__feature p,
  body .ckMegaFeature p{
    max-width:32ch!important;
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  body .cd66Mega__featureBtns,
  body .ckMegaFeature__btns{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body .cd66Mega__cta h4,
  body .ckMegaCta h4{
    font-size:clamp(23px,7.4vw,34px)!important;
  }

  body .cd66Mega__quickLinks,
  body .ckMegaQuickAccess__links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width: 420px){
  body .cd66Mega__brand .cd66Brand__mark{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }

  body .cd66Mega__brand .cd66Brand__text b{
    font-size:15px!important;
    letter-spacing:.105em!important;
  }

  body .cd66Mega__brand .cd66Brand__text small{
    font-size:7px!important;
    letter-spacing:.17em!important;
  }

  body .cd66Mega__column a,
  body .ckMegaColumn a{
    grid-template-columns:34px minmax(0,1fr) 14px!important;
    gap:9px!important;
    padding:10px!important;
  }

  body .cd66Mega__lineIcon,
  body .cd66Mega__column .ck-icon,
  body .ckMegaColumn .ck-icon{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }

  body .cd66Mega__quickLinks,
  body .ckMegaQuickAccess__links{
    grid-template-columns:1fr!important;
  }
}

/* Segurança extra contra qualquer regra antiga que tente empilhar letras */
@media (max-width: 1024px){
  body .cd66Mega__grid *,
  body .cd66Mega__quickAccess *{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
}
