.elementor-5416 .elementor-element.elementor-element-cc01d43{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5416 .elementor-element.elementor-element-c7d4a23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5416 .elementor-element.elementor-element-5a31701{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5416 .elementor-element.elementor-element-5a31701:not(.elementor-motion-effects-element-type-background), .elementor-5416 .elementor-element.elementor-element-5a31701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5416 .elementor-element.elementor-element-1fd2f5a > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5416 .elementor-element.elementor-element-1fd2f5a{text-align:center;}.elementor-5416 .elementor-element.elementor-element-1fd2f5a .elementor-heading-title{font-family:"Codec Pro", Sans-serif;font-size:45px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-5416 .elementor-element.elementor-element-062cc2c{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5416 .elementor-element.elementor-element-4b0f42a .elementor-button{background-color:#FFFFFF;font-family:"Codec Pro", Sans-serif;font-size:14px;font-weight:500;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-5416 .elementor-element.elementor-element-4b0f42a .elementor-button:hover, .elementor-5416 .elementor-element.elementor-element-4b0f42a .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-5416 .elementor-element.elementor-element-4b0f42a > .elementor-widget-container{margin:40px 0px 40px 0px;}.elementor-5416 .elementor-element.elementor-element-4b0f42a .elementor-button:hover svg, .elementor-5416 .elementor-element.elementor-element-4b0f42a .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-5416 .elementor-element.elementor-element-cc01d43{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5416 .elementor-element.elementor-element-1fd2f5a .elementor-heading-title{font-size:37px;}.elementor-5416 .elementor-element.elementor-element-4b0f42a > .elementor-widget-container{margin:15px 15px 15px 15px;}.elementor-5416 .elementor-element.elementor-element-4b0f42a.elementor-element{--order:99999 /* order end hack */;}}/* Start custom CSS for html, class: .elementor-element-a2992d4 *//* =====================================
   FIX DEFINITIVO: HOVER PRETO E BRANCO
===================================== */

/* Remove background/color herdados no hover/focus */
.kc-faq *,
.kc-faq *:hover,
.kc-faq *:focus,
.kc-faq *:active {
  background-color: transparent;
  color: inherit;
}

/* BOTÃO DA PERGUNTA */
.kc-q{
  background:#fff !important;
  color:#000 !important;
}

/* HOVER / FOCUS DO BOTÃO */
.kc-q:hover,
.kc-q:focus,
.kc-q:active{
  background:#B0B0B0 !important;
  color:#000; !important;
  outline:none !important;
  box-shadow:none !important;
}

/* ITEM ABERTO */
.kc-q[aria-expanded="true"]{
  background:#fff !important;
  color:#000 !important;
}

/* REMOVE ESTILOS DO TEMA (ELEMENTOR / WP) */
.kc-q:focus-visible{
  outline:none !important;
}

/* REMOVE HOVER ROSA DO ARTICLE (alguns temas aplicam isso) */
.kc-item:hover,
.kc-item:focus-within{
  background:#fff !important;
}

/* ÍCONE (+ / −) */
.kc-q__icon{
  border-color:#000 !important;
}

.kc-q__icon::before,
.kc-q__icon::after{
  background:#000 !important;
}

/* TEXTO DA RESPOSTA */
.kc-a__inner{
  color:#000 !important;
  opacity:.75;
}

/* NÚMERO (01, 02...) */
.kc-q__step{
  border-color:#000 !important;
  color:#000 !important;
  opacity:.6;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4b0f42a *//* ==========================================
   FIX DEFINITIVO: Accordion responsivo (GRID)
   - Coluna 1: número (fixo)
   - Coluna 2: texto (flexível, quebra)
   - Coluna 3: ícone + (fixo)
========================================== */

.kc-q{
  display: grid !important;
  grid-template-columns: 44px 1fr 44px !important; /* step | texto | ícone */
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;

  padding: 16px 16px !important;
  background: #fff !important;
  color: #000 !important;

  border: 0 !important;
  text-align: left !important;
  box-shadow: none !important;
}

/* Remove qualquer layout interno antigo */
.kc-q__left{
  display: contents !important; /* faz step e texto ocuparem as colunas do grid */
}

/* STEP (01,02...) círculo perfeito */
.kc-q__step{
  grid-column: 1 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  aspect-ratio: 1 / 1 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.35) !important;
  background: #fff !important;

  font-size: 12px !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  color: #000 !important;
  opacity: .7 !important;
  padding: 0 !important;
}

/* TEXTO: quebra bonito e nunca invade o ícone */
.kc-q__text{
  grid-column: 2 !important;
  min-width: 0 !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* ÍCONE: círculo perfeito + centralizado */
.kc-q__icon{
  grid-column: 3 !important;

  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  aspect-ratio: 1 / 1 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.35) !important;
  background: #fff !important;

  position: relative !important;
  flex: none !important;
  box-sizing: border-box !important;
}

/* Desenha o + bem no centro */
.kc-q__icon::before,
.kc-q__icon::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: #000 !important;
}

.kc-q__icon::before{
  width: 14px !important;
  height: 2px !important;
}
.kc-q__icon::after{
  width: 2px !important;
  height: 14px !important;
}

/* Quando aberto vira “-” */
.kc-q[aria-expanded="true"] .kc-q__icon::after{
  display: none !important;
}

/* Remove hover/focus do tema (rosa/vermelho etc) */
.kc-q:hover,
.kc-q:focus,
.kc-q:active,
.kc-item:hover,
.kc-item:focus-within{
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ajuste fininho no mobile */
@media (max-width: 520px){
  .kc-q{
    grid-template-columns: 40px 1fr 40px !important;
    padding: 14px 12px !important;
    gap: 10px !important;
  }

  .kc-q__step,
  .kc-q__icon{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  .kc-q__text{
    font-size: 14px !important;
    line-height: 1.22 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Codec Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://katherinecampbell.com.br/wp-content/uploads/2026/01/CodecPro-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */