/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/


/*@media (min-width: 1200px) {
	

}
@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {
		
}*/

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
/*@media (min-width: 200px) and (max-width: 991px) {
	
}*/


/*===========================================*/
/*	TABLET
/*===========================================*/
/*@media (min-width: 768px) and (max-width: 991px) {

}*/


/*===========================================*/
/*	MOBILE
/*===========================================*/
/*@media (min-width: 200px) and (max-width: 767px) {
	
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}*/

.intro-background-box {
    background-color: rgba(0, 0, 0, 0.63); /* Fundo preto semi-transparente (45% opaco) - ajuste a cor e opacidade (último valor) como desejar */
    padding: 20px 25px;                  /* Espaçamento interno (vertical | horizontal) para o texto não colar nas bordas */
    border-radius: 8px;                   /* Cantos arredondados (opcional) */
    display: block;                       /* Garante que o fundo ocupe a largura do container pai */
    width: 100%;                          /* Ocupa toda a largura disponível no container pai */
    box-sizing: border-box;               /* Faz com que o padding seja incluído na largura total */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.048); /* Sombra suave (opcional) */
    /* A cor do texto já é clara (typo-light), mas se precisar forçar: */
    /* color: #f8f9fa; */ 
  }
  
  /* Opcional: Ajustar padding em telas menores */
  @media (max-width: 767px) {
    .intro-background-box {
      padding: 15px 20px;
    }
  }