/*  RESETS E DEFAULTS */

html,
body {
    width: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

p:last-child {
    margin-bottom: 0;
    overflow-wrap: break-word; /* Prevents long text or URLs from breaking layouts */
    text-wrap: pretty; /* Prevents awkward single-word lines (widows) at the end */
}

.elementor-widget-theme-post-excerpt p{
  margin-bottom: 0;
}

.elementor-heading-title,
.elementor-icon-box-title {
    margin-bottom: 0;
}

.elementor-icon-wrapper {
    line-height: 0;
}

*::selection {
    color: #292929;
    background: #FACF81;
}

body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    background: #ffffff;
}

body::-webkit-scrollbar-thumb {
    background-color: #FACF81;
    border: 1px solid #FACF81;
    border-radius: 5px;
}

/*  BOTÕES */

.btn-arrow .elementor-button,
.elementor-button.btn-arrow {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-right: 45px !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.btn-arrow .elementor-button::before,
.elementor-button.btn-arrow::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1 !important;
  opacity: 0 !important;
  transition: opacity 500ms ease !important;
}

.btn-arrow .elementor-button:hover::before,
.elementor-button.btn-arrow:hover::before {
  opacity: 1 !important;
}

.btn-arrow .elementor-button .elementor-button-content-wrapper,
.elementor-button.btn-arrow .elementor-button-content-wrapper {
  margin: 0 auto !important;
  z-index: 2 !important;
}

.btn-arrow .elementor-button::after,
.elementor-button.btn-arrow::after {
  content: '' !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor !important;
  mask: url('https://clientes.dev.br/carreiramuller/wp-content/uploads/2026/08/arrow-btn.svg') no-repeat center / contain !important;
  -webkit-mask: url('https://clientes.dev.br/carreiramuller/wp-content/uploads/2026/08/arrow-btn.svg') no-repeat center / contain !important;
  transition: background-color 500ms ease, transform 300ms ease !important;
}

.btn-arrow .elementor-button:hover::after,
.elementor-button.btn-arrow:hover::after {
  transform: translateY(-50%) translateX(5px) !important;
}

.btn-arrow .elementor-button .elementor-button-icon,
.elementor-button.btn-arrow .elementor-button-icon {
  display: none !important;
}


/*  TITULOS, CARDS E TEXTOS */


/* 1. Ajuste no span pai para permitir alinhamento perfeito */
.title-with-icon {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important; /* Espaçamento entre o ícone e o texto */
}

/* 2. Inserção do ícone via pseudo-elemento ::before */
.title-with-icon::before {
  content: '' !important;
  display: inline-block !important;
  width: 18px !important; /* Largura do ícone */
  height: 18px !important; /* Altura do ícone */
  background-image: url('https://clientes.dev.br/carreiramuller/wp-content/uploads/2026/08/icon-carreira.svg') !important; /* Substitua pelo link da mídia */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  flex-shrink: 0 !important; /* Impede o ícone de encolher se o texto quebrar */
}

.card-default{
  background:#fff;
  border-radius: 5px;
  padding:1.25em;
}

.card-default:hover{
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;
}


.tag-number-card{
  display: flex;
  padding: 5px 10px 5px 10px;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  border-radius: 5px;
  background: #FACF81;
}

.tag-line-categoria{
  border-radius: 5px;
  background: #FACF81;
  padding: 4px 8px 4px 8px;
  justify-content: center;
  align-items: center;
  }



/*  INPUTS */

/* 1. Oculta o container nativo da seta do Elementor */
.elementor-select-wrapper .select-caret-down-wrapper {
    display: none !important;
}

/* 2. Oculta a seta padrão do navegador e aplica o seu SVG no select */
.elementor-field-type-select select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('https://carreiramuller.local/wp-content/uploads/2026/08/chevron-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
}

/*  HEADER CONFIGURATIONS */

.header-main {
  background-color: transparent !important;
  box-shadow: none !important;
  transition: background-color 400ms ease, box-shadow 400ms ease !important;
}

/* Logos no topo */
.header-main .logo-white {
  display: block !important;
}
.header-main .logo-dark {
  display: none !important;
}

/* Links do Menu no topo */
.header-main .e-n-menu-wrapper .elementor-item {
  color: #ffffff !important;
  transition: color 300ms ease !important;
}

/* Botão Login no topo */
.header-main .btn-login,
.header-main .btn-login a {
  color: #ffffff !important;
  transition: color 300ms ease !important;
}

.header-main.is-scrolled {
  background-color: #f7f7f7 !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px !important;
  z-index: 99999;
}

/* Troca de Logos */
.header-main.is-scrolled .logo-white {
  display: none !important;
}
.header-main.is-scrolled .logo-dark {
  display: block !important;
}

/* Links do Menu escuros */
.header-main.is-scrolled .e-n-menu-wrapper .e-n-menu-title-text {
  color: #111111 !important;
}

.header-main.is-scrolled .e-n-menu-wrapper .e-n-menu-title-text:hover,
.header-main.is-scrolled .e-n-menu-wrapper .elementor-item.elementor-item-active {
  color: #c49a55 !important;
}

/* Botão Login escuro */
.header-main.is-scrolled .btn-login,
.header-main.is-scrolled .btn-login a {
  color: #111111 !important;
}

/* Carrousel de logos */

/* 1. Trava o container pai principal para não vazar nada à esquerda nem dar scroll horizontal no site */
.secao-logos {
  overflow: hidden !important;
}

/* 2. Libera o overflow da coluna da direita, mas aplica o CLIP-PATH nela para travar a esquerda */
.coluna-carrossel,
.coluna-carrossel > .e-con-inner {
  overflow: visible !important;
  position: relative !important;
  /* CRUCIAL: Impede que os logos passem do limite esquerdo (0), mas deixa vazar infinitamente à direita (-200vw) */
  clip-path: inset(0 -200vw 0 0) !important;
}

/* 3. Ajuste fino do Widget HTML para não prender no grid */
.coluna-carrossel .elementor-widget-html {
  overflow: visible !important;
  max-width: none !important;
}

/* 4. Estrutura do Carrossel com a máscara de fade suave no início */
.carousel-wrapper {
  width: 100%;
  position: relative;
  padding: 10px 0;
  background: transparent;
  overflow: visible !important;

  /* MÁSCARA APENAS NA ENTRADA ESQUERDA:
     - 0px a 20px: Transição/fade bem leve no início da coluna.
     - 20px até 100%: Totalmente opaco até o fim da tela (sem fade na direita). */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0px,
    black 20px,
    black 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0px,
    black 20px,
    black 100%
  );
}

.carousel-row {
  display: flex;
  width: max-content;
  gap: 60px; /* Gap exato entre as marcas */
  align-items: center;
}

.carousel-row.top {
  animation: scroll-left 35s linear infinite;
}

/* Pause ao passar o mouse */
.carousel-row:hover {
  animation-play-state: paused;
}

/* Tamanho e proporção das marcas */
.carousel-row .logo-item {
  flex-shrink: 0;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-row .logo-item img {
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
  filter: grayscale(20%);
  opacity: 0.85;
  transition: opacity 0.3s, filter 0.3s;
}

.carousel-row .logo-item img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

/* Animação Marquee contínua */
@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ========== MOBILE ========== */
@media (max-width: 768px) {
  .carousel-row {
    gap: 40px;
  }

  .carousel-row .logo-item {
    height: 24px;
  }
}






/* ==========================================
   Conteúdo do Post - Estilos Gerais
   ========================================== */

.conteudo-post p {
  line-height: 1.5em;
}

.conteudo-post h2,
.conteudo-post h3,
.conteudo-post h4,
.conteudo-post h5 {
  font-size: 1.8em;
  color:#292929;
}

.conteudo-post img {
  margin-top: 2em;
  border-radius: 5px;
}

.conteudo-post hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
  height: 1px;
  background-color: #29292940;
}

.conteudo-post iframe{
  border-radius: 5px;
  aspect-ratio: 16 / 9;
}

/* ==========================================
   Links
   ========================================== */

.conteudo-post a,
.conteudo-post a > span {
  color: #292929 !important;
  font-weight: 500;
  text-decoration: underline 1px rgba(0, 0, 0, 0.3);
  text-underline-offset: 5px;
}

.conteudo-post a:hover {
  color: var(--e-global-color-accent);
  text-decoration: underline 1px var(--e-global-color-accent);
  text-underline-offset: 5px;
}

/* ==========================================
   Listas
   ========================================== */


.conteudo-post ul>li{
  margin-top: 5px;
}

.conteudo-post ul {
  padding-left: 14px !important;
}

.conteudo-post ul,
.conteudo-post ol {
  margin: 25px 0px;
}

.conteudo-post li {
  list-style-type: square !important;
}

.conteudo-post ol > li {
  padding-top: 5px;
}


/* Breadcumbs */

.cw-breadcrumb {
    --breadcrumb-link: #737373;
    --breadcrumb-current: #f7f7f7;
    --breadcrumb-hover: #f97316;
    --breadcrumb-separator: #a3a3a3;

   
    font-size: 16px;
    line-height: 1.5;
}

.cw-breadcrumb .cw-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cw-breadcrumb__item {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: var(--e-global-color-accent);;
}

.cw-breadcrumb a {
    color: #f7f7f7;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cw-breadcrumb a:hover,
.cw-breadcrumb a:focus-visible {
    color: var(--e-global-color-accent);
    
}

.cw-breadcrumb [aria-current="page"] {
    color: var(--e-global-color-accent);
    font-weight: 500;
}

.cw-breadcrumb__separator {
    flex-shrink: 0;
    color: var(--breadcrumb-separator);
}


/* Pricing Table */

.price-text{
  font-size: 16px;
  color:#616161 !important;
}


:root {
    --cm-header-height: 96px;
    --cm-mega-offset: 200px;
    --cm-mega-gap: 12px;
}

/* Header acima do blur */
.header-main {
    z-index: 1001 !important;

    transition:
        background-color 250ms ease,
        border-color 250ms ease,
        box-shadow 250ms ease;
}

/* Header branco quando o menu estiver aberto */
body.cm-mega-open .header-main {
    background-color: #f7f7f7 !important;
    border-bottom: 1px solid rgba(31, 30, 30, 0.10);
    box-shadow: 0 8px 30px rgba(31, 30, 30, 0.06);
}

/* O estado aberto usa a mesma identidade visual do header após o scroll. */
body.cm-mega-open .header-main .logo-white {
    display: none !important;
}

body.cm-mega-open .header-main .logo-dark {
    display: block !important;
}

body.cm-mega-open .header-main .e-n-menu-title-text,
body.cm-mega-open .header-main .btn-login,
body.cm-mega-open .header-main .btn-login a {
    color: #111111 !important;
}

/* Área externa do dropdown */
.cm-menu .e-n-menu-content {
    box-shadow: none !important;
    position: relative;
    z-index: 1002;
}

.item-mega-menu{
  border-top: 1px solid rgba(31, 30, 30, 0.10);
  padding: 2.25rem;
  margin-top: 25px;
}


/* Posicionamento base do link */
.e-n-menu-title-container {
  position: relative;
 
}

/* Estado inicial: alinhada à esquerda com largura 0 */
.e-n-menu-title-container::after {
  content: '';
  position: absolute;
  bottom: -4px; /* Afastamento do texto */
  left: 0; /* Fixa o ponto de origem na esquerda */
  width: 0;
  height: 2px; /* Espessura */
  background-color: #FACF81; /* Cor da linha */
  transition: width 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Expande até 60% para a direita ao passar o mouse */
.e-n-menu-title-container:hover::after {
  width: 60%;
}

.mega-menu-icon-box .elementor-icon-box-description{
  text-wrap:balance;
}

.mega-menu-icon-box .elementor-icon-box-title{
  margin: 0;
}

.mega-menu-icon-box .elementor-icon-box-title{
  margin: 0;
}

.mega-card-hover:hover{
  transform: scale(1.02);
}


.mega-menu-icon-box .elementor-widget-icon-box .elementor-icon-box-content{
  margin-top: 10px;
}

/* Container visual do megamenu */
.cm-menu .cm-mega-content {
    width: 100% !important;
    margin-top: calc(var(--cm-mega-offset) + var(--cm-mega-gap)) !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    background-color: #ffffff !important;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    z-index: 1002;
}

/* Camada que desfoca a página */
.cm-mega-backdrop {
    position: fixed;
    inset: var(--cm-header-height) 0 0;
    z-index: 1000;
    background-color: rgba(236, 232, 224, 0.22);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

 
}

body.cm-mega-open .cm-mega-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 767px) {
    .cm-menu .cm-mega-content {
        width: calc(100vw - 24px) !important;
    }
}