/* Bloco: Variáveis de estilo locais */
/* (usa apenas as variáveis globais do tema) */

/* Bloco: Layout principal do componente */

.mc-homeblocks-wrapper{
  /* Wrapper simples para organizar a pilha de sessões */
}

.mc-homeblock{
  padding: 3rem 0 3.5rem;
  background: var(--mc-layer);
}

/* Alternância de fundo entre sessões (interseção de cores) */
.mc-homeblock:nth-of-type(even){
  background: var(--mc-bg);
}

.mc-homeblock .container{
  max-width: 1200px;
  margin: 0 auto;
}

/* Bloco: Elementos internos (botões, ícones, textos) */

.mc-homeblock__head{
  margin-bottom: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.mc-homeblock__eyebrow{
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--mc-text-weak);
}

.mc-homeblock__title{
  margin: 0;
  font-weight: 700;
  font-size: 1.4rem;
  color: var(--mc-primary);
}

.mc-homeblock__subtitle{
  margin: 0;
  font-size: 0.9rem;
  color: var(--mc-text-weak);
}

/* Wrapper neutro para o shortcode (sem card, sem fundo) */
.mc-homeblock__shortcode{
  margin-top: 1.25rem;
}

/* Bloco: Responsividade (breakpoints) */

@media (max-width: 991px){
  .mc-homeblock{
    padding: 2.5rem 0 3rem;
  }

  .mc-homeblock__title{
    font-size: 1.25rem;
  }
}

@media (max-width: 575px){
  .mc-homeblock{
    padding: 2.25rem 0 2.75rem;
  }

  .mc-homeblock__head{
    margin-bottom: 1.4rem;
  }

  .mc-homeblock__subtitle{
    font-size: 0.85rem;
  }
}